jch-config-editor 0.1.2 → 0.1.4

package/dist/config-editor.es.js

@@ -1,29 +1,29 @@
-import { jsxs as d, jsx as e, Fragment as ge } from "react/jsx-runtime";
-import oe, { useState as j, useRef as ue, useMemo as Pt, useCallback as G, useEffect as ae } from "react";
-import { Typography as vt, Upload as Tt, Button as Y, Collapse as se, List as fe, Empty as K, Tag as Q, Image as $t, Space as ee, Tooltip as pe, Modal as Qe, Form as b, Input as B, Divider as he, Select as ce, InputNumber as U, Tabs as yt, Switch as je, message as Me, ConfigProvider as _t, Layout as Je } from "antd";
-import { UploadOutlined as bt, EditOutlined as et, DeleteOutlined as Ue, UndoOutlined as Ot, RedoOutlined as Yt, GroupOutlined as zt, AlignLeftOutlined as At, AlignRightOutlined as Rt, VerticalAlignTopOutlined as Xt, VerticalAlignBottomOutlined as jt, ExperimentOutlined as Ft, ZoomInOutlined as Wt, ZoomOutOutlined as Ut, SelectOutlined as qt, DragOutlined as Gt, EyeOutlined as Bt, PlusOutlined as xt, ArrowUpOutlined as wt, ArrowDownOutlined as St, CopyOutlined as Vt, DownloadOutlined as Ht } from "@ant-design/icons";
-import { create as Zt } from "zustand";
-import { produce as Jt } from "immer";
-import { nanoid as $ } from "nanoid";
-import { TransformWrapper as Kt, TransformComponent as Qt } from "react-zoom-pan-pinch";
-function en(n) {
+import { jsxs as c, jsx as e, Fragment as Se } from "react/jsx-runtime";
+import de, { useState as q, useRef as ue, useMemo as xt, useCallback as G, useEffect as se } from "react";
+import { Typography as wt, Upload as Ot, Button as j, Collapse as he, List as xe, Empty as ne, Tag as le, Image as Xt, Space as ae, Tooltip as we, Modal as tt, Form as v, Input as J, Divider as ye, Select as me, InputNumber as V, Tabs as St, Switch as Fe, message as De, ConfigProvider as zt, Layout as Qe } from "antd";
+import { UploadOutlined as Ct, EditOutlined as nt, DeleteOutlined as qe, UndoOutlined as Rt, RedoOutlined as At, GroupOutlined as at, AlignLeftOutlined as jt, AlignRightOutlined as Ft, VerticalAlignTopOutlined as Wt, VerticalAlignBottomOutlined as Ut, ExperimentOutlined as qt, ZoomInOutlined as Gt, ZoomOutOutlined as Bt, SelectOutlined as Vt, DragOutlined as Ht, EyeOutlined as Zt, PlusOutlined as Nt, ArrowUpOutlined as It, ArrowDownOutlined as kt, CopyOutlined as Jt, DownloadOutlined as Kt } from "@ant-design/icons";
+import { create as Qt } from "zustand";
+import { produce as en } from "immer";
+import { nanoid as z } from "nanoid";
+import { TransformWrapper as tn, TransformComponent as nn } from "react-zoom-pan-pinch";
+function ln(n) {
   return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
 }
-var Le = {}, Ve = { exports: {} }, lt;
-function tt() {
-  return lt || (lt = 1, (function(n) {
-    function h(t) {
+var Le = {}, Ze = { exports: {} }, it;
+function lt() {
+  return it || (it = 1, (function(n) {
+    function f(t) {
       return t && t.__esModule ? t : {
         default: t
       };
     }
-    n.exports = h, n.exports.__esModule = !0, n.exports.default = n.exports;
-  })(Ve)), Ve.exports;
+    n.exports = f, n.exports.__esModule = !0, n.exports.default = n.exports;
+  })(Ze)), Ze.exports;
 }
-var Pe = {}, rt;
-function tn() {
-  if (rt) return Pe;
-  rt = 1, Object.defineProperty(Pe, "__esModule", {
+var Pe = {}, ot;
+function rn() {
+  if (ot) return Pe;
+  ot = 1, Object.defineProperty(Pe, "__esModule", {
     value: !0
   }), Pe.default = void 0;
   const n = {
@@ -43,69 +43,69 @@ function tn() {
   };
   return Pe.default = n, Pe;
 }
-var Te = {}, $e = {}, _e = {}, Oe = {}, at;
-function nn() {
-  return at || (at = 1, Object.defineProperty(Oe, "__esModule", {
+var Te = {}, $e = {}, _e = {}, Ye = {}, st;
+function an() {
+  return st || (st = 1, Object.defineProperty(Ye, "__esModule", {
     value: !0
-  }), Oe.commonLocale = void 0, Oe.commonLocale = {
+  }), Ye.commonLocale = void 0, Ye.commonLocale = {
     yearFormat: "YYYY",
     dayFormat: "D",
     cellMeridiemFormat: "A",
     monthBeforeYear: !0
-  }), Oe;
+  }), Ye;
 }
-var it;
-function ln() {
-  if (it) return _e;
-  it = 1, Object.defineProperty(_e, "__esModule", {
+var ct;
+function on() {
+  if (ct) return _e;
+  ct = 1, Object.defineProperty(_e, "__esModule", {
     value: !0
   }), _e.default = void 0;
-  var n = nn();
-  function h(p) {
+  var n = an();
+  function f(h) {
     "@babel/helpers - typeof";
-    return h = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(f) {
-      return typeof f;
-    } : function(f) {
-      return f && typeof Symbol == "function" && f.constructor === Symbol && f !== Symbol.prototype ? "symbol" : typeof f;
-    }, h(p);
+    return f = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(p) {
+      return typeof p;
+    } : function(p) {
+      return p && typeof Symbol == "function" && p.constructor === Symbol && p !== Symbol.prototype ? "symbol" : typeof p;
+    }, f(h);
   }
-  function t(p, f) {
-    var u = Object.keys(p);
+  function t(h, p) {
+    var u = Object.keys(h);
     if (Object.getOwnPropertySymbols) {
-      var w = Object.getOwnPropertySymbols(p);
-      f && (w = w.filter(function(s) {
-        return Object.getOwnPropertyDescriptor(p, s).enumerable;
-      })), u.push.apply(u, w);
+      var b = Object.getOwnPropertySymbols(h);
+      p && (b = b.filter(function(s) {
+        return Object.getOwnPropertyDescriptor(h, s).enumerable;
+      })), u.push.apply(u, b);
     }
     return u;
   }
-  function r(p) {
-    for (var f = 1; f < arguments.length; f++) {
-      var u = arguments[f] != null ? arguments[f] : {};
-      f % 2 ? t(Object(u), !0).forEach(function(w) {
-        c(p, w, u[w]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(p, Object.getOwnPropertyDescriptors(u)) : t(Object(u)).forEach(function(w) {
-        Object.defineProperty(p, w, Object.getOwnPropertyDescriptor(u, w));
+  function r(h) {
+    for (var p = 1; p < arguments.length; p++) {
+      var u = arguments[p] != null ? arguments[p] : {};
+      p % 2 ? t(Object(u), !0).forEach(function(b) {
+        d(h, b, u[b]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(h, Object.getOwnPropertyDescriptors(u)) : t(Object(u)).forEach(function(b) {
+        Object.defineProperty(h, b, Object.getOwnPropertyDescriptor(u, b));
       });
     }
-    return p;
+    return h;
   }
-  function c(p, f, u) {
-    return f = l(f), f in p ? Object.defineProperty(p, f, { value: u, enumerable: !0, configurable: !0, writable: !0 }) : p[f] = u, p;
+  function d(h, p, u) {
+    return p = l(p), p in h ? Object.defineProperty(h, p, { value: u, enumerable: !0, configurable: !0, writable: !0 }) : h[p] = u, h;
   }
-  function l(p) {
-    var f = a(p, "string");
-    return h(f) == "symbol" ? f : String(f);
+  function l(h) {
+    var p = a(h, "string");
+    return f(p) == "symbol" ? p : String(p);
   }
-  function a(p, f) {
-    if (h(p) != "object" || !p) return p;
-    var u = p[Symbol.toPrimitive];
+  function a(h, p) {
+    if (f(h) != "object" || !h) return h;
+    var u = h[Symbol.toPrimitive];
     if (u !== void 0) {
-      var w = u.call(p, f);
-      if (h(w) != "object") return w;
+      var b = u.call(h, p);
+      if (f(b) != "object") return b;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
-    return (f === "string" ? String : Number)(p);
+    return (p === "string" ? String : Number)(h);
   }
   var o = r(r({}, n.commonLocale), {}, {
     locale: "zh_CN",
@@ -137,27 +137,27 @@ function ln() {
   });
   return _e.default = o, _e;
 }
-var Ye = {}, ot;
-function Ct() {
-  if (ot) return Ye;
-  ot = 1, Object.defineProperty(Ye, "__esModule", {
+var Oe = {}, dt;
+function Et() {
+  if (dt) return Oe;
+  dt = 1, Object.defineProperty(Oe, "__esModule", {
     value: !0
-  }), Ye.default = void 0;
+  }), Oe.default = void 0;
   const n = {
     placeholder: "请选择时间",
     rangePlaceholder: ["开始时间", "结束时间"]
   };
-  return Ye.default = n, Ye;
+  return Oe.default = n, Oe;
 }
-var st;
-function Nt() {
-  if (st) return $e;
-  st = 1;
-  var n = tt().default;
+var ut;
+function Mt() {
+  if (ut) return $e;
+  ut = 1;
+  var n = lt().default;
   Object.defineProperty($e, "__esModule", {
     value: !0
   }), $e.default = void 0;
-  var h = n(ln()), t = n(/* @__PURE__ */ Ct());
+  var f = n(on()), t = n(/* @__PURE__ */ Et());
   const r = {
     lang: {
       placeholder: "请选择日期",
@@ -170,7 +170,7 @@ function Nt() {
       rangeMonthPlaceholder: ["开始月份", "结束月份"],
       rangeQuarterPlaceholder: ["开始季度", "结束季度"],
       rangeWeekPlaceholder: ["开始周", "结束周"],
-      ...h.default
+      ...f.default
     },
     timePickerLocale: {
       ...t.default
@@ -178,31 +178,31 @@ function Nt() {
   };
   return r.lang.ok = "确定", $e.default = r, $e;
 }
-var ct;
-function rn() {
-  if (ct) return Te;
-  ct = 1;
-  var n = tt().default;
+var ht;
+function sn() {
+  if (ht) return Te;
+  ht = 1;
+  var n = lt().default;
   Object.defineProperty(Te, "__esModule", {
     value: !0
   }), Te.default = void 0;
-  var h = n(/* @__PURE__ */ Nt());
-  return Te.default = h.default, Te;
+  var f = n(/* @__PURE__ */ Mt());
+  return Te.default = f.default, Te;
 }
-var dt;
-function an() {
-  if (dt) return Le;
-  dt = 1;
-  var n = tt().default;
+var mt;
+function cn() {
+  if (mt) return Le;
+  mt = 1;
+  var n = lt().default;
   Object.defineProperty(Le, "__esModule", {
     value: !0
   }), Le.default = void 0;
-  var h = n(tn()), t = n(/* @__PURE__ */ rn()), r = n(/* @__PURE__ */ Nt()), c = n(/* @__PURE__ */ Ct());
+  var f = n(rn()), t = n(/* @__PURE__ */ sn()), r = n(/* @__PURE__ */ Mt()), d = n(/* @__PURE__ */ Et());
   const l = "${label}不是一个有效的${type}", a = {
     locale: "zh-cn",
-    Pagination: h.default,
+    Pagination: f.default,
     DatePicker: r.default,
-    TimePicker: c.default,
+    TimePicker: d.default,
     Calendar: t.default,
     // locales for all components
     global: {
@@ -340,15 +340,15 @@ function an() {
   };
   return Le.default = a, Le;
 }
-var He, ut;
-function on() {
-  return ut || (ut = 1, He = /* @__PURE__ */ an()), He;
+var Je, ft;
+function dn() {
+  return ft || (ft = 1, Je = /* @__PURE__ */ cn()), Je;
 }
-var sn = /* @__PURE__ */ on();
-const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l, ...a) => {
-  const o = typeof c == "function" ? Jt(c) : c;
-  return h(o, l, ...a);
-}, n(r.setState, t, r)), un = dn, ht = {
+var un = /* @__PURE__ */ dn();
+const hn = /* @__PURE__ */ ln(un), mn = (n) => (f, t, r) => (r.setState = (d, l, ...a) => {
+  const o = typeof d == "function" ? en(d) : d;
+  return f(o, l, ...a);
+}, n(r.setState, t, r)), fn = mn, pt = {
   nodes: [],
   materials: [],
   selectedNodeId: null,
@@ -369,86 +369,86 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
     startPoint: null,
     endPoint: null
   }
-}, ie = (n, h, t) => ({
-  id: $(),
+}, ce = (n, f, t) => ({
+  id: z(),
   type: n,
-  targetId: h,
+  targetId: f,
   payload: t,
   timestamp: Date.now()
-}), xe = Zt()(
-  un((n, h) => ({
-    ...ht,
+}), Ie = Qt()(
+  fn((n, f) => ({
+    ...pt,
     // ========== 节点操作 ==========
     addNode: (t, r = !0) => {
-      n((c) => {
+      n((d) => {
         const l = {
           ...t,
-          id: $()
+          id: z()
         };
-        c.nodes.push(l), r && (c.selectedNodeId = l.id, c.history.past.push(ie("NODE_SELECT", l.id)));
+        d.nodes.push(l), r && (d.selectedNodeId = l.id, d.history.past.push(ce("NODE_SELECT", l.id)));
       });
     },
     updateNode: (t, r) => {
-      n((c) => {
-        const l = c.nodes.find((a) => a.id === t);
-        l && (Object.assign(l, r), c.history.past.push(ie("PROPERTY_CHANGE", t, r)));
+      n((d) => {
+        const l = d.nodes.find((a) => a.id === t);
+        l && (Object.assign(l, r), d.history.past.push(ce("PROPERTY_CHANGE", t, r)));
       });
     },
     updateNodeStyle: (t, r) => {
-      n((c) => {
-        const l = c.nodes.find((a) => a.id === t);
-        l && (Object.assign(l.normalStyle, r), c.history.past.push(ie("PROPERTY_CHANGE", t, { normalStyle: r })));
+      n((d) => {
+        const l = d.nodes.find((a) => a.id === t);
+        l && (Object.assign(l.normalStyle, r), d.history.past.push(ce("PROPERTY_CHANGE", t, { normalStyle: r })));
       });
     },
     updateNodeContent: (t, r) => {
-      n((c) => {
-        const l = c.nodes.find((a) => a.id === t);
-        l && (Object.assign(l.contentInfo, r), c.history.past.push(ie("PROPERTY_CHANGE", t, { contentInfo: r })));
+      n((d) => {
+        const l = d.nodes.find((a) => a.id === t);
+        l && (l.contentInfo = { ...l.contentInfo, ...r }, d.history.past.push(ce("PROPERTY_CHANGE", t, { contentInfo: r })));
       });
     },
     updateNodeControl: (t, r) => {
-      n((c) => {
-        const l = c.nodes.find((a) => a.id === t);
-        l && (Object.assign(l.controlInfo, r), c.history.past.push(ie("PROPERTY_CHANGE", t, { controlInfo: r })));
+      n((d) => {
+        const l = d.nodes.find((a) => a.id === t);
+        l && (Object.assign(l.controlInfo, r), d.history.past.push(ce("PROPERTY_CHANGE", t, { controlInfo: r })));
       });
     },
     removeNode: (t) => {
       n((r) => {
-        const c = r.nodes.findIndex((l) => l.id === t);
-        c !== -1 && (r.nodes.splice(c, 1), r.selectedNodeId === t && (r.selectedNodeId = null, r.selectedStatusId = null), r.history.past.push(ie("NODE_DELETE", t)));
+        const d = r.nodes.findIndex((l) => l.id === t);
+        d !== -1 && (r.nodes.splice(d, 1), r.selectedNodeId === t && (r.selectedNodeId = null, r.selectedStatusId = null), r.history.past.push(ce("NODE_DELETE", t)));
       });
     },
     selectNode: (t) => {
       n((r) => {
-        r.selectedNodeId = t, r.selectedStatusId = null, t && r.history.past.push(ie("NODE_SELECT", t));
+        r.selectedNodeId = t, r.selectedStatusId = null, t && r.history.past.push(ce("NODE_SELECT", t));
       });
     },
     // ========== 状态操作 ==========
     addStatus: (t, r) => {
-      n((c) => {
-        const l = c.nodes.find((o) => o.id === t);
+      n((d) => {
+        const l = d.nodes.find((o) => o.id === t);
         if (!l) return;
         const a = {
           ...r,
-          id: $()
+          id: z()
         };
-        l.contentInfo.statusList.push(a), c.history.past.push(ie("MATERIAL_STATUS_CHANGE", t, { statusId: a.id }));
+        l.contentInfo.statusList.push(a), d.history.past.push(ce("MATERIAL_STATUS_CHANGE", t, { statusId: a.id }));
       });
     },
     removeStatus: (t, r) => {
-      n((c) => {
-        const l = c.nodes.find((o) => o.id === t);
+      n((d) => {
+        const l = d.nodes.find((o) => o.id === t);
         if (!l) return;
         const a = l.contentInfo.statusList.findIndex((o) => o.id === r);
-        a !== -1 && (l.contentInfo.statusList.splice(a, 1), l.contentInfo.currentStatusId === r && (l.contentInfo.currentStatusId = void 0), c.selectedStatusId === r && (c.selectedStatusId = null));
+        a !== -1 && (l.contentInfo.statusList.splice(a, 1), l.contentInfo.currentStatusId === r && (l.contentInfo.currentStatusId = void 0), d.selectedStatusId === r && (d.selectedStatusId = null));
       });
     },
-    updateStatus: (t, r, c) => {
+    updateStatus: (t, r, d) => {
       n((l) => {
-        const a = l.nodes.find((p) => p.id === t);
+        const a = l.nodes.find((h) => h.id === t);
         if (!a) return;
-        const o = a.contentInfo.statusList.find((p) => p.id === r);
-        o && Object.assign(o, c);
+        const o = a.contentInfo.statusList.find((h) => h.id === r);
+        o && Object.assign(o, d);
       });
     },
     selectStatus: (t) => {
@@ -457,7 +457,7 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
       });
     },
     evaluateCurrentStatus: (t, r) => {
-      const l = h().nodes.find((a) => a.id === t);
+      const l = f().nodes.find((a) => a.id === t);
       if (l)
         for (const a of l.contentInfo.statusList)
           try {
@@ -470,23 +470,23 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
     // ========== 物料库操作 ==========
     addMaterial: (t) => {
       n((r) => {
-        const c = {
+        const d = {
           ...t,
-          id: $()
+          id: z()
         };
-        r.materials.push(c), r.history.past.push(ie("MATERIAL_ADD", c.id));
+        r.materials.push(d), r.history.past.push(ce("MATERIAL_ADD", d.id));
       });
     },
     updateMaterial: (t, r) => {
-      n((c) => {
-        const l = c.materials.find((a) => a.id === t);
+      n((d) => {
+        const l = d.materials.find((a) => a.id === t);
         l && Object.assign(l, r);
       });
     },
     removeMaterial: (t) => {
       n((r) => {
-        const c = r.materials.findIndex((l) => l.id === t);
-        c !== -1 && r.materials.splice(c, 1);
+        const d = r.materials.findIndex((l) => l.id === t);
+        d !== -1 && r.materials.splice(d, 1);
       });
     },
     // ========== 视口操作 ==========
@@ -557,7 +557,7 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
     },
     // ========== 导入导出 ==========
     exportScheme: () => {
-      const t = h();
+      const t = f();
       return {
         version: "1.1.0",
         nodes: t.nodes,
@@ -573,52 +573,52 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
     },
     importScheme: (t) => {
       n((r) => {
-        r.nodes = t.nodes || [], r.materials = t.materials || [], r.viewport = t.viewport || ht.viewport, r.selectedNodeId = null, r.selectedStatusId = null, r.history = { past: [], future: [] };
+        r.nodes = t.nodes || [], r.materials = t.materials || [], r.viewport = t.viewport || pt.viewport, r.selectedNodeId = null, r.selectedStatusId = null, r.history = { past: [], future: [] };
       });
     }
   }))
-), hn = [
+), pn = [
   // 基础形状
   {
-    id: $(),
+    id: z(),
     name: "矩形",
     type: "IMAGE",
     src: `data:image/svg+xml,${encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="100" height="60"><rect width="100" height="60" fill="#1890ff" rx="4"/></svg>')}`
   },
   {
-    id: $(),
+    id: z(),
     name: "圆形",
     type: "IMAGE",
     src: `data:image/svg+xml,${encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80"><circle cx="40" cy="40" r="38" fill="#52c41a"/></svg>')}`
   },
   {
-    id: $(),
+    id: z(),
     name: "圆角矩形",
     type: "IMAGE",
     src: `data:image/svg+xml,${encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="100" height="60"><rect width="100" height="60" fill="#faad14" rx="20"/></svg>')}`
   },
   // 设备图标
   {
-    id: $(),
+    id: z(),
     name: "阀门",
     type: "IMAGE",
     src: `data:image/svg+xml,${encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60"><path d="M10 20 L30 10 L50 20 L50 40 L30 50 L10 40 Z" fill="#bfbfbf" stroke="#595959" stroke-width="2"/><circle cx="30" cy="30" r="8" fill="#1890ff"/></svg>')}`
   },
   {
-    id: $(),
+    id: z(),
     name: "泵",
     type: "IMAGE",
     src: `data:image/svg+xml,${encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60"><circle cx="30" cy="35" r="20" fill="#bfbfbf" stroke="#595959" stroke-width="2"/><rect x="25" y="5" width="10" height="15" fill="#595959"/><path d="M30 20 L30 35 M20 30 Q30 45 40 30" stroke="#595959" stroke-width="2" fill="none"/></svg>')}`
   },
   {
-    id: $(),
+    id: z(),
     name: "罐体",
     type: "IMAGE",
     src: `data:image/svg+xml,${encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" width="60" height="80"><ellipse cx="30" cy="10" rx="25" ry="10" fill="#d9d9d9" stroke="#595959" stroke-width="2"/><rect x="5" y="10" width="50" height="60" fill="#f0f0f0" stroke="#595959" stroke-width="2"/><ellipse cx="30" cy="70" rx="25" ry="10" fill="#d9d9d9" stroke="#595959" stroke-width="2"/></svg>')}`
   },
   // 文本
   {
-    id: $(),
+    id: z(),
     name: "文本标签",
     type: "TEXT",
     content: {
@@ -640,7 +640,7 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
   },
   // 线条 - 通用线条物料，通过属性配置实现不同线型
   {
-    id: $(),
+    id: z(),
     name: "线条",
     type: "LINE",
     config: {
@@ -650,43 +650,43 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
       lineType: "solid"
     }
   }
-], It = (n) => ({
-  id: $(),
+], Dt = (n) => ({
+  id: z(),
   name: "默认状态",
   expression: "return true;",
-  material: { ...n, id: $() },
+  material: { ...n, id: z() },
   bindCodes: []
-}), mn = (n, h, t) => {
+}), gn = (n, f, t) => {
   if (t?.type === "CUSTOM" && t.config?.nodes) {
-    const r = t.config.nodes.map((f) => ({
-      ...f,
-      id: $()
+    const r = t.config.nodes.map((p) => ({
+      ...p,
+      id: z()
       // 重新生成子节点ID
     }));
-    let c = 1 / 0, l = 1 / 0, a = -1 / 0, o = -1 / 0;
-    r.forEach((f) => {
-      const u = f.normalStyle.x || 0, w = f.normalStyle.y || 0, s = f.normalStyle.width || 0, x = f.normalStyle.height || 0;
-      c = Math.min(c, u), l = Math.min(l, w), a = Math.max(a, u + s), o = Math.max(o, w + x);
+    let d = 1 / 0, l = 1 / 0, a = -1 / 0, o = -1 / 0;
+    r.forEach((p) => {
+      const u = p.normalStyle.x || 0, b = p.normalStyle.y || 0, s = p.normalStyle.width || 0, x = p.normalStyle.height || 0;
+      d = Math.min(d, u), l = Math.min(l, b), a = Math.max(a, u + s), o = Math.max(o, b + x);
     });
-    const p = r.map((f) => ({
-      ...f,
+    const h = r.map((p) => ({
+      ...p,
       normalStyle: {
-        ...f.normalStyle,
-        x: (f.normalStyle.x || 0) - c,
-        y: (f.normalStyle.y || 0) - l,
+        ...p.normalStyle,
+        x: (p.normalStyle.x || 0) - d,
+        y: (p.normalStyle.y || 0) - l,
         scale: void 0
         // 移除 scale，由父级容器统一控制
       }
     }));
     return {
-      id: $(),
+      id: z(),
       name: t.name || "群组节点",
       type: "group",
       normalStyle: {
-        width: a - c,
+        width: a - d,
         height: o - l,
         x: n,
-        y: h
+        y: f
         // 不设置背景和边框，由 NodeRenderer 控制
       },
       contentInfo: {
@@ -699,23 +699,23 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
         isResizable: !0,
         isSelectable: !0
       },
-      children: p
+      children: h
     };
   }
   return {
-    id: $(),
+    id: z(),
     name: "新节点",
     type: "normal",
     normalStyle: {
       width: 120,
       height: 100,
       x: n,
-      y: h,
+      y: f,
       background: "transparent",
       padding: 8
     },
     contentInfo: {
-      statusList: t ? [It(t)] : [],
+      statusList: t ? [Dt(t)] : [],
       currentStatusId: void 0
     },
     controlInfo: {
@@ -725,32 +725,32 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
       isSelectable: !0
     }
   };
-}, { Panel: be } = se, { Text: Fe } = vt, fn = () => {
+}, { Panel: Ne } = he, { Text: We } = wt, yn = () => {
   const {
     materials: n,
-    addMaterial: h,
+    addMaterial: f,
     removeMaterial: t,
     selectedStatusId: r,
-    selectStatus: c,
+    selectStatus: d,
     mode: l,
     lineDrawing: a,
     startLineDrawing: o,
-    cancelLineDrawing: p
-  } = xe(), [f, u] = j([
+    cancelLineDrawing: h
+  } = Ie(), [p, u] = q([
     "basic",
     "device",
     "text",
     "line"
-  ]), w = (m) => {
-    const _ = new FileReader();
-    return _.onload = (P) => {
-      const D = P.target?.result;
-      h({
+  ]), b = (m) => {
+    const A = new FileReader();
+    return A.onload = (Y) => {
+      const D = Y.target?.result;
+      f({
         name: m.name.replace(".svg", ""),
         type: "IMAGE",
         src: D
       });
-    }, _.readAsDataURL(m), !1;
+    }, A.readAsDataURL(m), !1;
   }, s = {
     basic: n.filter(
       (m) => ["矩形", "圆形", "圆角矩形"].includes(m.name)
@@ -764,59 +764,59 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
     custom: n.filter(
       (m) => m.type === "CUSTOM" && !m.config?.nodes || m.type === "IMAGE" && !["矩形", "圆形", "圆角矩形", "阀门", "泵", "罐体"].includes(m.name)
     )
-  }, x = (m, _) => {
-    m.dataTransfer.effectAllowed = "copy", m.dataTransfer.setData("application/json", JSON.stringify(_));
-    const P = m.currentTarget.querySelector(
+  }, x = (m, A) => {
+    m.dataTransfer.effectAllowed = "copy", m.dataTransfer.setData("application/json", JSON.stringify(A));
+    const Y = m.currentTarget.querySelector(
       ".material-preview"
     );
-    P && m.dataTransfer.setDragImage(P, 20, 20);
-  }, g = (m) => {
+    Y && m.dataTransfer.setDragImage(Y, 20, 20);
+  }, y = (m) => {
     m.type === "LINE" && o(m);
-  }, C = (m, _ = !1) => {
-    const P = _ === !0, D = l === "line-draw" && P && a.material?.id === m.id;
+  }, E = (m, A = !1) => {
+    const Y = A === !0, D = l === "line-draw" && Y && a.material?.id === m.id;
     return /* @__PURE__ */ e(
-      fe.Item,
+      xe.Item,
       {
-        draggable: !P,
-        onDragStart: (E) => x(E, m),
-        onClick: () => P && g(m),
+        draggable: !Y,
+        onDragStart: (L) => x(L, m),
+        onClick: () => Y && y(m),
         className: `
           rounded-lg transition-all duration-200 select-none
-          ${P ? "cursor-pointer" : "cursor-move"}
+          ${Y ? "cursor-pointer" : "cursor-move"}
           hover:bg-gray-100
           ${D ? "bg-blue-50 ring-2 ring-blue-400" : ""}
         `,
         actions: [
-          P ? /* @__PURE__ */ e(
-            Y,
+          Y ? /* @__PURE__ */ e(
+            j,
             {
               type: "text",
               size: "small",
-              icon: /* @__PURE__ */ e(et, {}),
-              onClick: (E) => {
-                E.stopPropagation(), g(m);
+              icon: /* @__PURE__ */ e(nt, {}),
+              onClick: (L) => {
+                L.stopPropagation(), y(m);
               },
               children: "绘制"
             },
             "draw"
           ) : null,
           /* @__PURE__ */ e(
-            Y,
+            j,
             {
               type: "text",
               size: "small",
               danger: !0,
-              icon: /* @__PURE__ */ e(Ue, {}),
-              onClick: (E) => {
-                E.stopPropagation(), t(m.id);
+              icon: /* @__PURE__ */ e(qe, {}),
+              onClick: (L) => {
+                L.stopPropagation(), t(m.id);
               }
             },
             "delete"
           )
         ].filter(Boolean),
-        children: /* @__PURE__ */ d("div", { className: `flex items-center gap-3 w-full py-2 ${P ? "" : "pointer-events-none"}`, children: [
+        children: /* @__PURE__ */ c("div", { className: `flex items-center gap-3 w-full py-2 ${Y ? "" : "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: m.type === "IMAGE" && m.src ? /* @__PURE__ */ e(
-            $t,
+            Xt,
             {
               src: m.src,
               alt: m.name,
@@ -825,11 +825,11 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
               preview: !1
             }
           ) : m.type === "TEXT" ? /* @__PURE__ */ e("span", { className: "text-xs text-gray-500", children: "T" }) : m.type === "LINE" ? /* @__PURE__ */ e("div", { className: "w-8 h-0.5 bg-gray-400" }) : m.type === "CUSTOM" && m.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__ */ d("div", { className: "flex-1 min-w-0", children: [
-            /* @__PURE__ */ e(Fe, { strong: !0, className: "block truncate", children: m.name }),
-            /* @__PURE__ */ d("div", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ e(Fe, { type: "secondary", className: "text-xs", children: m.type }),
-              D && /* @__PURE__ */ e(Q, { color: "blue", className: "text-xs", children: "绘制中" })
+          /* @__PURE__ */ c("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ e(We, { strong: !0, className: "block truncate", children: m.name }),
+            /* @__PURE__ */ c("div", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ e(We, { type: "secondary", className: "text-xs", children: m.type }),
+              D && /* @__PURE__ */ e(le, { color: "blue", className: "text-xs", children: "绘制中" })
             ] })
           ] })
         ] })
@@ -837,101 +837,101 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
       m.id
     );
   };
-  return /* @__PURE__ */ d("div", { className: "h-full flex flex-col bg-white border-r border-gray-200", children: [
-    /* @__PURE__ */ d("div", { className: "p-4 border-b border-gray-200", children: [
+  return /* @__PURE__ */ c("div", { className: "h-full flex flex-col bg-white border-r border-gray-200", children: [
+    /* @__PURE__ */ c("div", { className: "p-4 border-b border-gray-200", children: [
       /* @__PURE__ */ e("h3", { className: "text-lg font-semibold text-gray-800", children: "物料库" }),
-      /* @__PURE__ */ e(Fe, { type: "secondary", className: "text-sm", children: "拖拽物料到画布创建节点" })
+      /* @__PURE__ */ e(We, { type: "secondary", className: "text-sm", children: "拖拽物料到画布创建节点" })
     ] }),
     /* @__PURE__ */ e("div", { className: "p-3 border-b border-gray-200", children: /* @__PURE__ */ e(
-      Tt,
+      Ot,
       {
         accept: ".svg",
-        beforeUpload: w,
+        beforeUpload: b,
         showUploadList: !1,
-        children: /* @__PURE__ */ e(Y, { icon: /* @__PURE__ */ e(bt, {}), block: !0, type: "dashed", children: "上传 SVG" })
+        children: /* @__PURE__ */ e(j, { icon: /* @__PURE__ */ e(Ct, {}), block: !0, type: "dashed", children: "上传 SVG" })
       }
     ) }),
-    /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto p-2", children: /* @__PURE__ */ d(
-      se,
+    /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto p-2", children: /* @__PURE__ */ c(
+      he,
       {
-        activeKey: f,
+        activeKey: p,
         onChange: (m) => u(m),
         ghost: !0,
         expandIconPosition: "end",
         children: [
-          /* @__PURE__ */ e(be, { header: "基础形状", children: /* @__PURE__ */ e(
-            fe,
+          /* @__PURE__ */ e(Ne, { header: "基础形状", children: /* @__PURE__ */ e(
+            xe,
             {
               dataSource: s.basic,
-              renderItem: (m) => C(m, !1),
+              renderItem: (m) => E(m, !1),
               locale: {
                 emptyText: /* @__PURE__ */ e(
-                  K,
+                  ne,
                   {
                     description: "暂无物料",
-                    image: K.PRESENTED_IMAGE_SIMPLE
+                    image: ne.PRESENTED_IMAGE_SIMPLE
                   }
                 )
               }
             }
           ) }, "basic"),
-          /* @__PURE__ */ e(be, { header: "设备图标", children: /* @__PURE__ */ e(
-            fe,
+          /* @__PURE__ */ e(Ne, { header: "设备图标", children: /* @__PURE__ */ e(
+            xe,
             {
               dataSource: s.device,
-              renderItem: (m) => C(m, !1),
+              renderItem: (m) => E(m, !1),
               locale: {
                 emptyText: /* @__PURE__ */ e(
-                  K,
+                  ne,
                   {
                     description: "暂无物料",
-                    image: K.PRESENTED_IMAGE_SIMPLE
+                    image: ne.PRESENTED_IMAGE_SIMPLE
                   }
                 )
               }
             }
           ) }, "device"),
-          /* @__PURE__ */ e(be, { header: "文本", children: /* @__PURE__ */ e(
-            fe,
+          /* @__PURE__ */ e(Ne, { header: "文本", children: /* @__PURE__ */ e(
+            xe,
             {
               dataSource: s.text,
-              renderItem: (m) => C(m, !1),
+              renderItem: (m) => E(m, !1),
               locale: {
                 emptyText: /* @__PURE__ */ e(
-                  K,
+                  ne,
                   {
                     description: "暂无物料",
-                    image: K.PRESENTED_IMAGE_SIMPLE
+                    image: ne.PRESENTED_IMAGE_SIMPLE
                   }
                 )
               }
             }
           ) }, "text"),
-          /* @__PURE__ */ d(
-            be,
+          /* @__PURE__ */ c(
+            Ne,
             {
-              header: /* @__PURE__ */ d("div", { className: "flex items-center justify-between", children: [
+              header: /* @__PURE__ */ c("div", { className: "flex items-center justify-between", children: [
                 /* @__PURE__ */ e("span", { children: "线条" }),
-                l === "line-draw" && /* @__PURE__ */ e(Q, { color: "blue", className: "text-xs", children: "绘制模式" })
+                l === "line-draw" && /* @__PURE__ */ e(le, { color: "blue", className: "text-xs", children: "绘制模式" })
               ] }),
               children: [
                 /* @__PURE__ */ e(
-                  fe,
+                  xe,
                   {
                     dataSource: s.line,
-                    renderItem: (m) => C(m, !0),
+                    renderItem: (m) => E(m, !0),
                     locale: {
                       emptyText: /* @__PURE__ */ e(
-                        K,
+                        ne,
                         {
                           description: "暂无物料",
-                          image: K.PRESENTED_IMAGE_SIMPLE
+                          image: ne.PRESENTED_IMAGE_SIMPLE
                         }
                       )
                     }
                   }
                 ),
-                l === "line-draw" && /* @__PURE__ */ d("div", { className: "mt-2 p-2 bg-blue-50 rounded text-xs text-blue-600", children: [
+                l === "line-draw" && /* @__PURE__ */ c("div", { className: "mt-2 p-2 bg-blue-50 rounded text-xs text-blue-600", children: [
                   /* @__PURE__ */ e("div", { children: "点击线条物料开始绘制" }),
                   /* @__PURE__ */ e("div", { children: "点击画布确定起点和终点" })
                 ] })
@@ -939,33 +939,33 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
             },
             "line"
           ),
-          s.group.length > 0 && /* @__PURE__ */ e(be, { header: "群组", children: /* @__PURE__ */ e(
-            fe,
+          s.group.length > 0 && /* @__PURE__ */ e(Ne, { header: "群组", children: /* @__PURE__ */ e(
+            xe,
             {
               dataSource: s.group,
-              renderItem: (m) => C(m, !1),
+              renderItem: (m) => E(m, !1),
               locale: {
                 emptyText: /* @__PURE__ */ e(
-                  K,
+                  ne,
                   {
                     description: "暂无物料",
-                    image: K.PRESENTED_IMAGE_SIMPLE
+                    image: ne.PRESENTED_IMAGE_SIMPLE
                   }
                 )
               }
             }
           ) }, "group"),
-          s.custom.length > 0 && /* @__PURE__ */ e(be, { header: "自定义", children: /* @__PURE__ */ e(
-            fe,
+          s.custom.length > 0 && /* @__PURE__ */ e(Ne, { header: "自定义", children: /* @__PURE__ */ e(
+            xe,
             {
               dataSource: s.custom,
-              renderItem: (m) => C(m, !1),
+              renderItem: (m) => E(m, !1),
               locale: {
                 emptyText: /* @__PURE__ */ e(
-                  K,
+                  ne,
                   {
                     description: "暂无物料",
-                    image: K.PRESENTED_IMAGE_SIMPLE
+                    image: ne.PRESENTED_IMAGE_SIMPLE
                   }
                 )
               }
@@ -974,58 +974,58 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
         ]
       }
     ) }),
-    /* @__PURE__ */ e("div", { className: "p-3 border-t border-gray-200 bg-gray-50", children: /* @__PURE__ */ e(Fe, { type: "secondary", className: "text-xs", children: l === "line-draw" ? /* @__PURE__ */ e(ge, { children: "💡 提示：点击绘制线段，可连续绘制多段线，双击结束绘制，ESC 取消" }) : /* @__PURE__ */ e(ge, { children: "💡 提示：拖拽物料到画布创建节点，点击线条物料进入绘制模式" }) }) })
+    /* @__PURE__ */ e("div", { className: "p-3 border-t border-gray-200 bg-gray-50", children: /* @__PURE__ */ e(We, { type: "secondary", className: "text-xs", children: l === "line-draw" ? /* @__PURE__ */ e(Se, { children: "💡 提示：点击绘制线段，可连续绘制多段线，双击结束绘制，ESC 取消" }) : /* @__PURE__ */ e(Se, { children: "💡 提示：拖拽物料到画布创建节点，点击线条物料进入绘制模式" }) }) })
   ] });
-}, { Text: mt } = vt, pn = (n, h) => {
+}, { Text: gt } = wt, vn = (n, f) => {
   try {
-    const t = h && Array.isArray(h) ? h.map((l, a) => l.paramsName) : ["A"], c = new Function(...t, n.expression)(...h.map((l) => l.value));
+    const t = f && Array.isArray(f) ? f.map((l, a) => l.paramsName) : ["A"], d = new Function(...t, n.expression)(...f.map((l) => l.value));
     return console.log(
       `Evaluating status [${n.name}] with data:`,
-      h,
+      f,
       "Result:",
-      c
-    ), c === !0;
+      d
+    ), d === !0;
   } catch (t) {
     return console.warn(`状态表达式执行失败 [${n.name}]:`, t), !1;
   }
-}, gn = (n, h) => {
+}, bn = (n, f) => {
   for (const t of n) {
     console.log(t, "status");
     let r = [];
-    if (Array.isArray(h) ? (console.log(t.bindCodes, "bindCodes"), r = h.filter(
-      (c) => t.bindCodes?.includes(c.paramsCode)
-    )) : r = h, pn(t, r))
+    if (Array.isArray(f) ? (console.log(t.bindCodes, "bindCodes"), r = f.filter(
+      (d) => t.bindCodes?.includes(d.paramsCode)
+    )) : r = f, vn(t, r))
       return t;
   }
-}, vn = (n, h) => {
-  if (!h || !n)
+}, xn = (n, f) => {
+  if (!f || !n)
     return { value: void 0 };
   if (Array.isArray(n)) {
-    const t = n.find((r) => r.paramsCode === h);
+    const t = n.find((r) => r.paramsCode === f);
     if (t)
       return {
         value: t.value,
         unit: t.unit
       };
-  } else if (typeof n == "object" && h in n)
+  } else if (typeof n == "object" && f in n)
     return {
-      value: n[h],
+      value: n[f],
       unit: n.unit
     };
   return { value: void 0 };
-}, yn = (n, h) => {
+}, wn = (n, f) => {
   if (n == null) return "";
-  if (h === -1) return String(n);
+  if (f === -1) return String(n);
   const t = Number(n);
-  return isNaN(t) ? String(n) : t.toFixed(h ?? 2);
-}, bn = (n, h, t, r) => {
+  return isNaN(t) ? String(n) : t.toFixed(f ?? 2);
+}, Sn = (n, f, t, r) => {
   switch (n.type) {
     case "IMAGE":
-      const c = n;
-      return /* @__PURE__ */ e("div", { className: "w-full h-full flex items-center justify-center overflow-hidden", children: c.src ? /* @__PURE__ */ e(
+      const d = n;
+      return /* @__PURE__ */ e("div", { className: "w-full h-full flex items-center justify-center overflow-hidden", children: d.src ? /* @__PURE__ */ e(
         "img",
         {
-          src: c.src,
+          src: d.src,
           alt: n.name,
           style: {
             width: "100%",
@@ -1038,34 +1038,34 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
       const l = n, {
         label: a,
         value: o,
-        valueSourceCode: p,
-        unit: f,
+        valueSourceCode: h,
+        unit: p,
         decimals: u,
-        labelStyle: w,
+        labelStyle: b,
         valueStyle: s,
         customStyle: x
-      } = l.content || {}, { value: g, unit: C } = p ? vn(h, p) : { value: void 0, unit: void 0 }, _ = yn(g !== void 0 ? g : o, u), P = f || C || "";
-      return /* @__PURE__ */ d(
+      } = l.content || {}, { value: y, unit: E } = h ? xn(f, h) : { value: void 0, unit: void 0 }, A = wn(y !== void 0 ? y : o, u), Y = p || E || "";
+      return /* @__PURE__ */ c(
         "div",
         {
           className: "w-full h-full flex flex-col justify-center gap-1",
           style: { ...x },
           children: [
             a && /* @__PURE__ */ e(
-              mt,
+              gt,
               {
                 style: {
                   fontSize: 14,
                   fontWeight: "bold",
                   color: "#262626",
                   textAlign: "left",
-                  ...w
+                  ...b
                 },
                 children: a
               }
             ),
-            _ != null && /* @__PURE__ */ d(
-              mt,
+            A != null && /* @__PURE__ */ c(
+              gt,
               {
                 style: {
                   fontSize: 14,
@@ -1074,8 +1074,8 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
                   ...s
                 },
                 children: [
-                  _,
-                  P ? ` ${P}` : ""
+                  A,
+                  Y ? ` ${Y}` : ""
                 ]
               }
             )
@@ -1084,36 +1084,36 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
       );
     case "LINE":
       const D = n, {
-        thickness: E = 2,
+        thickness: L = 2,
         color: O = "#d9d9d9",
-        dashed: V = !1,
-        lineType: H = V ? "dashed" : "solid",
-        lineWeight: F = E,
+        dashed: ie = !1,
+        lineType: H = ie ? "dashed" : "solid",
+        lineWeight: Q = L,
         // 起点和终点的相对坐标
-        startX: W = 0,
-        startY: S = 0,
-        endX: A = 100,
-        endY: R = 0
-      } = D.config || {}, i = ((k) => {
-        const L = Math.max(F, 1);
-        switch (k) {
+        startX: F = 0,
+        startY: P = 0,
+        endX: T = 100,
+        endY: B = 0
+      } = D.config || {}, i = ((w) => {
+        const M = Math.max(Q, 1);
+        switch (w) {
           case "solid":
             return "";
           case "dashed":
-            return `${L * 8},${L * 4}`;
+            return `${M * 8},${M * 4}`;
           case "center":
-            return `${L * 12},${L * 3},${L * 2},${L * 3}`;
+            return `${M * 12},${M * 3},${M * 2},${M * 3}`;
           case "phantom":
-            return `${L * 12},${L * 3},${L * 2},${L * 3},${L * 2},${L * 3}`;
+            return `${M * 12},${M * 3},${M * 2},${M * 3},${M * 2},${M * 3}`;
           case "dot":
-            return `${L},${L * 3}`;
+            return `${M},${M * 3}`;
           case "dash-dot":
-            return `${L * 8},${L * 3},${L},${L * 3}`;
+            return `${M * 8},${M * 3},${M},${M * 3}`;
           default:
             return "";
         }
-      })(H), T = t ? "#1890ff" : O;
-      return /* @__PURE__ */ e("div", { className: "w-full h-full relative", style: { overflow: "visible" }, children: /* @__PURE__ */ d(
+      })(H), k = t ? "#1890ff" : O;
+      return /* @__PURE__ */ e("div", { className: "w-full h-full relative", style: { overflow: "visible" }, children: /* @__PURE__ */ c(
         "svg",
         {
           className: "absolute top-0 left-0",
@@ -1124,31 +1124,31 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
             /* @__PURE__ */ e(
               "line",
               {
-                x1: W,
-                y1: S,
-                x2: A,
-                y2: R,
+                x1: F,
+                y1: P,
+                x2: T,
+                y2: B,
                 stroke: "transparent",
-                strokeWidth: Math.max(F, 10),
+                strokeWidth: Math.max(Q, 10),
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
                 style: { pointerEvents: "stroke", cursor: "pointer" },
-                onClick: (k) => {
-                  k.stopPropagation();
-                  const L = k.target.closest("[data-node-id]");
-                  L && L.click();
+                onClick: (w) => {
+                  w.stopPropagation();
+                  const M = w.target.closest("[data-node-id]");
+                  M && M.click();
                 }
               }
             ),
             /* @__PURE__ */ e(
               "line",
               {
-                x1: W,
-                y1: S,
-                x2: A,
-                y2: R,
-                stroke: T,
-                strokeWidth: F,
+                x1: F,
+                y1: P,
+                x2: T,
+                y2: B,
+                stroke: k,
+                strokeWidth: Q,
                 strokeDasharray: i,
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
@@ -1159,130 +1159,130 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
         }
       ) });
     case "CUSTOM":
-      const v = n;
-      return v.render ? v.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 S = n;
+      return S.render ? S.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: "未知类型" }) });
   }
-}, xn = ({
+}, Cn = ({
   node: n,
-  isSelected: h = !1,
+  isSelected: f = !1,
   onClick: t,
   onMouseDown: r,
-  data: c,
+  data: d,
   onUpdateNode: l,
   scale: a = 1
 }) => {
-  const { normalStyle: o, contentInfo: p, controlInfo: f } = n, { statusList: u } = p, { isClickable: w, isDraggable: s } = f, [x, g] = j(null), [C, m] = j({ x: 0, y: 0 }), _ = ue(null), P = Pt(() => {
+  const { normalStyle: o, contentInfo: h, controlInfo: p } = n, { statusList: u } = h, { isClickable: b, isDraggable: s } = p, [x, y] = q(null), [E, m] = q({ x: 0, y: 0 }), A = ue(null), Y = xt(() => {
     if (u.length === 0) return;
-    const i = gn(u, c);
+    const i = bn(u, d);
     return i || u[0];
-  }, [u, c]), D = P?.material, E = D?.type === "LINE", O = E ? D.config : null, V = o.scale ?? 1, H = (o.width || 100) * V, F = (o.height || 100) * V, W = G((i, T) => {
-    i.stopPropagation(), i.preventDefault(), g(T), m({ x: i.clientX, y: i.clientY });
+  }, [u, d]), D = Y?.material, L = D?.type === "LINE", O = L ? D.config : null, ie = o.scale ?? 1, H = (o.width || 100) * ie, Q = (o.height || 100) * ie, F = G((i, k) => {
+    i.stopPropagation(), i.preventDefault(), y(k), m({ x: i.clientX, y: i.clientY });
   }, []);
-  ae(() => {
-    if (!x || !E || !O || !l) return;
-    const i = (v) => {
-      const k = (v.clientX - C.x) / a, L = (v.clientY - C.y) / a, we = O.startX || 0, ze = O.startY || 0, Ae = O.endX || 0, te = O.endY || 0;
-      let Z = we, ne = ze, le = Ae, re = te, Se = o.x || 0, Ce = o.y || 0;
-      x === "start" ? (Z = we + k, ne = ze + L, Z < 0 && (Se += Z, le -= Z, Z = 0), ne < 0 && (Ce += ne, re -= ne, ne = 0)) : (le = Ae + k, re = te + L, le < 0 && (Se += le, Z -= le, le = 0), re < 0 && (Ce += re, ne -= re, re = 0));
-      const Re = Math.max((O.lineWeight || 2) * 2, 4), qe = Math.max(Z, le), Ge = Math.max(ne, re), ve = Math.max(qe, Re), Be = Math.max(Ge, Re);
+  se(() => {
+    if (!x || !L || !O || !l) return;
+    const i = (S) => {
+      const w = (S.clientX - E.x) / a, M = (S.clientY - E.y) / a, Xe = O.startX || 0, Ce = O.startY || 0, ze = O.endX || 0, Re = O.endY || 0;
+      let Z = Xe, ee = Ce, te = ze, oe = Re, ke = o.x || 0, Ee = o.y || 0;
+      x === "start" ? (Z = Xe + w, ee = Ce + M, Z < 0 && (ke += Z, te -= Z, Z = 0), ee < 0 && (Ee += ee, oe -= ee, ee = 0)) : (te = ze + w, oe = Re + M, te < 0 && (ke += te, Z -= te, te = 0), oe < 0 && (Ee += oe, ee -= oe, oe = 0));
+      const Ae = Math.max((O.lineWeight || 2) * 2, 4), Ge = Math.max(Z, te), Be = Math.max(ee, oe), Ve = Math.max(Ge, Ae), He = Math.max(Be, Ae);
       l(n.id, {
         normalStyle: {
           ...o,
-          x: Se,
-          y: Ce,
-          width: ve,
-          height: Be
+          x: ke,
+          y: Ee,
+          width: Ve,
+          height: He
         },
         contentInfo: {
-          ...p,
-          statusList: u.map((ye) => ({
-            ...ye,
-            material: ye.material.type === "LINE" ? {
-              ...ye.material,
+          ...h,
+          statusList: u.map((ve) => ({
+            ...ve,
+            material: ve.material.type === "LINE" ? {
+              ...ve.material,
               config: {
                 ...O,
                 startX: Z,
-                startY: ne,
-                endX: le,
-                endY: re
+                startY: ee,
+                endX: te,
+                endY: oe
               }
-            } : ye.material
+            } : ve.material
           }))
         }
-      }), m({ x: v.clientX, y: v.clientY });
-    }, T = () => {
-      g(null);
+      }), m({ x: S.clientX, y: S.clientY });
+    }, k = () => {
+      y(null);
     };
-    return window.addEventListener("mousemove", i), window.addEventListener("mouseup", T), () => {
-      window.removeEventListener("mousemove", i), window.removeEventListener("mouseup", T);
+    return window.addEventListener("mousemove", i), window.addEventListener("mouseup", k), () => {
+      window.removeEventListener("mousemove", i), window.removeEventListener("mouseup", k);
     };
-  }, [x, C, E, O, n.id, o, p, u, l, a]);
-  const S = n.type === "group", A = {
+  }, [x, E, L, O, n.id, o, h, u, l, a]);
+  const P = n.type === "group", T = {
     position: "absolute",
     left: o.x || 0,
     top: o.y || 0,
     width: H,
-    height: F,
+    height: Q,
     // 群组节点不显示背景和边框，只作为容器
-    background: S ? "transparent" : o.background || "transparent",
-    backgroundImage: S ? void 0 : o.backgroundImage ? `url(${o.backgroundImage})` : void 0,
+    background: P ? "transparent" : o.background || "transparent",
+    backgroundImage: P ? void 0 : o.backgroundImage ? `url(${o.backgroundImage})` : void 0,
     backgroundSize: "cover",
     backgroundPosition: "center",
     padding: Array.isArray(o.padding) ? o.padding.join("px ") + "px" : o.padding,
     margin: Array.isArray(o.margin) ? o.margin.join("px ") + "px" : o.margin,
-    borderRadius: S ? void 0 : o.borderRadius,
+    borderRadius: P ? void 0 : o.borderRadius,
     // 线条物料选中时不显示边框，而是通过高亮线条颜色来表示
     // 群组节点选中时显示边框，平时不显示
-    border: h && !E ? "2px solid #1890ff" : E || S ? "none" : o.border || "1px dashed transparent",
+    border: f && !L ? "2px solid #1890ff" : L || P ? "none" : o.border || "1px dashed transparent",
     // 线条节点需要捕获点击事件，但由内部 SVG 的透明线处理具体点击区域
     pointerEvents: "auto",
     opacity: o.opacity ?? 1,
     transform: o.transform,
-    zIndex: h ? 1e3 : o.zIndex ?? 1,
-    cursor: s && !x ? "move" : w ? "pointer" : "default",
+    zIndex: f ? 1e3 : o.zIndex ?? 1,
+    cursor: s && !x ? "move" : b ? "pointer" : "default",
     boxSizing: "border-box",
     // 线条和群组节点使用 visible overflow，避免裁剪子节点
-    overflow: E || S ? "visible" : "hidden"
-  }, R = O ? { x: O.startX || 0, y: O.startY || 0 } : { x: 0, y: 0 }, q = O ? { x: O.endX || 0, y: O.endY || 0 } : { x: 0, y: 0 };
-  return /* @__PURE__ */ d(
+    overflow: L || P ? "visible" : "hidden"
+  }, B = O ? { x: O.startX || 0, y: O.startY || 0 } : { x: 0, y: 0 }, R = O ? { x: O.endX || 0, y: O.endY || 0 } : { x: 0, y: 0 };
+  return /* @__PURE__ */ c(
     "div",
     {
-      ref: _,
+      ref: A,
       "data-node-id": n.id,
-      style: A,
+      style: T,
       onClick: (i) => {
-        i.stopPropagation(), w && t && !x && t(i);
+        i.stopPropagation(), b && t && !x && t(i);
       },
       onMouseDown: (i) => {
         s && r && !x && r(i);
       },
       children: [
-        h && !E && /* @__PURE__ */ d(ge, { children: [
-          !S && /* @__PURE__ */ d(ge, { children: [
+        f && !L && /* @__PURE__ */ c(Se, { children: [
+          !P && /* @__PURE__ */ c(Se, { children: [
             /* @__PURE__ */ e("div", { className: "absolute -top-1 -left-1 w-2 h-2 bg-white border border-blue-500 rounded-full" }),
             /* @__PURE__ */ e("div", { className: "absolute -top-1 -right-1 w-2 h-2 bg-white border border-blue-500 rounded-full" }),
             /* @__PURE__ */ e("div", { className: "absolute -bottom-1 -left-1 w-2 h-2 bg-white border border-blue-500 rounded-full" }),
             /* @__PURE__ */ e("div", { className: "absolute -bottom-1 -right-1 w-2 h-2 bg-white border border-blue-500 rounded-full" })
           ] }),
-          /* @__PURE__ */ d("div", { className: "absolute -top-6 left-0 bg-blue-500 text-white text-xs px-2 py-0.5 rounded whitespace-nowrap", children: [
+          /* @__PURE__ */ c("div", { className: "absolute -top-6 left-0 bg-blue-500 text-white text-xs px-2 py-0.5 rounded whitespace-nowrap", children: [
             n.name,
             " ",
-            P ? `(${P.name})` : ""
+            Y ? `(${Y.name})` : ""
           ] })
         ] }),
-        h && E && O && l && /* @__PURE__ */ d(ge, { children: [
+        f && L && O && l && /* @__PURE__ */ c(Se, { children: [
           /* @__PURE__ */ e(
             "div",
             {
               className: "absolute w-3 h-3 bg-blue-500 border-2 border-white rounded-full cursor-move z-50",
               style: {
-                left: R.x - 6,
-                top: R.y - 6,
+                left: B.x - 6,
+                top: B.y - 6,
                 boxShadow: "0 0 4px rgba(0,0,0,0.3)"
               },
-              onMouseDown: (i) => W(i, "start"),
+              onMouseDown: (i) => F(i, "start"),
               title: "拖拽调整起点"
             }
           ),
@@ -1291,26 +1291,26 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
             {
               className: "absolute w-3 h-3 bg-blue-500 border-2 border-white rounded-full cursor-move z-50",
               style: {
-                left: q.x - 6,
-                top: q.y - 6,
+                left: R.x - 6,
+                top: R.y - 6,
                 boxShadow: "0 0 4px rgba(0,0,0,0.3)"
               },
-              onMouseDown: (i) => W(i, "end"),
+              onMouseDown: (i) => F(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: n.name })
         ] }),
-        /* @__PURE__ */ e("div", { className: "w-full h-full relative", children: D ? /* @__PURE__ */ e("div", { className: "w-full h-full", children: bn(D, c, h) }) : S ? null : (
+        /* @__PURE__ */ e("div", { className: "w-full h-full relative", children: D ? /* @__PURE__ */ e("div", { className: "w-full h-full", children: Sn(D, d, f) }) : P ? null : (
           // 只有非群组节点才显示"无状态"
           /* @__PURE__ */ e("div", { className: "w-full h-full flex items-center justify-center text-gray-300 text-xs", children: "无状态" })
         ) }),
         n.type === "group" && n.children && /* @__PURE__ */ e("div", { className: "absolute inset-0 pointer-events-none", children: n.children.map((i) => /* @__PURE__ */ e("div", { className: "pointer-events-auto", children: /* @__PURE__ */ e(
-          kt,
+          Lt,
           {
             node: i,
             isSelected: !1,
-            data: c,
+            data: d,
             onUpdateNode: l,
             scale: a
           }
@@ -1318,62 +1318,67 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
       ]
     }
   );
-}, kt = oe.memo(xn, (n, h) => {
-  const t = n.node, r = h.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, l = n.isSelected === h.isSelected && n.scale === h.scale;
-  return c && l;
-}), { TextArea: wn } = B, Sn = ({ defaultTestData: n }) => {
-  const h = ue(null), t = ue(null), {
-    nodes: r,
-    selectedNodeId: c,
-    mode: l,
-    lineDrawing: a,
-    viewport: o,
+}, Lt = de.memo(Cn, (n, f) => {
+  const t = n.node, r = f.node, d = 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, l = t.contentInfo === r.contentInfo, a = n.isSelected === f.isSelected && n.scale === f.scale;
+  return d && l && a;
+}), { TextArea: Nn } = J, In = ({ defaultTestData: n }) => {
+  const f = ue(null), t = ue(null), r = ue(null), {
+    nodes: d,
+    selectedNodeId: l,
+    mode: a,
+    lineDrawing: o,
+    viewport: h,
     setViewport: p,
-    addNode: f,
-    selectNode: u,
-    updateNode: w,
-    removeNode: s,
-    undo: x,
-    redo: g,
-    setMode: C,
-    startLineDrawing: m,
-    endLineDrawing: _,
-    cancelLineDrawing: P
-  } = xe(), [D, E] = j(!1), [, O] = j({}), V = ue(!1), H = ue({ x: 0, y: 0 }), F = ue({ x: 0, y: 0, newX: 0, newY: 0 }), W = ue(null), [S, A] = j({ start: null, end: null, isDrawing: !1 }), [R, q] = j(!1), [i, T] = j({ start: null, end: null }), [v, k] = j([]), [L, we] = j(!1), [ze, Ae] = j(
+    addNode: u,
+    selectNode: b,
+    updateNode: s,
+    removeNode: x,
+    undo: y,
+    redo: E,
+    setMode: m,
+    startLineDrawing: A,
+    endLineDrawing: Y,
+    cancelLineDrawing: D
+  } = Ie(), [L, O] = q(!1), [, ie] = q({}), H = ue(!1), Q = ue({ x: 0, y: 0 }), F = ue({ x: 0, y: 0, newX: 0, newY: 0 }), P = ue(null), [T, B] = q({ start: null, end: null, isDrawing: !1 }), [R, i] = q(!1), [k, S] = q({ start: null, end: null }), [w, M] = q([]), [Xe, Ce] = q(!1), [ze, Re] = q(
     JSON.stringify(n, null, 2)
-  ), te = G((y, M) => {
+  ), Z = G((g, I) => {
     if (!t.current) return { x: 0, y: 0 };
-    const X = t.current.getBoundingClientRect(), I = y - X.left, N = M - X.top, z = I * (1920 / X.width), J = N * (1080 / X.height);
-    return { x: Math.round(z), y: Math.round(J) };
-  }, []), Z = G(
-    (y, M, X = !0) => {
-      if (!a.material) return;
-      const I = a.material, N = I.config || {}, z = N.lineWeight || N.thickness || 2, J = Math.min(y.x, M.x), me = Math.min(y.y, M.y), Ne = Math.round(y.x - J), Ie = Math.round(y.y - me), ke = Math.round(M.x - J), Xe = Math.round(M.y - me), Ee = Math.max(z * 2, 4), De = Math.max(Math.abs(y.x - M.x), Ee), Dt = Math.max(Math.abs(y.y - M.y), Ee), Mt = {
-        ...I,
-        id: $(),
+    const X = t.current.getBoundingClientRect(), C = f.current?.state, N = C?.scale ?? h.scale, _ = C?.positionX ?? h.positionX, U = C?.positionY ?? h.positionY, $ = g - X.left, W = I - X.top, K = ($ - _) / N, re = (W - U) / N;
+    return { x: Math.round(K), y: Math.round(re) };
+  }, [h.scale, h.positionX, h.positionY]), ee = G((g, I) => {
+    const X = t.current;
+    if (!X) return { x: 0, y: 0 };
+    const C = X.getBoundingClientRect(), _ = f.current?.state?.scale ?? 1, U = g - C.left, $ = I - C.top, W = U / _, K = $ / _;
+    return { x: Math.round(W), y: Math.round(K) };
+  }, []), te = G(
+    (g, I, X = !0) => {
+      if (!o.material) return;
+      const C = o.material, N = C.config || {}, _ = N.lineWeight || N.thickness || 2, U = Math.min(g.x, I.x), $ = Math.min(g.y, I.y), W = Math.round(g.x - U), K = Math.round(g.y - $), re = Math.round(I.x - U), fe = Math.round(I.y - $), be = Math.max(_ * 2, 4), pe = Math.max(Math.abs(g.x - I.x), be), je = Math.max(Math.abs(g.y - I.y), be), _t = {
+        ...C,
+        id: z(),
         config: {
           color: N.color,
-          lineWeight: z,
-          thickness: z,
+          lineWeight: _,
+          thickness: _,
           lineType: N.lineType,
-          startX: Ne,
-          startY: Ie,
-          endX: ke,
-          endY: Xe
+          startX: W,
+          startY: K,
+          endX: re,
+          endY: fe
         }
-      }, Lt = {
-        id: $(),
-        name: `${I.name}_${Date.now()}`,
+      }, Yt = {
+        id: z(),
+        name: `${C.name}_${Date.now()}`,
         type: "normal",
         normalStyle: {
-          width: De,
-          height: Dt,
-          x: J,
-          y: me,
+          width: pe,
+          height: je,
+          x: U,
+          y: $,
           background: "transparent"
         },
         contentInfo: {
-          statusList: [It(Mt)],
+          statusList: [Dt(_t)],
           currentStatusId: void 0
         },
         controlInfo: {
@@ -1383,297 +1388,377 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
           isSelectable: !0
         }
       };
-      if (f(Lt, !1), X) {
-        const nt = { x: M.x, y: M.y };
-        A({
-          start: nt,
-          end: { ...nt },
+      if (u(Yt, !1), X) {
+        const rt = { x: I.x, y: I.y };
+        B({
+          start: rt,
+          end: { ...rt },
           isDrawing: !0
         });
       } else
-        A({ start: null, end: null, isDrawing: !1 }), _();
+        B({ start: null, end: null, isDrawing: !1 }), Y();
     },
-    [a.material, f, _]
-  ), ne = G(() => {
-    const y = h.current?.state;
-    y && p({
-      scale: y.scale,
-      positionX: y.positionX,
-      positionY: y.positionY
+    [o.material, u, Y]
+  ), oe = G(() => {
+    const g = f.current?.state;
+    g && p({
+      scale: g.scale,
+      positionX: g.positionX,
+      positionY: g.positionY
     });
-  }, [p]), le = G(
-    (y) => {
-      V.current || R && i.start || (y.target === t.current || y.target.dataset?.canvas === "true") && (u(null), k([]));
+  }, [p]), ke = G(
+    (g) => {
+      H.current || R || (g.target === t.current || g.target.dataset?.canvas === "true") && (b(null), M([]));
     },
-    [u, R, i.start]
-  ), re = G(
-    (y) => {
-      if (y.button !== 0 || l !== "line-draw" || !a.material) return;
-      const M = te(y.clientX, y.clientY);
-      S.isDrawing ? S.start && Z(S.start, M, !0) : A({ start: M, end: M, isDrawing: !0 });
+    [b, R]
+  ), Ee = G(
+    (g) => {
+      if (g.button === 0) {
+        if (a === "line-draw" && o.material) {
+          const I = Z(g.clientX, g.clientY);
+          T.isDrawing ? T.start && te(T.start, I, !0) : B({ start: I, end: I, isDrawing: !0 });
+          return;
+        }
+        if (R) {
+          const I = ee(g.clientX, g.clientY);
+          S({ start: I, end: I }), M([]), g.preventDefault(), g.stopPropagation();
+        }
+      }
     },
-    [l, a.material, S.isDrawing, S.start, Z, te]
-  ), Se = G(
-    (y) => {
-      if (!(l !== "line-draw" || !a.material) && S.isDrawing && S.start) {
-        const M = te(y.clientX, y.clientY);
-        Z(S.start, M, !1);
+    [a, o.material, T.isDrawing, T.start, R, te, Z, ee]
+  ), Ae = G(
+    (g) => {
+      if (!(a !== "line-draw" || !o.material) && T.isDrawing && T.start) {
+        const I = Z(g.clientX, g.clientY);
+        te(T.start, I, !1);
       }
     },
-    [l, a.material, S.isDrawing, S.start, Z, te]
-  ), Ce = G((y) => {
-    y.preventDefault(), y.dataTransfer.dropEffect = "copy", E(!0);
-  }, []), Re = G((y) => {
-    y.preventDefault(), E(!1);
-  }, []), qe = G(
-    (y) => {
-      if (y.preventDefault(), E(!1), !(!t.current || l !== "select"))
+    [a, o.material, T.isDrawing, T.start, te, Z]
+  ), Ge = G((g) => {
+    g.preventDefault(), g.dataTransfer.dropEffect = "copy", O(!0);
+  }, []), Be = G((g) => {
+    g.preventDefault(), O(!1);
+  }, []), Ve = G(
+    (g) => {
+      if (g.preventDefault(), O(!1), !(!t.current || a !== "select"))
         try {
-          const M = y.dataTransfer.getData("application/json");
-          if (!M) return;
-          const X = JSON.parse(M), I = t.current.getBoundingClientRect(), N = h.current?.state, z = N?.scale ?? o.scale, J = N?.positionX ?? o.positionX, me = N?.positionY ?? o.positionY, Ne = (y.clientX - I.left - J) / z - 50, Ie = (y.clientY - I.top - me) / z - 50, ke = mn(Ne, Ie, X);
-          f(ke);
-        } catch (M) {
-          console.error("Failed to parse dropped material:", M);
+          const I = g.dataTransfer.getData("application/json");
+          if (!I) return;
+          const X = JSON.parse(I), C = t.current.getBoundingClientRect(), N = f.current?.state, _ = N?.scale ?? h.scale, U = N?.positionX ?? h.positionX, $ = N?.positionY ?? h.positionY, W = (g.clientX - C.left - U) / _ - 50, K = (g.clientY - C.top - $) / _ - 50, re = gn(W, K, X);
+          u(re);
+        } catch (I) {
+          console.error("Failed to parse dropped material:", I);
         }
     },
-    [l, o, f]
-  ), Ge = G(
-    (y, M) => {
-      l !== "select" || !M.controlInfo.isDraggable || (y.stopPropagation(), u(M.id), V.current = !0, H.current = { x: y.clientX, y: y.clientY }, F.current = {
-        x: M.normalStyle.x || 0,
-        y: M.normalStyle.y || 0,
-        newX: M.normalStyle.x || 0,
-        newY: M.normalStyle.y || 0
-      }, W.current = M, y.preventDefault());
+    [a, h, u]
+  ), He = G(
+    (g, I) => {
+      a !== "select" || !I.controlInfo.isDraggable || (g.stopPropagation(), b(I.id), H.current = !0, Q.current = { x: g.clientX, y: g.clientY }, F.current = {
+        x: I.normalStyle.x || 0,
+        y: I.normalStyle.y || 0,
+        newX: I.normalStyle.x || 0,
+        newY: I.normalStyle.y || 0
+      }, P.current = I, g.preventDefault());
     },
-    [l, u]
+    [a, b]
   );
-  ae(() => {
-    const y = (I) => {
-      if (V.current && c && W.current) {
+  se(() => {
+    const g = (C) => {
+      if (H.current && l && P.current) {
         if (!t.current) return;
-        const N = t.current.getBoundingClientRect(), z = 1920 / N.width, J = 1080 / N.height, me = I.clientX - H.current.x, Ne = I.clientY - H.current.y, Ie = me * z, ke = Ne * J, Xe = F.current.x + Ie, Ee = F.current.y + ke, De = document.querySelector(
-          `[data-node-id="${c}"]`
+        const N = t.current.getBoundingClientRect(), _ = 1920 / N.width, U = 1080 / N.height, $ = C.clientX - Q.current.x, W = C.clientY - Q.current.y, K = $ * _, re = W * U, fe = F.current.x + K, be = F.current.y + re, pe = document.querySelector(
+          `[data-node-id="${l}"]`
         );
-        De && (De.style.left = `${Xe}px`, De.style.top = `${Ee}px`), F.current.newX = Xe, F.current.newY = Ee;
+        pe && (pe.style.left = `${fe}px`, pe.style.top = `${be}px`), F.current.newX = fe, F.current.newY = be;
       }
-      if (R && i.start) {
-        const N = te(I.clientX, I.clientY);
-        T((z) => ({ ...z, end: N }));
+      if (R && k.start) {
+        const N = ee(C.clientX, C.clientY);
+        S((_) => ({ ..._, end: N }));
       }
-      if (l === "line-draw" && S.isDrawing) {
-        const N = te(I.clientX, I.clientY);
-        A((z) => ({ ...z, end: N }));
+      if (a === "line-draw" && T.isDrawing) {
+        const N = Z(C.clientX, C.clientY);
+        B((_) => ({ ..._, end: N }));
       }
-    }, M = () => {
-      if (V.current && c && W.current) {
-        const I = xe.getState(), N = F.current.newX ?? F.current.x, z = F.current.newY ?? F.current.y;
-        I.updateNode(c, {
+    }, I = () => {
+      if (H.current && l && P.current) {
+        const C = Ie.getState(), N = F.current.newX ?? F.current.x, _ = F.current.newY ?? F.current.y;
+        C.updateNode(l, {
           normalStyle: {
-            ...W.current.normalStyle,
+            ...P.current.normalStyle,
             x: N,
-            y: z
+            y: _
           }
         });
       }
-      V.current = !1, W.current = null, O({}), R && T({ start: null, end: null });
-    }, X = (I) => {
-      I.key === "Escape" && l === "line-draw" && (A({ start: null, end: null, isDrawing: !1 }), P()), I.key === "Delete" && (c ? s(c) : v.length > 0 && (v.forEach((N) => s(N)), k([]))), I.ctrlKey && I.key === "z" && (I.preventDefault(), x()), I.ctrlKey && I.key === "y" && (I.preventDefault(), g());
+      if (H.current = !1, P.current = null, ie({}), R && k.start && k.end) {
+        const C = Math.min(k.start.x, k.end.x), N = Math.max(k.start.x, k.end.x), _ = Math.min(k.start.y, k.end.y), U = Math.max(k.start.y, k.end.y), $ = d.filter((W) => {
+          const K = W.normalStyle.x || 0, re = W.normalStyle.y || 0, fe = W.normalStyle.width || 0, be = W.normalStyle.height || 0, pe = K + fe / 2, je = re + be / 2;
+          return pe >= C && pe <= N && je >= _ && je <= U;
+        }).map((W) => W.id);
+        M($), S({ start: null, end: null });
+      }
+    }, X = (C) => {
+      C.key === "Escape" && a === "line-draw" && (B({ start: null, end: null, isDrawing: !1 }), D()), C.key === "Delete" && (l ? x(l) : w.length > 0 && (w.forEach((N) => x(N)), M([]))), C.ctrlKey && C.key === "z" && (C.preventDefault(), y()), C.ctrlKey && C.key === "y" && (C.preventDefault(), E());
     };
-    return window.addEventListener("mousemove", y), window.addEventListener("mouseup", M), window.addEventListener("keydown", X), () => {
-      window.removeEventListener("mousemove", y), window.removeEventListener("mouseup", M), window.removeEventListener("keydown", X);
+    return window.addEventListener("mousemove", g), window.addEventListener("mouseup", I), window.addEventListener("keydown", X), () => {
+      window.removeEventListener("mousemove", g), window.removeEventListener("mouseup", I), window.removeEventListener("keydown", X);
     };
   }, [
-    c,
-    R,
-    i.start,
     l,
-    S.isDrawing,
-    v,
-    s,
+    R,
+    k,
+    a,
+    T.isDrawing,
+    w,
+    d,
     x,
-    g,
-    P,
-    te
+    y,
+    E,
+    D,
+    Z,
+    ee,
+    M
   ]);
-  const ve = G(
-    (y) => {
-      if (v.length < 2) return;
-      const M = xe.getState(), X = v.map((N) => r.find((z) => z.id === N)).filter((N) => !!N && N.type !== "group");
+  const ve = G(() => {
+    if (w.length < 2) return;
+    const g = w.map(($) => d.find((W) => W.id === $)).filter(($) => !!$ && $.type !== "group");
+    if (g.length < 2) return;
+    let I = 1 / 0, X = 1 / 0, C = -1 / 0, N = -1 / 0;
+    g.forEach(($) => {
+      const W = $.normalStyle.x || 0, K = $.normalStyle.y || 0, re = $.normalStyle.width || 0, fe = $.normalStyle.height || 0;
+      I = Math.min(I, W), X = Math.min(X, K), C = Math.max(C, W + re), N = Math.max(N, K + fe);
+    });
+    const _ = g.map(($) => ({
+      ...$,
+      normalStyle: {
+        ...$.normalStyle,
+        x: ($.normalStyle.x || 0) - I,
+        y: ($.normalStyle.y || 0) - X
+      }
+    })), U = {
+      id: z(),
+      name: `群组_${Date.now()}`,
+      type: "group",
+      normalStyle: {
+        x: I,
+        y: X,
+        width: C - I,
+        height: N - X,
+        background: "transparent"
+      },
+      contentInfo: {
+        statusList: [],
+        currentStatusId: void 0
+      },
+      controlInfo: {
+        isDraggable: !0,
+        isClickable: !0,
+        isResizable: !0,
+        isSelectable: !0
+      },
+      children: _
+    };
+    w.forEach(($) => x($)), u(U), M([]), b(U.id);
+  }, [w, d, x, u, b]), Me = G(
+    (g) => {
+      if (w.length < 2) return;
+      const I = Ie.getState(), X = w.map((N) => d.find((_) => _.id === N)).filter((N) => !!N && N.type !== "group");
       if (X.length < 2) return;
-      let I = 0;
-      switch (y) {
+      let C = 0;
+      switch (g) {
         case "left":
-          I = Math.min(...X.map((N) => N.normalStyle.x || 0));
+          C = Math.min(...X.map((N) => N.normalStyle.x || 0));
           break;
         case "right":
-          I = Math.max(
+          C = Math.max(
             ...X.map((N) => (N.normalStyle.x || 0) + (N.normalStyle.width || 0))
           );
           break;
         case "top":
-          I = Math.min(...X.map((N) => N.normalStyle.y || 0));
+          C = Math.min(...X.map((N) => N.normalStyle.y || 0));
           break;
         case "bottom":
-          I = Math.max(
+          C = Math.max(
             ...X.map((N) => (N.normalStyle.y || 0) + (N.normalStyle.height || 0))
           );
           break;
       }
       X.forEach((N) => {
-        let z = N.normalStyle.x || 0, J = N.normalStyle.y || 0;
-        switch (y) {
+        let _ = N.normalStyle.x || 0, U = N.normalStyle.y || 0;
+        switch (g) {
           case "left":
-            z = I;
+            _ = C;
             break;
           case "right":
-            z = I - (N.normalStyle.width || 0);
+            _ = C - (N.normalStyle.width || 0);
             break;
           case "top":
-            J = I;
+            U = C;
             break;
           case "bottom":
-            J = I - (N.normalStyle.height || 0);
+            U = C - (N.normalStyle.height || 0);
             break;
         }
-        M.updateNode(N.id, {
-          normalStyle: { ...N.normalStyle, x: z, y: J }
+        I.updateNode(N.id, {
+          normalStyle: { ...N.normalStyle, x: _, y: U }
         });
       });
     },
-    [v, r]
-  ), Be = [
+    [w, d]
+  ), Tt = [
     {
-      icon: /* @__PURE__ */ e(qt, {}),
+      icon: /* @__PURE__ */ e(Vt, {}),
       title: "选择模式",
-      active: l === "select" && !R,
+      active: a === "select" && !R,
       onClick: () => {
-        C("select"), q(!1);
+        m("select"), i(!1);
       }
     },
     {
-      icon: /* @__PURE__ */ e(Gt, {}),
+      icon: /* @__PURE__ */ e(Ht, {}),
       title: "拖拽模式",
-      active: l === "drag",
+      active: a === "drag",
       onClick: () => {
-        C("drag"), q(!1);
+        m("drag"), i(!1);
       }
     },
     {
-      icon: /* @__PURE__ */ e(et, {}),
+      icon: /* @__PURE__ */ e(nt, {}),
       title: "线条绘制",
-      active: l === "line-draw",
+      active: a === "line-draw",
       onClick: () => {
-        C("line-draw"), q(!1);
+        m("line-draw"), i(!1);
       }
     },
     {
-      icon: /* @__PURE__ */ e(Bt, {}),
+      icon: /* @__PURE__ */ e(Zt, {}),
       title: "预览模式",
-      active: l === "preview",
+      active: a === "preview",
       onClick: () => {
-        C("preview"), q(!1);
+        m("preview"), i(!1);
       }
     }
-  ], ye = [
-    { icon: /* @__PURE__ */ e(Ot, {}), title: "撤销 (Ctrl+Z)", onClick: x },
-    { icon: /* @__PURE__ */ e(Yt, {}), title: "重做 (Ctrl+Y)", onClick: g },
-    {
-      icon: /* @__PURE__ */ e(zt, {}),
-      title: "框选模式",
-      active: R,
-      onClick: () => {
-        q(!R), C("select"), k([]);
-      }
-    },
-    {
-      icon: /* @__PURE__ */ e(At, {}),
-      title: "左对齐",
-      disabled: v.length < 2,
-      onClick: () => ve("left")
-    },
-    {
-      icon: /* @__PURE__ */ e(Rt, {}),
-      title: "右对齐",
-      disabled: v.length < 2,
-      onClick: () => ve("right")
-    },
-    {
-      icon: /* @__PURE__ */ e(Xt, {}),
-      title: "上对齐",
-      disabled: v.length < 2,
-      onClick: () => ve("top")
-    },
-    {
-      icon: /* @__PURE__ */ e(jt, {}),
-      title: "下对齐",
-      disabled: v.length < 2,
-      onClick: () => ve("bottom")
-    },
-    {
-      icon: /* @__PURE__ */ e(Ft, {}),
-      title: "数据模拟",
-      type: "primary",
-      onClick: () => we(!0)
-    },
-    {
-      icon: /* @__PURE__ */ e(Ue, {}),
-      title: "删除选中 (Delete)",
-      disabled: !c && v.length === 0,
-      onClick: () => {
-        c ? s(c) : v.length > 0 && (v.forEach((y) => s(y)), k([]));
+  ], $t = xt(
+    () => [
+      { icon: /* @__PURE__ */ e(Rt, {}), title: "撤销 (Ctrl+Z)", onClick: y },
+      { icon: /* @__PURE__ */ e(At, {}), title: "重做 (Ctrl+Y)", onClick: E },
+      {
+        icon: /* @__PURE__ */ e(at, {}),
+        title: "框选模式",
+        active: R,
+        onClick: () => {
+          const g = !R;
+          i(g), m("select"), g && M([]);
+        }
+      },
+      {
+        icon: /* @__PURE__ */ e(at, {}),
+        title: "组合选中节点",
+        disabled: w.length < 2,
+        onClick: ve
+      },
+      {
+        icon: /* @__PURE__ */ e(jt, {}),
+        title: "左对齐",
+        disabled: w.length < 2,
+        onClick: () => Me("left")
+      },
+      {
+        icon: /* @__PURE__ */ e(Ft, {}),
+        title: "右对齐",
+        disabled: w.length < 2,
+        onClick: () => Me("right")
+      },
+      {
+        icon: /* @__PURE__ */ e(Wt, {}),
+        title: "上对齐",
+        disabled: w.length < 2,
+        onClick: () => Me("top")
+      },
+      {
+        icon: /* @__PURE__ */ e(Ut, {}),
+        title: "下对齐",
+        disabled: w.length < 2,
+        onClick: () => Me("bottom")
+      },
+      {
+        icon: /* @__PURE__ */ e(qt, {}),
+        title: "数据模拟",
+        type: "primary",
+        onClick: () => Ce(!0)
+      },
+      {
+        icon: /* @__PURE__ */ e(qe, {}),
+        title: "删除选中 (Delete)",
+        disabled: !l && w.length === 0,
+        onClick: () => {
+          l ? x(l) : w.length > 0 && (w.forEach((g) => x(g)), M([]));
+        }
       }
-    }
-  ];
-  return /* @__PURE__ */ d("div", { className: "flex-1 flex flex-col h-full bg-gray-100", children: [
-    /* @__PURE__ */ d("div", { className: "h-12 bg-white border-b border-gray-200 flex items-center justify-between px-4", children: [
-      /* @__PURE__ */ e(ee, { children: Be.map((y) => /* @__PURE__ */ e(pe, { title: y.title, children: /* @__PURE__ */ e(
-        Y,
+    ],
+    [
+      y,
+      E,
+      R,
+      i,
+      m,
+      M,
+      w,
+      ve,
+      Me,
+      Ce,
+      l,
+      x
+    ]
+  );
+  return /* @__PURE__ */ c("div", { className: "flex-1 flex flex-col h-full bg-gray-100", children: [
+    /* @__PURE__ */ c("div", { className: "h-12 bg-white border-b border-gray-200 flex items-center justify-between px-4", children: [
+      /* @__PURE__ */ e(ae, { children: Tt.map((g) => /* @__PURE__ */ e(we, { title: g.title, children: /* @__PURE__ */ e(
+        j,
         {
-          type: y.active ? "primary" : "default",
-          icon: y.icon,
-          onClick: y.onClick
+          type: g.active ? "primary" : "default",
+          icon: g.icon,
+          onClick: g.onClick
         }
-      ) }, y.title)) }),
-      /* @__PURE__ */ e(ee, { children: ye.map((y) => /* @__PURE__ */ e(pe, { title: y.title, children: /* @__PURE__ */ e(
-        Y,
+      ) }, g.title)) }),
+      /* @__PURE__ */ e(ae, { children: $t.map((g) => /* @__PURE__ */ e(we, { title: g.title, children: /* @__PURE__ */ e(
+        j,
         {
-          type: y.type || "default",
-          icon: y.icon,
-          onClick: y.onClick,
-          disabled: y.disabled
+          type: g.active ? "primary" : g.type || "default",
+          icon: g.icon,
+          onClick: g.onClick,
+          disabled: g.disabled
         }
-      ) }, y.title)) })
+      ) }, g.title)) })
     ] }),
-    /* @__PURE__ */ e("div", { className: "flex-1 relative", children: /* @__PURE__ */ e(
-      Kt,
+    /* @__PURE__ */ e("div", { ref: r, className: "flex-1 relative", children: /* @__PURE__ */ e(
+      tn,
       {
-        ref: h,
+        ref: f,
         initialScale: 1,
         initialPositionX: 0,
         initialPositionY: 0,
         minScale: 0.5,
         maxScale: 5,
-        onTransformed: ne,
+        onTransformed: oe,
         limitToBounds: !1,
         centerZoomedOut: !1,
-        panning: { disabled: !1, velocityDisabled: !0 },
+        panning: { disabled: R, velocityDisabled: !0 },
         wheel: { disabled: !1, step: 0.1 },
         pinch: { disabled: !1 },
         doubleClick: { disabled: !0 },
-        children: ({ zoomIn: y, zoomOut: M, resetTransform: X }) => /* @__PURE__ */ d(ge, { children: [
-          /* @__PURE__ */ e("div", { className: "absolute bottom-4 right-4 z-10 bg-white rounded-lg shadow-lg p-2", children: /* @__PURE__ */ d(ee, { direction: "vertical", children: [
-            /* @__PURE__ */ e(pe, { title: "放大", children: /* @__PURE__ */ e(Y, { icon: /* @__PURE__ */ e(Wt, {}), onClick: () => y() }) }),
-            /* @__PURE__ */ e(pe, { title: "缩小", children: /* @__PURE__ */ e(Y, { icon: /* @__PURE__ */ e(Ut, {}), onClick: () => M() }) }),
-            /* @__PURE__ */ e(pe, { title: "重置视图", children: /* @__PURE__ */ e(Y, { onClick: () => X(), children: "100%" }) }),
-            /* @__PURE__ */ d("div", { className: "text-center text-xs text-gray-500", children: [
-              Math.round(o.scale * 100),
+        children: ({ zoomIn: g, zoomOut: I, resetTransform: X }) => /* @__PURE__ */ c(Se, { children: [
+          /* @__PURE__ */ e("div", { className: "absolute bottom-4 right-4 z-10 bg-white rounded-lg shadow-lg p-2", children: /* @__PURE__ */ c(ae, { direction: "vertical", children: [
+            /* @__PURE__ */ e(we, { title: "放大", children: /* @__PURE__ */ e(j, { icon: /* @__PURE__ */ e(Gt, {}), onClick: () => g() }) }),
+            /* @__PURE__ */ e(we, { title: "缩小", children: /* @__PURE__ */ e(j, { icon: /* @__PURE__ */ e(Bt, {}), onClick: () => I() }) }),
+            /* @__PURE__ */ e(we, { title: "重置视图", children: /* @__PURE__ */ e(j, { onClick: () => X(), children: "100%" }) }),
+            /* @__PURE__ */ c("div", { className: "text-center text-xs text-gray-500", children: [
+              Math.round(h.scale * 100),
               "%"
             ] })
           ] }) }),
           /* @__PURE__ */ e(
-            Qt,
+            nn,
             {
               wrapperStyle: { width: "100%", height: "100%", position: "relative" },
               contentStyle: {
@@ -1683,42 +1768,42 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
                 alignItems: "center",
                 justifyContent: "center"
               },
-              children: /* @__PURE__ */ d(
+              children: /* @__PURE__ */ c(
                 "div",
                 {
                   ref: t,
                   "data-canvas": "true",
-                  className: `relative bg-white ${D ? "ring-4 ring-blue-400 ring-opacity-50" : ""} ${l === "line-draw" ? "cursor-crosshair" : ""}`,
+                  className: `relative bg-white ${L ? "ring-4 ring-blue-400 ring-opacity-50" : ""} ${a === "line-draw" ? "cursor-crosshair" : ""}`,
                   style: { width: 1920, height: 1080, flexShrink: 0 },
-                  onClick: le,
-                  onMouseDown: re,
-                  onDoubleClick: Se,
-                  onDragOver: Ce,
-                  onDragLeave: Re,
-                  onDrop: qe,
+                  onClick: ke,
+                  onMouseDown: Ee,
+                  onDoubleClick: Ae,
+                  onDragOver: Ge,
+                  onDragLeave: Be,
+                  onDrop: Ve,
                   children: [
-                    /* @__PURE__ */ d("svg", { className: "absolute top-0 left-0 pointer-events-none", width: "1920", height: "1080", children: [
+                    /* @__PURE__ */ c("svg", { className: "absolute top-0 left-0 pointer-events-none", width: "1920", height: "1080", children: [
                       /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("pattern", { id: "grid", width: "20", height: "20", patternUnits: "userSpaceOnUse", children: /* @__PURE__ */ e("path", { d: "M 20 0 L 0 0 0 20", fill: "none", stroke: "#f0f0f0", strokeWidth: "1" }) }) }),
                       /* @__PURE__ */ e("rect", { width: "100%", height: "100%", fill: "url(#grid)" })
                     ] }),
-                    r.map((I) => /* @__PURE__ */ e(
-                      kt,
+                    d.map((C) => /* @__PURE__ */ e(
+                      Lt,
                       {
-                        node: I,
-                        isSelected: c === I.id || v.includes(I.id),
+                        node: C,
+                        isSelected: l === C.id || w.includes(C.id),
                         data: n,
-                        onClick: () => u(I.id),
-                        onMouseDown: (N) => Ge(N, I)
+                        onClick: () => b(C.id),
+                        onMouseDown: (N) => He(N, C)
                       },
-                      I.id
+                      C.id
                     )),
-                    l === "line-draw" && S.isDrawing && S.start && S.end && /* @__PURE__ */ e("svg", { className: "absolute top-0 left-0 pointer-events-none", width: "1920", height: "1080", children: /* @__PURE__ */ e(
+                    a === "line-draw" && T.isDrawing && T.start && T.end && /* @__PURE__ */ e("svg", { className: "absolute top-0 left-0 pointer-events-none", width: "1920", height: "1080", children: /* @__PURE__ */ e(
                       "line",
                       {
-                        x1: S.start.x,
-                        y1: S.start.y,
-                        x2: S.end.x,
-                        y2: S.end.y,
+                        x1: T.start.x,
+                        y1: T.start.y,
+                        x2: T.end.x,
+                        y2: T.end.y,
                         stroke: "#1890ff",
                         strokeWidth: "2",
                         strokeDasharray: "5,5",
@@ -1726,15 +1811,16 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
                         strokeLinejoin: "round"
                       }
                     ) }),
-                    R && i.start && i.end && /* @__PURE__ */ e(
+                    R && k.start && k.end && /* @__PURE__ */ e(
                       "div",
                       {
                         className: "absolute border-2 border-blue-500 bg-blue-500/10 pointer-events-none",
                         style: {
-                          left: Math.min(i.start.x, i.end.x),
-                          top: Math.min(i.start.y, i.end.y),
-                          width: Math.abs(i.end.x - i.start.x),
-                          height: Math.abs(i.end.y - i.start.y)
+                          left: Math.min(k.start.x, k.end.x),
+                          top: Math.min(k.start.y, k.end.y),
+                          width: Math.abs(k.end.x - k.start.x),
+                          height: Math.abs(k.end.y - k.start.y),
+                          zIndex: 9999
                         }
                       }
                     )
@@ -1747,17 +1833,17 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
       }
     ) }),
     /* @__PURE__ */ e(
-      Qe,
+      tt,
       {
         title: "数据模拟",
-        open: L,
-        onCancel: () => we(!1),
+        open: Xe,
+        onCancel: () => Ce(!1),
         footer: null,
-        children: /* @__PURE__ */ e(b, { layout: "vertical", children: /* @__PURE__ */ e(b.Item, { label: "测试数据 (JSON)", children: /* @__PURE__ */ e(
-          wn,
+        children: /* @__PURE__ */ e(v, { layout: "vertical", children: /* @__PURE__ */ e(v.Item, { label: "测试数据 (JSON)", children: /* @__PURE__ */ e(
+          Nn,
           {
             value: ze,
-            onChange: (y) => Ae(y.target.value),
+            onChange: (g) => Re(g.target.value),
             rows: 10,
             placeholder: "输入 JSON 格式的测试数据"
           }
@@ -1765,7 +1851,7 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
       }
     )
   ] });
-}, Cn = [
+}, kn = [
   "#1890ff",
   "#52c41a",
   "#faad14",
@@ -1782,28 +1868,28 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
   "#000000",
   "#ff4d4f",
   "#73d13d"
-], Ke = ({
+], et = ({
   value: n = "#1890ff",
-  onChange: h,
+  onChange: f,
   onChangeComplete: t
 }) => {
-  const [r, c] = j(!1), [l, a] = j(n), o = ue(null);
-  ae(() => {
+  const [r, d] = q(!1), [l, a] = q(n), o = ue(null);
+  se(() => {
     a(n);
-  }, [n]), ae(() => {
-    const f = (u) => {
-      o.current && !o.current.contains(u.target) && (c(!1), t?.({ toHexString: () => l }));
+  }, [n]), se(() => {
+    const p = (u) => {
+      o.current && !o.current.contains(u.target) && (d(!1), t?.({ toHexString: () => l }));
     };
-    return r && document.addEventListener("mousedown", f), () => document.removeEventListener("mousedown", f);
+    return r && document.addEventListener("mousedown", p), () => document.removeEventListener("mousedown", p);
   }, [r, t, l]);
-  const p = (f) => {
-    a(f), h?.({ toHexString: () => f });
+  const h = (p) => {
+    a(p), f?.({ toHexString: () => p });
   };
-  return /* @__PURE__ */ d("div", { ref: o, style: { position: "relative", display: "inline-block" }, children: [
+  return /* @__PURE__ */ c("div", { ref: o, style: { position: "relative", display: "inline-block" }, children: [
     /* @__PURE__ */ e(
       "div",
       {
-        onClick: () => c(!r),
+        onClick: () => d(!r),
         style: {
           width: 28,
           height: 28,
@@ -1814,7 +1900,7 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
         }
       }
     ),
-    r && /* @__PURE__ */ d(
+    r && /* @__PURE__ */ c(
       "div",
       {
         style: {
@@ -1829,29 +1915,29 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
           border: "1px solid #f0f0f0"
         },
         children: [
-          /* @__PURE__ */ e("div", { style: { display: "grid", gridTemplateColumns: "repeat(8, 1fr)", gap: 4 }, children: Cn.map((f) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { style: { display: "grid", gridTemplateColumns: "repeat(8, 1fr)", gap: 4 }, children: kn.map((p) => /* @__PURE__ */ e(
             "div",
             {
               onClick: () => {
-                p(f), c(!1), t?.({ toHexString: () => f });
+                h(p), d(!1), t?.({ toHexString: () => p });
               },
               style: {
                 width: 20,
                 height: 20,
-                backgroundColor: f,
-                border: l === f ? "2px solid #1890ff" : "1px solid #d9d9d9",
+                backgroundColor: p,
+                border: l === p ? "2px solid #1890ff" : "1px solid #d9d9d9",
                 borderRadius: 2,
                 cursor: "pointer"
               }
             },
-            f
+            p
           )) }),
           /* @__PURE__ */ e(
             "input",
             {
               type: "color",
               value: l,
-              onChange: (f) => p(f.target.value),
+              onChange: (p) => h(p.target.value),
               onBlur: () => t?.({ toHexString: () => l }),
               style: {
                 width: "100%",
@@ -1866,13 +1952,13 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
       }
     )
   ] });
-}, { Option: We } = ce, Nn = ({
+}, { Option: Ue } = me, En = ({
   material: n,
-  onSave: h,
+  onSave: f,
   bindCodes: t = [],
   dataOptions: r = []
 }) => {
-  const l = n.content || {}, [a, o] = j({
+  const l = n.content || {}, [a, o] = q({
     label: l.label || "",
     value: l.value || "",
     valueSourceCode: l.valueSourceCode || "",
@@ -1885,7 +1971,7 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
     valueFontWeight: l.valueStyle?.fontWeight || "normal",
     valueColor: l.valueStyle?.color || "#1890ff"
   });
-  ae(() => {
+  se(() => {
     o({
       label: l.label || "",
       value: l.value || "",
@@ -1900,27 +1986,27 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
       valueColor: l.valueStyle?.color || "#1890ff"
     });
   }, [n.id]);
-  const p = (s, x) => {
-    o((g) => ({ ...g, [s]: x }));
-  }, f = (s) => {
-    const x = r.find((C) => C.paramsCode === s), g = x?.unit || "";
-    o((C) => ({
-      ...C,
+  const h = (s, x) => {
+    o((y) => ({ ...y, [s]: x }));
+  }, p = (s) => {
+    const x = r.find((E) => E.paramsCode === s), y = x?.unit || "";
+    o((E) => ({
+      ...E,
       valueSourceCode: s,
-      unit: g,
+      unit: y,
       value: String(x?.value || "")
     })), setTimeout(() => {
-      h({
+      f({
         content: {
           ...l,
           valueSourceCode: s,
           value: String(x?.value || ""),
-          unit: g
+          unit: y
         }
       });
     }, 0);
   }, u = () => {
-    h({
+    f({
       content: {
         ...l,
         label: a.label,
@@ -1940,31 +2026,31 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
         }
       }
     });
-  }, w = r.filter(
+  }, b = r.filter(
     (s) => t.includes(s.paramsCode)
   );
-  return /* @__PURE__ */ d("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ e(he, { style: { marginTop: 0 }, children: "文本内容" }),
-    /* @__PURE__ */ d(b, { layout: "vertical", children: [
-      /* @__PURE__ */ e(b.Item, { label: "标签文本 (label)", children: /* @__PURE__ */ e(
-        B,
+  return /* @__PURE__ */ c("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ e(ye, { style: { marginTop: 0 }, children: "文本内容" }),
+    /* @__PURE__ */ c(v, { layout: "vertical", children: [
+      /* @__PURE__ */ e(v.Item, { label: "标签文本 (label)", children: /* @__PURE__ */ e(
+        J,
         {
           value: a.label,
-          onChange: (s) => p("label", s.target.value),
+          onChange: (s) => h("label", s.target.value),
           onBlur: u,
           placeholder: "输入标签文本"
         }
       ) }),
       /* @__PURE__ */ e(
-        b.Item,
+        v.Item,
         {
           label: "值来源",
           help: "从绑定的数据中选择字段，优先级高于手动输入的值",
           children: /* @__PURE__ */ e(
-            ce,
+            me,
             {
               value: a.valueSourceCode || void 0,
-              onChange: f,
+              onChange: p,
               placeholder: "选择数据字段（可选）",
               allowClear: !0,
               style: { width: "100%" },
@@ -1972,21 +2058,21 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
                 value: "paramsCode",
                 label: "paramsName"
               },
-              options: w
+              options: b
             }
           )
         }
       ),
       /* @__PURE__ */ e(
-        b.Item,
+        v.Item,
         {
           label: a.valueSourceCode ? "默认值（备用）" : "值文本",
           help: a.valueSourceCode ? "已绑定数据源，实际值将来自数据字段，此处仅设置无数据时的备用显示" : "手动输入显示的值",
           children: /* @__PURE__ */ e(
-            B,
+            J,
             {
               value: a.value,
-              onChange: (s) => p("value", s.target.value),
+              onChange: (s) => h("value", s.target.value),
               onBlur: u,
               placeholder: a.valueSourceCode ? "数据字段无值时显示此备用值" : "输入值文本",
               disabled: !!a.valueSourceCode,
@@ -1995,26 +2081,26 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
           )
         }
       ),
-      /* @__PURE__ */ e(b.Item, { label: "单位", help: "优先从绑定数据自动获取，也可手动输入", children: /* @__PURE__ */ e(
-        B,
+      /* @__PURE__ */ e(v.Item, { label: "单位", help: "优先从绑定数据自动获取，也可手动输入", children: /* @__PURE__ */ e(
+        J,
         {
           value: a.unit,
-          onChange: (s) => p("unit", s.target.value),
+          onChange: (s) => h("unit", s.target.value),
           onBlur: u,
           placeholder: "单位（如°C、%、MPa等）",
-          suffix: a.valueSourceCode && w.length > 0 ? /* @__PURE__ */ e(Q, { color: "blue", style: { marginRight: -8 }, children: "自动" }) : null
+          suffix: a.valueSourceCode && b.length > 0 ? /* @__PURE__ */ e(le, { color: "blue", style: { marginRight: -8 }, children: "自动" }) : null
         }
       ) }),
       /* @__PURE__ */ e(
-        b.Item,
+        v.Item,
         {
           label: "保留小数位",
           help: "数值格式化时保留的小数位数，-1表示不格式化",
           children: /* @__PURE__ */ e(
-            U,
+            V,
             {
               value: a.decimals,
-              onChange: (s) => p("decimals", s ?? 2),
+              onChange: (s) => h("decimals", s ?? 2),
               onBlur: u,
               min: -1,
               max: 10,
@@ -2024,44 +2110,44 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
         }
       )
     ] }),
-    /* @__PURE__ */ e(he, { children: "标签样式" }),
-    /* @__PURE__ */ d(b, { layout: "vertical", children: [
-      /* @__PURE__ */ d(ee, { children: [
-        /* @__PURE__ */ e(b.Item, { label: "字体大小", children: /* @__PURE__ */ e(
-          U,
+    /* @__PURE__ */ e(ye, { children: "标签样式" }),
+    /* @__PURE__ */ c(v, { layout: "vertical", children: [
+      /* @__PURE__ */ c(ae, { children: [
+        /* @__PURE__ */ e(v.Item, { label: "字体大小", children: /* @__PURE__ */ e(
+          V,
           {
             value: a.labelFontSize,
-            onChange: (s) => p("labelFontSize", s || 14),
+            onChange: (s) => h("labelFontSize", s || 14),
             onBlur: u,
             min: 8,
             max: 72
           }
         ) }),
-        /* @__PURE__ */ e(b.Item, { label: "字体粗细", children: /* @__PURE__ */ d(
-          ce,
+        /* @__PURE__ */ e(v.Item, { label: "字体粗细", children: /* @__PURE__ */ c(
+          me,
           {
             value: a.labelFontWeight,
             onChange: (s) => {
-              p("labelFontWeight", s), setTimeout(u, 0);
+              h("labelFontWeight", s), setTimeout(u, 0);
             },
             style: { width: 100 },
             children: [
-              /* @__PURE__ */ e(We, { value: "normal", children: "正常" }),
-              /* @__PURE__ */ e(We, { value: "bold", children: "粗体" })
+              /* @__PURE__ */ e(Ue, { value: "normal", children: "正常" }),
+              /* @__PURE__ */ e(Ue, { value: "bold", children: "粗体" })
             ]
           }
         ) })
       ] }),
-      /* @__PURE__ */ e(b.Item, { label: "文字颜色", children: /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ e(v.Item, { label: "文字颜色", children: /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ e(
-          Ke,
+          et,
           {
             value: a.labelColor || "#262626",
             onChange: (s) => {
-              p("labelColor", s.toHexString());
+              h("labelColor", s.toHexString());
             },
             onChangeComplete: (s) => {
-              h({
+              f({
                 content: {
                   ...l,
                   label: a.label,
@@ -2085,10 +2171,10 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
           }
         ),
         /* @__PURE__ */ e(
-          B,
+          J,
           {
             value: a.labelColor,
-            onChange: (s) => p("labelColor", s.target.value),
+            onChange: (s) => h("labelColor", s.target.value),
             onBlur: u,
             placeholder: "#262626",
             style: { width: 100 }
@@ -2096,44 +2182,44 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
         )
       ] }) })
     ] }),
-    /* @__PURE__ */ e(he, { children: "值样式" }),
-    /* @__PURE__ */ d(b, { layout: "vertical", children: [
-      /* @__PURE__ */ d(ee, { children: [
-        /* @__PURE__ */ e(b.Item, { label: "字体大小", children: /* @__PURE__ */ e(
-          U,
+    /* @__PURE__ */ e(ye, { children: "值样式" }),
+    /* @__PURE__ */ c(v, { layout: "vertical", children: [
+      /* @__PURE__ */ c(ae, { children: [
+        /* @__PURE__ */ e(v.Item, { label: "字体大小", children: /* @__PURE__ */ e(
+          V,
           {
             value: a.valueFontSize,
-            onChange: (s) => p("valueFontSize", s || 14),
+            onChange: (s) => h("valueFontSize", s || 14),
             onBlur: u,
             min: 8,
             max: 72
           }
         ) }),
-        /* @__PURE__ */ e(b.Item, { label: "字体粗细", children: /* @__PURE__ */ d(
-          ce,
+        /* @__PURE__ */ e(v.Item, { label: "字体粗细", children: /* @__PURE__ */ c(
+          me,
           {
             value: a.valueFontWeight,
             onChange: (s) => {
-              p("valueFontWeight", s), setTimeout(u, 0);
+              h("valueFontWeight", s), setTimeout(u, 0);
             },
             style: { width: 100 },
             children: [
-              /* @__PURE__ */ e(We, { value: "normal", children: "正常" }),
-              /* @__PURE__ */ e(We, { value: "bold", children: "粗体" })
+              /* @__PURE__ */ e(Ue, { value: "normal", children: "正常" }),
+              /* @__PURE__ */ e(Ue, { value: "bold", children: "粗体" })
             ]
           }
         ) })
       ] }),
-      /* @__PURE__ */ e(b.Item, { label: "文字颜色", children: /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ e(v.Item, { label: "文字颜色", children: /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ e(
-          Ke,
+          et,
           {
             value: a.valueColor || "#1890ff",
             onChange: (s) => {
-              p("valueColor", s.toHexString());
+              h("valueColor", s.toHexString());
             },
             onChangeComplete: (s) => {
-              h({
+              f({
                 content: {
                   ...l,
                   label: a.label,
@@ -2157,10 +2243,10 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
           }
         ),
         /* @__PURE__ */ e(
-          B,
+          J,
           {
             value: a.valueColor,
-            onChange: (s) => p("valueColor", s.target.value),
+            onChange: (s) => h("valueColor", s.target.value),
             onBlur: u,
             placeholder: "#1890ff",
             style: { width: 100 }
@@ -2169,41 +2255,41 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
       ] }) })
     ] })
   ] });
-}, In = ({
+}, Mn = ({
   material: n,
-  onSave: h
+  onSave: f
 }) => {
-  const t = n, [r, c] = j({
+  const t = n, [r, d] = q({
     name: n.name,
     src: t.src || ""
   });
-  ae(() => {
-    c({
+  se(() => {
+    d({
       name: n.name,
       src: t.src || ""
     });
   }, [n.id]);
-  const l = (o, p) => {
-    c((f) => ({ ...f, [o]: p }));
+  const l = (o, h) => {
+    d((p) => ({ ...p, [o]: h }));
   }, a = () => {
-    h({
+    f({
       name: r.name,
       src: r.src
     });
   };
-  return /* @__PURE__ */ d("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ e(he, { style: { marginTop: 0 }, children: "图片属性" }),
-    /* @__PURE__ */ d(b, { layout: "vertical", children: [
-      /* @__PURE__ */ e(b.Item, { label: "图片名称", children: /* @__PURE__ */ e(
-        B,
+  return /* @__PURE__ */ c("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ e(ye, { style: { marginTop: 0 }, children: "图片属性" }),
+    /* @__PURE__ */ c(v, { layout: "vertical", children: [
+      /* @__PURE__ */ e(v.Item, { label: "图片名称", children: /* @__PURE__ */ e(
+        J,
         {
           value: r.name,
           onChange: (o) => l("name", o.target.value),
           onBlur: a
         }
       ) }),
-      /* @__PURE__ */ e(b.Item, { label: "图片地址 (src)", children: /* @__PURE__ */ e(
-        B.TextArea,
+      /* @__PURE__ */ e(v.Item, { label: "图片地址 (src)", children: /* @__PURE__ */ e(
+        J.TextArea,
         {
           value: r.src,
           onChange: (o) => l("src", o.target.value),
@@ -2214,11 +2300,11 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
       ) })
     ] })
   ] });
-}, { Option: kn } = ce, En = ({
+}, { Option: Dn } = me, Ln = ({
   material: n,
-  onSave: h
+  onSave: f
 }) => {
-  const t = n.config || {}, [r, c] = j({
+  const t = n.config || {}, [r, d] = q({
     lineWeight: t.lineWeight || t.thickness || 2,
     color: t.color || "#262626",
     lineType: t.lineType || "solid",
@@ -2227,8 +2313,8 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
     endX: t.endX ?? 100,
     endY: t.endY ?? 0
   });
-  ae(() => {
-    c({
+  se(() => {
+    d({
       lineWeight: t.lineWeight || t.thickness || 2,
       color: t.color || "#262626",
       lineType: t.lineType || "solid",
@@ -2239,18 +2325,18 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
     });
   }, [n.id]);
   const l = (o) => {
-    const p = { ...r, ...o };
-    c(p), h({
+    const h = { ...r, ...o };
+    d(h), f({
       config: {
         ...t,
-        thickness: p.lineWeight,
-        lineWeight: p.lineWeight,
-        color: p.color,
-        lineType: p.lineType,
-        startX: p.startX,
-        startY: p.startY,
-        endX: p.endX,
-        endY: p.endY
+        thickness: h.lineWeight,
+        lineWeight: h.lineWeight,
+        color: h.color,
+        lineType: h.lineType,
+        startX: h.startX,
+        startY: h.startY,
+        endX: h.endX,
+        endY: h.endY
       }
     });
   }, a = [
@@ -2261,22 +2347,22 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
     { value: "dot", label: "点线", desc: "密集点状" },
     { value: "dash-dot", label: "画点线", desc: "长划-点交替" }
   ];
-  return /* @__PURE__ */ d("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ e(he, { style: { marginTop: 0 }, children: "线条属性" }),
-    /* @__PURE__ */ d(b, { layout: "vertical", children: [
-      /* @__PURE__ */ e(b.Item, { label: "线型", help: "选择线条样式", children: /* @__PURE__ */ e(
-        ce,
+  return /* @__PURE__ */ c("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ e(ye, { style: { marginTop: 0 }, children: "线条属性" }),
+    /* @__PURE__ */ c(v, { layout: "vertical", children: [
+      /* @__PURE__ */ e(v.Item, { label: "线型", help: "选择线条样式", children: /* @__PURE__ */ e(
+        me,
         {
           value: r.lineType,
           onChange: (o) => l({ lineType: o }),
-          children: a.map((o) => /* @__PURE__ */ e(kn, { value: o.value, children: /* @__PURE__ */ d("div", { className: "flex flex-col", children: [
+          children: a.map((o) => /* @__PURE__ */ e(Dn, { value: o.value, children: /* @__PURE__ */ c("div", { className: "flex flex-col", children: [
             /* @__PURE__ */ e("span", { children: o.label }),
             /* @__PURE__ */ e("span", { className: "text-xs text-gray-400", children: o.desc })
           ] }) }, o.value))
         }
       ) }),
-      /* @__PURE__ */ e(b.Item, { label: "线宽（像素）", children: /* @__PURE__ */ e(
-        U,
+      /* @__PURE__ */ e(v.Item, { label: "线宽（像素）", children: /* @__PURE__ */ e(
+        V,
         {
           value: r.lineWeight,
           onChange: (o) => l({ lineWeight: o || 2 }),
@@ -2285,16 +2371,16 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
           style: { width: 120 }
         }
       ) }),
-      /* @__PURE__ */ e(b.Item, { label: "颜色", children: /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ e(v.Item, { label: "颜色", children: /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ e(
-          Ke,
+          et,
           {
             value: r.color || "#d9d9d9",
             onChange: (o) => l({ color: o.toHexString() })
           }
         ),
         /* @__PURE__ */ e(
-          B,
+          J,
           {
             value: r.color,
             onChange: (o) => l({ color: o.target.value }),
@@ -2304,35 +2390,35 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
         )
       ] }) })
     ] }),
-    /* @__PURE__ */ e(he, { children: "起止位置（相对节点）" }),
-    /* @__PURE__ */ d(b, { layout: "vertical", children: [
-      /* @__PURE__ */ d("div", { className: "grid grid-cols-2 gap-2", children: [
-        /* @__PURE__ */ e(b.Item, { label: "起点 X", className: "mb-2", children: /* @__PURE__ */ e(
-          U,
+    /* @__PURE__ */ e(ye, { children: "起止位置（相对节点）" }),
+    /* @__PURE__ */ c(v, { layout: "vertical", children: [
+      /* @__PURE__ */ c("div", { className: "grid grid-cols-2 gap-2", children: [
+        /* @__PURE__ */ e(v.Item, { label: "起点 X", className: "mb-2", children: /* @__PURE__ */ e(
+          V,
           {
             value: r.startX,
             onChange: (o) => l({ startX: o ?? 0 }),
             style: { width: "100%" }
           }
         ) }),
-        /* @__PURE__ */ e(b.Item, { label: "起点 Y", className: "mb-2", children: /* @__PURE__ */ e(
-          U,
+        /* @__PURE__ */ e(v.Item, { label: "起点 Y", className: "mb-2", children: /* @__PURE__ */ e(
+          V,
           {
             value: r.startY,
             onChange: (o) => l({ startY: o ?? 0 }),
             style: { width: "100%" }
           }
         ) }),
-        /* @__PURE__ */ e(b.Item, { label: "终点 X", className: "mb-2", children: /* @__PURE__ */ e(
-          U,
+        /* @__PURE__ */ e(v.Item, { label: "终点 X", className: "mb-2", children: /* @__PURE__ */ e(
+          V,
           {
             value: r.endX,
             onChange: (o) => l({ endX: o ?? 100 }),
             style: { width: "100%" }
           }
         ) }),
-        /* @__PURE__ */ e(b.Item, { label: "终点 Y", className: "mb-2", children: /* @__PURE__ */ e(
-          U,
+        /* @__PURE__ */ e(v.Item, { label: "终点 Y", className: "mb-2", children: /* @__PURE__ */ e(
+          V,
           {
             value: r.endY,
             onChange: (o) => l({ endY: o ?? 0 }),
@@ -2340,39 +2426,42 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
           }
         ) })
       ] }),
-      /* @__PURE__ */ e(b.Item, { label: "快速对齐", className: "mt-4", children: /* @__PURE__ */ d(ee, { children: [
+      /* @__PURE__ */ e(v.Item, { label: "快速对齐", className: "mt-4", children: /* @__PURE__ */ c(ae, { children: [
         /* @__PURE__ */ e(
-          Y,
+          j,
           {
             size: "small",
             onClick: () => {
-              l({ endY: r.startY });
+              const o = t.startY ?? r.startY;
+              l({ endY: o });
             },
             title: "将线条变为水平线",
             children: "水平"
           }
         ),
         /* @__PURE__ */ e(
-          Y,
+          j,
           {
             size: "small",
             onClick: () => {
-              l({ endX: r.startX });
+              const o = t.startX ?? r.startX;
+              l({ endX: o });
             },
             title: "将线条变为垂直线",
             children: "垂直"
           }
         ),
         /* @__PURE__ */ e(
-          Y,
+          j,
           {
             size: "small",
             onClick: () => {
+              const o = t.startX ?? r.startX, h = t.startY ?? r.startY, p = t.endX ?? r.endX, u = t.endY ?? r.endY;
               l({
-                startX: r.endX,
-                startY: r.endY,
-                endX: r.startX,
-                endY: r.startY
+                startX: p,
+                startY: u,
+                endX: o,
+                endY: h
               });
             },
             title: "交换起点和终点",
@@ -2382,223 +2471,223 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
       ] }) })
     ] })
   ] });
-}, Et = ({
+}, Pt = ({
   material: n,
-  onSave: h,
+  onSave: f,
   bindCodes: t,
   dataOptions: r
 }) => {
   switch (n.type) {
     case "TEXT":
       return /* @__PURE__ */ e(
-        Nn,
+        En,
         {
           material: n,
-          onSave: h,
+          onSave: f,
           bindCodes: t,
           dataOptions: r
         }
       );
     case "IMAGE":
-      return /* @__PURE__ */ e(In, { material: n, onSave: h });
+      return /* @__PURE__ */ e(Mn, { material: n, onSave: f });
     case "LINE":
-      return /* @__PURE__ */ e(En, { material: n, onSave: h });
+      return /* @__PURE__ */ e(Ln, { material: n, onSave: f });
     default:
       return /* @__PURE__ */ e("div", { className: "text-center text-gray-400 py-8", children: "暂不支持编辑此类型的物料" });
   }
-}, { Panel: ft } = se, { TextArea: Dn } = B, Mn = ({
+}, { Panel: yt } = he, { TextArea: Pn } = J, Tn = ({
   node: n,
-  updateNode: h,
+  updateNode: f,
   materials: t
 }) => {
-  const r = t.filter((u) => u.type !== "CUSTOM" || !u.config?.nodes), c = (u, w) => {
+  const r = t.filter((u) => u.type !== "CUSTOM" || !u.config?.nodes), d = (u, b) => {
     const s = n.children?.map((x) => x.id === u ? {
       ...x,
       contentInfo: {
         ...x.contentInfo,
-        statusList: w
+        statusList: b
       }
     } : x);
-    h(n.id, {
+    f(n.id, {
       children: s
     });
   }, l = (u) => {
-    const w = n.children?.find((x) => x.id === u);
-    if (!w) return;
+    const b = n.children?.find((x) => x.id === u);
+    if (!b) return;
     const s = {
-      id: $(),
-      name: `状态${w.contentInfo.statusList.length + 1}`,
-      expression: w.contentInfo.statusList.length === 0 ? "return true;" : "return false;",
-      material: { ...r[0], id: $() },
+      id: z(),
+      name: `状态${b.contentInfo.statusList.length + 1}`,
+      expression: b.contentInfo.statusList.length === 0 ? "return true;" : "return false;",
+      material: { ...r[0], id: z() },
       bindCodes: []
     };
-    c(u, [...w.contentInfo.statusList, s]);
-  }, a = (u, w) => {
-    const s = n.children?.find((g) => g.id === u);
+    d(u, [...b.contentInfo.statusList, s]);
+  }, a = (u, b) => {
+    const s = n.children?.find((y) => y.id === u);
     if (!s) return;
-    const x = s.contentInfo.statusList.filter((g) => g.id !== w);
-    c(u, x);
-  }, o = (u, w, s) => {
-    const x = n.children?.find((C) => C.id === u);
+    const x = s.contentInfo.statusList.filter((y) => y.id !== b);
+    d(u, x);
+  }, o = (u, b, s) => {
+    const x = n.children?.find((E) => E.id === u);
     if (!x) return;
-    const g = x.contentInfo.statusList.map((C) => C.id === w ? { ...C, ...s } : C);
-    c(u, g);
-  }, p = (u, w, s) => {
+    const y = x.contentInfo.statusList.map((E) => E.id === b ? { ...E, ...s } : E);
+    d(u, y);
+  }, h = (u, b, s) => {
     const x = n.children?.find((m) => m.id === u);
     if (!x) return;
-    const g = x.contentInfo.statusList.findIndex((m) => m.id === w);
-    if (g === -1) return;
-    const C = [...x.contentInfo.statusList];
-    s === "up" && g > 0 ? [C[g], C[g - 1]] = [C[g - 1], C[g]] : s === "down" && g < C.length - 1 && ([C[g], C[g + 1]] = [C[g + 1], C[g]]), c(u, C);
-  }, f = (u, w, s) => {
-    const x = t.find((g) => g.id === s);
-    x && o(u, w, {
-      material: { ...x, id: $() }
+    const y = x.contentInfo.statusList.findIndex((m) => m.id === b);
+    if (y === -1) return;
+    const E = [...x.contentInfo.statusList];
+    s === "up" && y > 0 ? [E[y], E[y - 1]] = [E[y - 1], E[y]] : s === "down" && y < E.length - 1 && ([E[y], E[y + 1]] = [E[y + 1], E[y]]), d(u, E);
+  }, p = (u, b, s) => {
+    const x = t.find((y) => y.id === s);
+    x && o(u, b, {
+      material: { ...x, id: z() }
     });
   };
-  return /* @__PURE__ */ d("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ e("div", { className: "p-3 bg-blue-50 border border-blue-200 rounded-lg mb-4", children: /* @__PURE__ */ d("div", { className: "text-sm text-blue-700", children: [
+  return /* @__PURE__ */ c("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ e("div", { className: "p-3 bg-blue-50 border border-blue-200 rounded-lg mb-4", children: /* @__PURE__ */ c("div", { className: "text-sm text-blue-700", children: [
       /* @__PURE__ */ e("strong", { children: "群组节点" }),
       "：为每个子节点配置多个状态和绑定"
     ] }) }),
-    /* @__PURE__ */ e(se, { ghost: !0, children: n.children?.map((u, w) => /* @__PURE__ */ e(
-      ft,
+    /* @__PURE__ */ e(he, { ghost: !0, children: n.children?.map((u, b) => /* @__PURE__ */ e(
+      yt,
       {
-        header: /* @__PURE__ */ d("div", { className: "flex items-center justify-between w-full pr-4", children: [
-          /* @__PURE__ */ d("span", { className: "font-medium text-sm", children: [
+        header: /* @__PURE__ */ c("div", { className: "flex items-center justify-between w-full pr-4", children: [
+          /* @__PURE__ */ c("span", { className: "font-medium text-sm", children: [
             "子节点 ",
-            w + 1
+            b + 1
           ] }),
-          /* @__PURE__ */ d(Q, { color: "blue", style: { fontSize: "12px", padding: "0 4px" }, children: [
+          /* @__PURE__ */ c(le, { color: "blue", style: { fontSize: "12px", padding: "0 4px" }, children: [
             u.contentInfo.statusList.length,
             " 个状态"
           ] })
         ] }),
-        children: /* @__PURE__ */ d("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ d("div", { className: "flex justify-between items-center mb-3", children: [
+        children: /* @__PURE__ */ c("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ c("div", { className: "flex justify-between items-center mb-3", children: [
             /* @__PURE__ */ e("span", { className: "text-sm text-gray-600", children: "状态列表" }),
             /* @__PURE__ */ e(
-              Y,
+              j,
               {
                 type: "primary",
                 size: "small",
-                icon: /* @__PURE__ */ e(xt, {}),
+                icon: /* @__PURE__ */ e(Nt, {}),
                 onClick: () => l(u.id),
                 children: "添加状态"
               }
             )
           ] }),
-          u.contentInfo.statusList.length === 0 ? /* @__PURE__ */ e("div", { className: "text-center text-gray-400 py-4 bg-gray-50 rounded-lg", children: "暂无状态，点击上方按钮添加" }) : /* @__PURE__ */ e(se, { ghost: !0, children: u.contentInfo.statusList.map((s, x) => /* @__PURE__ */ e(
-            ft,
+          u.contentInfo.statusList.length === 0 ? /* @__PURE__ */ e("div", { className: "text-center text-gray-400 py-4 bg-gray-50 rounded-lg", children: "暂无状态，点击上方按钮添加" }) : /* @__PURE__ */ e(he, { ghost: !0, children: u.contentInfo.statusList.map((s, x) => /* @__PURE__ */ e(
+            yt,
             {
-              header: /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
+              header: /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
                 /* @__PURE__ */ e("span", { className: "text-xs text-gray-400 w-5", children: x + 1 }),
                 /* @__PURE__ */ e("span", { className: "font-medium", children: s.name }),
-                /* @__PURE__ */ e(Q, { color: "default", className: "text-xs", children: s.material.type })
+                /* @__PURE__ */ e(le, { color: "default", className: "text-xs", children: s.material.type })
               ] }),
-              extra: /* @__PURE__ */ d(ee, { size: "small", onClick: (g) => g.stopPropagation(), children: [
+              extra: /* @__PURE__ */ c(ae, { size: "small", onClick: (y) => y.stopPropagation(), children: [
                 /* @__PURE__ */ e(
-                  Y,
+                  j,
                   {
                     type: "text",
                     size: "small",
-                    icon: /* @__PURE__ */ e(wt, {}),
+                    icon: /* @__PURE__ */ e(It, {}),
                     disabled: x === 0,
-                    onClick: (g) => {
-                      g.stopPropagation(), p(u.id, s.id, "up");
+                    onClick: (y) => {
+                      y.stopPropagation(), h(u.id, s.id, "up");
                     }
                   }
                 ),
                 /* @__PURE__ */ e(
-                  Y,
+                  j,
                   {
                     type: "text",
                     size: "small",
-                    icon: /* @__PURE__ */ e(St, {}),
+                    icon: /* @__PURE__ */ e(kt, {}),
                     disabled: x === u.contentInfo.statusList.length - 1,
-                    onClick: (g) => {
-                      g.stopPropagation(), p(u.id, s.id, "down");
+                    onClick: (y) => {
+                      y.stopPropagation(), h(u.id, s.id, "down");
                     }
                   }
                 ),
                 /* @__PURE__ */ e(
-                  Y,
+                  j,
                   {
                     type: "text",
                     size: "small",
                     danger: !0,
-                    icon: /* @__PURE__ */ e(Ue, {}),
-                    onClick: (g) => {
-                      g.stopPropagation(), a(u.id, s.id);
+                    icon: /* @__PURE__ */ e(qe, {}),
+                    onClick: (y) => {
+                      y.stopPropagation(), a(u.id, s.id);
                     }
                   }
                 )
               ] }),
-              children: /* @__PURE__ */ d(b, { layout: "vertical", children: [
-                /* @__PURE__ */ e(b.Item, { label: "状态名称", children: /* @__PURE__ */ e(
-                  B,
+              children: /* @__PURE__ */ c(v, { layout: "vertical", children: [
+                /* @__PURE__ */ e(v.Item, { label: "状态名称", children: /* @__PURE__ */ e(
+                  J,
                   {
                     value: s.name,
-                    onChange: (g) => o(u.id, s.id, { name: g.target.value }),
+                    onChange: (y) => o(u.id, s.id, { name: y.target.value }),
                     placeholder: "输入状态名称"
                   }
                 ) }),
                 /* @__PURE__ */ e(
-                  b.Item,
+                  v.Item,
                   {
                     label: "执行表达式",
                     help: "返回 true 时激活此状态，可使用 data 变量访问绑定数据",
                     children: /* @__PURE__ */ e(
-                      Dn,
+                      Pn,
                       {
                         value: s.expression,
-                        onChange: (g) => o(u.id, s.id, { expression: g.target.value }),
+                        onChange: (y) => o(u.id, s.id, { expression: y.target.value }),
                         rows: 3,
                         placeholder: "return true;"
                       }
                     )
                   }
                 ),
-                /* @__PURE__ */ e(b.Item, { label: "绑定数据源 (bindCodes)", children: /* @__PURE__ */ e(
-                  ce,
+                /* @__PURE__ */ e(v.Item, { label: "绑定数据源 (bindCodes)", children: /* @__PURE__ */ e(
+                  me,
                   {
                     mode: "tags",
                     value: s.bindCodes || [],
-                    onChange: (g) => o(u.id, s.id, { bindCodes: g }),
+                    onChange: (y) => o(u.id, s.id, { bindCodes: y }),
                     placeholder: "输入数据源 code",
                     tokenSeparators: [",", " "]
                   }
                 ) }),
-                /* @__PURE__ */ e(b.Item, { label: "更换物料", children: /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ e(Q, { color: "blue", children: s.material.name }),
-                  /* @__PURE__ */ e(Q, { color: "default", children: s.material.type }),
+                /* @__PURE__ */ e(v.Item, { label: "更换物料", children: /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ e(le, { color: "blue", children: s.material.name }),
+                  /* @__PURE__ */ e(le, { color: "default", children: s.material.type }),
                   /* @__PURE__ */ e(
-                    ce,
+                    me,
                     {
                       placeholder: "选择新物料",
                       style: { width: 150 },
                       value: void 0,
-                      onChange: (g) => g && f(u.id, s.id, g),
-                      options: r.map((g) => ({
-                        value: g.id,
-                        label: `${g.name} (${g.type})`
+                      onChange: (y) => y && p(u.id, s.id, y),
+                      options: r.map((y) => ({
+                        value: y.id,
+                        label: `${y.name} (${y.type})`
                       }))
                     }
                   )
                 ] }) }),
-                /* @__PURE__ */ e(he, { style: { margin: "12px 0" } }),
-                /* @__PURE__ */ d("div", { className: "bg-gray-50 rounded-lg p-3 border border-gray-200", children: [
-                  /* @__PURE__ */ d("div", { className: "flex items-center justify-between mb-2", children: [
+                /* @__PURE__ */ e(ye, { style: { margin: "12px 0" } }),
+                /* @__PURE__ */ c("div", { className: "bg-gray-50 rounded-lg p-3 border border-gray-200", children: [
+                  /* @__PURE__ */ c("div", { className: "flex items-center justify-between mb-2", children: [
                     /* @__PURE__ */ e("span", { className: "text-sm font-medium", children: "物料属性" }),
-                    /* @__PURE__ */ e(Q, { children: s.material.name })
+                    /* @__PURE__ */ e(le, { children: s.material.name })
                   ] }),
                   /* @__PURE__ */ e(
-                    Et,
+                    Pt,
                     {
                       material: s.material,
-                      onSave: (g) => {
-                        const C = { ...s.material, ...g };
-                        o(u.id, s.id, { material: C });
+                      onSave: (y) => {
+                        const E = { ...s.material, ...y };
+                        o(u.id, s.id, { material: E });
                       }
                     }
                   )
@@ -2612,23 +2701,23 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
       u.id
     )) })
   ] });
-}, { Panel: de } = se, { TabPane: Ze } = yt, { TextArea: Ln } = B, Pn = ({
+}, { Panel: ge } = he, { TabPane: Ke } = St, { TextArea: $n } = J, _n = ({
   defaultTestData: n
 }) => {
   const {
-    nodes: h,
+    nodes: f,
     selectedNodeId: t,
     updateNode: r,
-    updateNodeStyle: c,
+    updateNodeStyle: d,
     updateNodeControl: l,
     updateNodeContent: a,
     materials: o,
-    selectedStatusId: p,
-    selectStatus: f
-  } = xe(), [u] = b.useForm(), [w, s] = j("basic"), [x, g] = j(!1), [C, m] = j(null), [_, P] = j({}), D = oe.useMemo(() => h.find((i) => i.id === t), [h, t]), E = D?.contentInfo.statusList || [], O = (i) => {
-    t && (i.normalStyle && c(t, i.normalStyle), i.name !== void 0 && r(t, { name: i.name }), i.controlInfo && l(t, i.controlInfo));
+    selectedStatusId: h,
+    selectStatus: p
+  } = Ie(), [u] = v.useForm(), [b, s] = q("basic"), [x, y] = q(!1), [E, m] = q(null), [A, Y] = q({}), D = de.useMemo(() => f.find((i) => i.id === t), [f, t]), L = D?.contentInfo.statusList || [], O = (i) => {
+    t && (i.normalStyle && d(t, i.normalStyle), i.name !== void 0 && r(t, { name: i.name }), i.controlInfo && l(t, i.controlInfo));
   };
-  ae(() => {
+  se(() => {
     D && (u.setFieldsValue({
       name: D.name,
       normalStyle: {
@@ -2649,222 +2738,222 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
         isSelectable: !0,
         ...D.controlInfo
       }
-    }), f(null));
-  }, [D?.id, u, f]);
-  const V = () => {
-    !t || !D || (m("new"), g(!0));
+    }), p(null));
+  }, [D?.id, u, p]);
+  const ie = () => {
+    !t || !D || (m("new"), y(!0));
   }, H = (i) => {
     if (!t || !D) return;
-    const T = {
-      id: $(),
-      name: `${i.name}_状态${E.length + 1}`,
-      expression: E.length === 0 ? "return true;" : "return false;",
-      material: { ...i, id: $() },
+    const k = {
+      id: z(),
+      name: `${i.name}_状态${L.length + 1}`,
+      expression: L.length === 0 ? "return true;" : "return false;",
+      material: { ...i, id: z() },
       bindCodes: []
     };
-    if (C === "new") {
-      const v = [...E, T];
-      a(t, { statusList: v });
-    } else if (C) {
-      const v = E.map((k) => k.id === C ? { ...k, material: { ...i, id: $() } } : k);
-      a(t, { statusList: v });
+    if (E === "new") {
+      const S = [...L, k];
+      a(t, { statusList: S });
+    } else if (E) {
+      const S = L.map((w) => w.id === E ? { ...w, material: { ...i, id: z() } } : w);
+      a(t, { statusList: S });
     }
-    g(!1), m(null);
-  }, F = (i) => {
+    y(!1), m(null);
+  }, Q = (i) => {
     if (!t || !D) return;
-    const T = D.contentInfo.statusList?.filter((v) => v.id !== i) || [];
-    a(t, { statusList: T }), p === i && f(null);
-  }, W = (i, T) => {
+    const k = D.contentInfo.statusList?.filter((S) => S.id !== i) || [];
+    a(t, { statusList: k }), h === i && p(null);
+  }, F = (i, k) => {
     if (!t || !D) return;
-    const v = D.contentInfo.statusList?.map((k) => k.id === i ? { ...k, ...T } : k) || [];
-    a(t, { statusList: v });
-  }, S = (i) => {
+    const S = D.contentInfo.statusList?.map((w) => w.id === i ? { ...w, ...k } : w) || [];
+    a(t, { statusList: S });
+  }, P = (i) => {
     if (!t || !D) return;
-    const T = {
+    const k = {
       ...i,
-      id: $(),
+      id: z(),
       name: `${i.name}_复制`,
       expression: "return false;"
-    }, v = [...E, T];
-    a(t, { statusList: v });
-  }, A = (i, T) => {
+    }, S = [...L, k];
+    a(t, { statusList: S });
+  }, T = (i, k) => {
     if (!t || !D) return;
-    const v = E.findIndex((L) => L.id === i);
-    if (v === -1) return;
-    const k = [...E];
-    T === "up" && v > 0 ? [k[v], k[v - 1]] = [
-      k[v - 1],
-      k[v]
-    ] : T === "down" && v < k.length - 1 && ([k[v], k[v + 1]] = [
-      k[v + 1],
-      k[v]
-    ]), a(t, { statusList: k });
-  }, R = (i) => {
-    m(i), g(!0);
-  }, q = (i, T) => {
+    const S = L.findIndex((M) => M.id === i);
+    if (S === -1) return;
+    const w = [...L];
+    k === "up" && S > 0 ? [w[S], w[S - 1]] = [
+      w[S - 1],
+      w[S]
+    ] : k === "down" && S < w.length - 1 && ([w[S], w[S + 1]] = [
+      w[S + 1],
+      w[S]
+    ]), a(t, { statusList: w });
+  }, B = (i) => {
+    m(i), y(!0);
+  }, R = (i, k) => {
     if (!t || !D) return;
-    const v = E.map((k) => k.id === i ? {
-      ...k,
-      material: { ...k.material, ...T }
-    } : k);
-    a(t, { statusList: v });
+    const S = L.map((w) => w.id === i ? {
+      ...w,
+      material: { ...w.material, ...k }
+    } : w);
+    a(t, { statusList: S });
   };
-  return D ? /* @__PURE__ */ d("div", { className: "h-full flex flex-col bg-white border-l border-gray-200", children: [
-    /* @__PURE__ */ d("div", { className: "p-4 border-b border-gray-200", children: [
+  return D ? /* @__PURE__ */ c("div", { className: "h-full flex flex-col bg-white border-l border-gray-200", children: [
+    /* @__PURE__ */ c("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__ */ d(yt, { activeKey: w, onChange: s, children: [
-      /* @__PURE__ */ e(Ze, { tab: "基础", children: /* @__PURE__ */ d(
-        b,
+    /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto p-4", children: /* @__PURE__ */ c(St, { activeKey: b, onChange: s, children: [
+      /* @__PURE__ */ e(Ke, { tab: "基础", children: /* @__PURE__ */ c(
+        v,
         {
           form: u,
           layout: "vertical",
           onValuesChange: O,
           initialValues: { name: D.name },
           children: [
-            /* @__PURE__ */ e(b.Item, { label: "节点名称", name: "name", children: /* @__PURE__ */ e(B, { placeholder: "输入节点名称" }) }),
-            /* @__PURE__ */ d(se, { ghost: !0, defaultActiveKey: ["position", "size", "style"], children: [
-              /* @__PURE__ */ e(de, { header: "位置", children: /* @__PURE__ */ d(ee, { children: [
-                /* @__PURE__ */ e(b.Item, { label: "X", name: ["normalStyle", "x"], children: /* @__PURE__ */ e(U, {}) }),
-                /* @__PURE__ */ e(b.Item, { label: "Y", name: ["normalStyle", "y"], children: /* @__PURE__ */ e(U, {}) })
+            /* @__PURE__ */ e(v.Item, { label: "节点名称", name: "name", children: /* @__PURE__ */ e(J, { placeholder: "输入节点名称" }) }),
+            /* @__PURE__ */ c(he, { ghost: !0, defaultActiveKey: ["position", "size", "style"], children: [
+              /* @__PURE__ */ e(ge, { header: "位置", children: /* @__PURE__ */ c(ae, { children: [
+                /* @__PURE__ */ e(v.Item, { label: "X", name: ["normalStyle", "x"], children: /* @__PURE__ */ e(V, {}) }),
+                /* @__PURE__ */ e(v.Item, { label: "Y", name: ["normalStyle", "y"], children: /* @__PURE__ */ e(V, {}) })
               ] }) }, "position"),
-              /* @__PURE__ */ e(de, { header: "尺寸", children: /* @__PURE__ */ d(ee, { children: [
-                /* @__PURE__ */ e(b.Item, { label: "宽度", name: ["normalStyle", "width"], children: /* @__PURE__ */ e(U, { min: 10 }) }),
-                /* @__PURE__ */ e(b.Item, { label: "高度", name: ["normalStyle", "height"], children: /* @__PURE__ */ e(U, { min: 10 }) })
+              /* @__PURE__ */ e(ge, { header: "尺寸", children: /* @__PURE__ */ c(ae, { children: [
+                /* @__PURE__ */ e(v.Item, { label: "宽度", name: ["normalStyle", "width"], children: /* @__PURE__ */ e(V, { min: 10 }) }),
+                /* @__PURE__ */ e(v.Item, { label: "高度", name: ["normalStyle", "height"], children: /* @__PURE__ */ e(V, { min: 10 }) })
               ] }) }, "size"),
-              /* @__PURE__ */ d(de, { header: "样式", children: [
-                /* @__PURE__ */ e(b.Item, { label: "背景色", name: ["normalStyle", "background"], children: /* @__PURE__ */ e(B, { placeholder: "transparent, #fff, url(...)" }) }),
-                /* @__PURE__ */ e(b.Item, { label: "内边距", name: ["normalStyle", "padding"], children: /* @__PURE__ */ e(U, { min: 0 }) }),
-                /* @__PURE__ */ e(b.Item, { label: "圆角", name: ["normalStyle", "borderRadius"], children: /* @__PURE__ */ e(U, { min: 0 }) }),
+              /* @__PURE__ */ c(ge, { header: "样式", children: [
+                /* @__PURE__ */ e(v.Item, { label: "背景色", name: ["normalStyle", "background"], children: /* @__PURE__ */ e(J, { placeholder: "transparent, #fff, url(...)" }) }),
+                /* @__PURE__ */ e(v.Item, { label: "内边距", name: ["normalStyle", "padding"], children: /* @__PURE__ */ e(V, { min: 0 }) }),
+                /* @__PURE__ */ e(v.Item, { label: "圆角", name: ["normalStyle", "borderRadius"], children: /* @__PURE__ */ e(V, { min: 0 }) }),
                 /* @__PURE__ */ e(
-                  b.Item,
+                  v.Item,
                   {
                     label: "缩放比例",
                     name: ["normalStyle", "scale"],
                     help: "等比缩放节点的宽高",
-                    children: /* @__PURE__ */ e(U, { min: 0.1, max: 5, step: 0.1 })
+                    children: /* @__PURE__ */ e(V, { min: 0.1, max: 5, step: 0.1 })
                   }
                 ),
-                /* @__PURE__ */ e(b.Item, { label: "透明度", name: ["normalStyle", "opacity"], children: /* @__PURE__ */ e(U, { min: 0, max: 1, step: 0.1 }) }),
-                /* @__PURE__ */ e(b.Item, { label: "层级", name: ["normalStyle", "zIndex"], children: /* @__PURE__ */ e(U, {}) })
+                /* @__PURE__ */ e(v.Item, { label: "透明度", name: ["normalStyle", "opacity"], children: /* @__PURE__ */ e(V, { min: 0, max: 1, step: 0.1 }) }),
+                /* @__PURE__ */ e(v.Item, { label: "层级", name: ["normalStyle", "zIndex"], children: /* @__PURE__ */ e(V, {}) })
               ] }, "style")
             ] })
           ]
         }
       ) }, "basic"),
-      /* @__PURE__ */ e(Ze, { tab: "状态", children: D.type === "group" && D.children ? /* @__PURE__ */ e(
-        Mn,
+      /* @__PURE__ */ e(Ke, { tab: "状态", children: D.type === "group" && D.children ? /* @__PURE__ */ e(
+        Tn,
         {
           node: D,
           updateNode: r,
           materials: o
         }
-      ) : /* @__PURE__ */ d("div", { className: "mb-4", children: [
-        /* @__PURE__ */ d("div", { className: "flex items-center justify-between mb-2", children: [
-          /* @__PURE__ */ d("span", { className: "font-medium", children: [
+      ) : /* @__PURE__ */ c("div", { className: "mb-4", children: [
+        /* @__PURE__ */ c("div", { className: "flex items-center justify-between mb-2", children: [
+          /* @__PURE__ */ c("span", { className: "font-medium", children: [
             "状态列表",
-            /* @__PURE__ */ e(Q, { color: "blue", className: "ml-2", children: E.length })
+            /* @__PURE__ */ e(le, { color: "blue", className: "ml-2", children: L.length })
           ] }),
           /* @__PURE__ */ e(
-            Y,
+            j,
             {
               type: "primary",
               size: "small",
-              icon: /* @__PURE__ */ e(xt, {}),
-              onClick: V,
+              icon: /* @__PURE__ */ e(Nt, {}),
+              onClick: ie,
               children: "添加状态"
             }
           )
         ] }),
         /* @__PURE__ */ e("p", { className: "text-xs text-gray-500 mb-3", children: "节点根据状态表达式计算结果显示对应物料，第一个返回 true 的状态为当前状态" }),
-        E.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__ */ d("div", { children: [
+        L.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__ */ c("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: "由表达式自动计算" })
         ] }) }) }),
-        E.length === 0 ? /* @__PURE__ */ e("div", { className: "text-center text-gray-400 py-4 bg-gray-50 rounded-lg", children: "暂无状态，点击上方按钮添加" }) : /* @__PURE__ */ e(se, { ghost: !0, children: E.map((i, T) => /* @__PURE__ */ e(
-          de,
+        L.length === 0 ? /* @__PURE__ */ e("div", { className: "text-center text-gray-400 py-4 bg-gray-50 rounded-lg", children: "暂无状态，点击上方按钮添加" }) : /* @__PURE__ */ e(he, { ghost: !0, children: L.map((i, k) => /* @__PURE__ */ e(
+          ge,
           {
-            header: /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ e("span", { className: "text-xs text-gray-400 w-5", children: T + 1 }),
+            header: /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ e("span", { className: "text-xs text-gray-400 w-5", children: k + 1 }),
               /* @__PURE__ */ e("span", { className: "font-medium", children: i.name }),
-              /* @__PURE__ */ e(Q, { color: "default", className: "text-xs", children: i.material.type })
+              /* @__PURE__ */ e(le, { color: "default", className: "text-xs", children: i.material.type })
             ] }),
-            extra: /* @__PURE__ */ d(ee, { size: "small", onClick: (v) => v.stopPropagation(), children: [
+            extra: /* @__PURE__ */ c(ae, { size: "small", onClick: (S) => S.stopPropagation(), children: [
               /* @__PURE__ */ e(
-                Y,
+                j,
                 {
                   type: "text",
                   size: "small",
-                  icon: /* @__PURE__ */ e(wt, {}),
-                  disabled: T === 0,
-                  onClick: (v) => {
-                    v.stopPropagation(), A(i.id, "up");
+                  icon: /* @__PURE__ */ e(It, {}),
+                  disabled: k === 0,
+                  onClick: (S) => {
+                    S.stopPropagation(), T(i.id, "up");
                   }
                 }
               ),
               /* @__PURE__ */ e(
-                Y,
+                j,
                 {
                   type: "text",
                   size: "small",
-                  icon: /* @__PURE__ */ e(St, {}),
-                  disabled: T === E.length - 1,
-                  onClick: (v) => {
-                    v.stopPropagation(), A(i.id, "down");
+                  icon: /* @__PURE__ */ e(kt, {}),
+                  disabled: k === L.length - 1,
+                  onClick: (S) => {
+                    S.stopPropagation(), T(i.id, "down");
                   }
                 }
               ),
               /* @__PURE__ */ e(
-                Y,
+                j,
                 {
                   type: "text",
                   size: "small",
-                  icon: /* @__PURE__ */ e(Vt, {}),
-                  onClick: (v) => {
-                    v.stopPropagation(), S(i);
+                  icon: /* @__PURE__ */ e(Jt, {}),
+                  onClick: (S) => {
+                    S.stopPropagation(), P(i);
                   }
                 }
               ),
               /* @__PURE__ */ e(
-                Y,
+                j,
                 {
                   type: "text",
                   size: "small",
                   danger: !0,
-                  icon: /* @__PURE__ */ e(Ue, {}),
-                  onClick: (v) => {
-                    v.stopPropagation(), F(i.id);
+                  icon: /* @__PURE__ */ e(qe, {}),
+                  onClick: (S) => {
+                    S.stopPropagation(), Q(i.id);
                   }
                 }
               )
             ] }),
-            children: /* @__PURE__ */ d(b, { layout: "vertical", children: [
-              /* @__PURE__ */ e(b.Item, { label: "状态名称", children: /* @__PURE__ */ e(
-                B,
+            children: /* @__PURE__ */ c(v, { layout: "vertical", children: [
+              /* @__PURE__ */ e(v.Item, { label: "状态名称", children: /* @__PURE__ */ e(
+                J,
                 {
                   value: i.name,
-                  onChange: (v) => W(i.id, { name: v.target.value }),
+                  onChange: (S) => F(i.id, { name: S.target.value }),
                   placeholder: "输入状态名称"
                 }
               ) }),
               /* @__PURE__ */ e(
-                b.Item,
+                v.Item,
                 {
                   label: "执行表达式",
                   help: "返回 true 时激活此状态，可使用 data 变量访问绑定数据",
                   children: /* @__PURE__ */ e(
-                    Ln,
+                    $n,
                     {
-                      value: _[i.id] ?? i.expression,
-                      onChange: (v) => P((k) => ({
-                        ...k,
-                        [i.id]: v.target.value
+                      value: A[i.id] ?? i.expression,
+                      onChange: (S) => Y((w) => ({
+                        ...w,
+                        [i.id]: S.target.value
                       })),
-                      onBlur: (v) => {
-                        W(i.id, { expression: v.target.value }), P((k) => {
-                          const L = { ...k };
-                          return delete L[i.id], L;
+                      onBlur: (S) => {
+                        F(i.id, { expression: S.target.value }), Y((w) => {
+                          const M = { ...w };
+                          return delete M[i.id], M;
                         });
                       },
                       rows: 3,
@@ -2873,41 +2962,41 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
                   )
                 }
               ),
-              /* @__PURE__ */ e(b.Item, { label: "绑定数据源 (bindCodes)", children: /* @__PURE__ */ e(
-                ce,
+              /* @__PURE__ */ e(v.Item, { label: "绑定数据源 (bindCodes)", children: /* @__PURE__ */ e(
+                me,
                 {
                   mode: "tags",
                   value: i.bindCodes || [],
-                  onChange: (v) => W(i.id, { bindCodes: v }),
+                  onChange: (S) => F(i.id, { bindCodes: S }),
                   placeholder: "输入数据源 code",
                   tokenSeparators: [",", " "]
                 }
               ) }),
-              /* @__PURE__ */ e(b.Item, { label: "绑定物料", children: /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ e(Q, { color: "blue", children: i.material.name }),
-                /* @__PURE__ */ e(Q, { color: "default", children: i.material.type }),
+              /* @__PURE__ */ e(v.Item, { label: "绑定物料", children: /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ e(le, { color: "blue", children: i.material.name }),
+                /* @__PURE__ */ e(le, { color: "default", children: i.material.type }),
                 /* @__PURE__ */ e(
-                  Y,
+                  j,
                   {
                     type: "link",
                     size: "small",
-                    icon: /* @__PURE__ */ e(et, {}),
-                    onClick: () => R(i.id),
+                    icon: /* @__PURE__ */ e(nt, {}),
+                    onClick: () => B(i.id),
                     children: "更换物料"
                   }
                 )
               ] }) }),
-              /* @__PURE__ */ e(he, { style: { margin: "12px 0" } }),
-              /* @__PURE__ */ d("div", { className: "bg-gray-50 rounded-lg p-3 border border-gray-200", children: [
-                /* @__PURE__ */ d("div", { className: "flex items-center justify-between mb-2", children: [
+              /* @__PURE__ */ e(ye, { style: { margin: "12px 0" } }),
+              /* @__PURE__ */ c("div", { className: "bg-gray-50 rounded-lg p-3 border border-gray-200", children: [
+                /* @__PURE__ */ c("div", { className: "flex items-center justify-between mb-2", children: [
                   /* @__PURE__ */ e("span", { className: "text-sm font-medium", children: "物料属性" }),
-                  /* @__PURE__ */ e(Q, { children: i.material.name })
+                  /* @__PURE__ */ e(le, { children: i.material.name })
                 ] }),
                 /* @__PURE__ */ e(
-                  Et,
+                  Pt,
                   {
                     material: i.material,
-                    onSave: (v) => q(i.id, v),
+                    onSave: (S) => R(i.id, S),
                     bindCodes: i.bindCodes || [],
                     dataOptions: n || []
                   }
@@ -2918,94 +3007,94 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
           i.id
         )) })
       ] }) }, "status"),
-      /* @__PURE__ */ e(Ze, { tab: "控制", children: /* @__PURE__ */ d(
-        b,
+      /* @__PURE__ */ e(Ke, { tab: "控制", children: /* @__PURE__ */ c(
+        v,
         {
           form: u,
           layout: "vertical",
           onValuesChange: O,
           children: [
             /* @__PURE__ */ e(
-              b.Item,
+              v.Item,
               {
                 label: "可拖拽",
                 name: ["controlInfo", "isDraggable"],
                 valuePropName: "checked",
-                children: /* @__PURE__ */ e(je, {})
+                children: /* @__PURE__ */ e(Fe, {})
               }
             ),
             /* @__PURE__ */ e(
-              b.Item,
+              v.Item,
               {
                 label: "可点击",
                 name: ["controlInfo", "isClickable"],
                 valuePropName: "checked",
-                children: /* @__PURE__ */ e(je, {})
+                children: /* @__PURE__ */ e(Fe, {})
               }
             ),
             /* @__PURE__ */ e(
-              b.Item,
+              v.Item,
               {
                 label: "可调整大小",
                 name: ["controlInfo", "isResizable"],
                 valuePropName: "checked",
-                children: /* @__PURE__ */ e(je, {})
+                children: /* @__PURE__ */ e(Fe, {})
               }
             ),
             /* @__PURE__ */ e(
-              b.Item,
+              v.Item,
               {
                 label: "可选中",
                 name: ["controlInfo", "isSelectable"],
                 valuePropName: "checked",
-                children: /* @__PURE__ */ e(je, {})
+                children: /* @__PURE__ */ e(Fe, {})
               }
             )
           ]
         }
       ) }, "control")
     ] }) }),
-    /* @__PURE__ */ e("div", { className: "p-3 border-t border-gray-200 bg-gray-50", children: /* @__PURE__ */ d("div", { className: "text-xs text-gray-500", children: [
-      /* @__PURE__ */ d("div", { children: [
+    /* @__PURE__ */ e("div", { className: "p-3 border-t border-gray-200 bg-gray-50", children: /* @__PURE__ */ c("div", { className: "text-xs text-gray-500", children: [
+      /* @__PURE__ */ c("div", { children: [
         "节点 ID: ",
         D.id.slice(0, 8),
         "..."
       ] }),
-      /* @__PURE__ */ d("div", { children: [
+      /* @__PURE__ */ c("div", { children: [
         "状态数: ",
-        E.length
+        L.length
       ] })
     ] }) }),
     /* @__PURE__ */ e(
-      Qe,
+      tt,
       {
         title: "选择物料",
         open: x,
         onCancel: () => {
-          g(!1), m(null);
+          y(!1), m(null);
         },
         footer: null,
         width: 600,
-        children: /* @__PURE__ */ e("div", { className: "max-h-[400px] overflow-y-auto", children: /* @__PURE__ */ d(se, { ghost: !0, defaultActiveKey: ["basic", "device", "text", "line"], children: [
-          /* @__PURE__ */ e(de, { header: "基础形状", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-4 gap-2", children: o.filter((i) => ["矩形", "圆形", "圆角矩形"].includes(i.name)).map((i) => /* @__PURE__ */ e(
-            pt,
+        children: /* @__PURE__ */ e("div", { className: "max-h-[400px] overflow-y-auto", children: /* @__PURE__ */ c(he, { ghost: !0, defaultActiveKey: ["basic", "device", "text", "line"], children: [
+          /* @__PURE__ */ e(ge, { header: "基础形状", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-4 gap-2", children: o.filter((i) => ["矩形", "圆形", "圆角矩形"].includes(i.name)).map((i) => /* @__PURE__ */ e(
+            vt,
             {
               material: i,
               onClick: () => H(i)
             },
             i.id
           )) }) }, "basic"),
-          /* @__PURE__ */ e(de, { header: "设备图标", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-4 gap-2", children: o.filter(
+          /* @__PURE__ */ e(ge, { header: "设备图标", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-4 gap-2", children: o.filter(
             (i) => ["阀门", "泵", "罐体"].includes(i.name) || i.type === "IMAGE" && !["矩形", "圆形", "圆角矩形"].includes(i.name)
           ).map((i) => /* @__PURE__ */ e(
-            pt,
+            vt,
             {
               material: i,
               onClick: () => H(i)
             },
             i.id
           )) }) }, "device"),
-          /* @__PURE__ */ e(de, { header: "文本", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-4 gap-2", children: o.filter((i) => i.type === "TEXT").map((i) => /* @__PURE__ */ d(
+          /* @__PURE__ */ e(ge, { header: "文本", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-4 gap-2", children: o.filter((i) => i.type === "TEXT").map((i) => /* @__PURE__ */ c(
             "div",
             {
               className: "border rounded-lg p-2 cursor-pointer hover:border-blue-500 hover:bg-blue-50 transition-all text-center",
@@ -3017,7 +3106,7 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
             },
             i.id
           )) }) }, "text"),
-          /* @__PURE__ */ e(de, { header: "线条", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-4 gap-2", children: o.filter((i) => i.type === "LINE").map((i) => /* @__PURE__ */ d(
+          /* @__PURE__ */ e(ge, { header: "线条", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-4 gap-2", children: o.filter((i) => i.type === "LINE").map((i) => /* @__PURE__ */ c(
             "div",
             {
               className: "border rounded-lg p-2 cursor-pointer hover:border-blue-500 hover:bg-blue-50 transition-all text-center",
@@ -3032,35 +3121,35 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
         ] }) })
       }
     )
-  ] }) : /* @__PURE__ */ e("div", { className: "h-full flex items-center justify-center bg-white border-l border-gray-200", children: /* @__PURE__ */ e(K, { description: "请选择一个节点" }) });
-}, pt = ({ material: n, onClick: h }) => {
+  ] }) : /* @__PURE__ */ e("div", { className: "h-full flex items-center justify-center bg-white border-l border-gray-200", children: /* @__PURE__ */ e(ne, { description: "请选择一个节点" }) });
+}, vt = ({ material: n, onClick: f }) => {
   const t = n.type === "IMAGE" ? n.src : void 0;
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ c(
     "div",
     {
       className: "border rounded-lg p-2 cursor-pointer hover:border-blue-500 hover:bg-blue-50 transition-all text-center",
-      onClick: h,
+      onClick: f,
       children: [
         /* @__PURE__ */ e("div", { className: "w-12 h-12 mx-auto mb-1 flex items-center justify-center", children: t ? /* @__PURE__ */ e("img", { src: t, alt: n.name, className: "w-10 h-10 object-contain" }) : /* @__PURE__ */ e("span", { className: "text-xs", children: n.name[0] }) }),
         /* @__PURE__ */ e("span", { className: "text-xs", children: n.name })
       ]
     }
   );
-}, Tn = "ConfigEditor-module__configEditor__dinNG", $n = {
-  configEditor: Tn
-}, { Header: _n, Sider: gt, Content: On } = Je, Un = ({
+}, Yn = "ConfigEditor-module__configEditor__dinNG", On = {
+  configEditor: Yn
+}, { Header: Xn, Sider: bt, Content: zn } = Qe, Bn = ({
   initialScheme: n,
-  onChange: h,
+  onChange: f,
   readonly: t = !1,
   headerExtra: r,
-  className: c = "",
+  className: d = "",
   style: l,
   showHeader: a = !0,
   showMaterialPanel: o = !0,
-  showPropertyPanel: p = !0,
-  customMaterials: f
+  showPropertyPanel: h = !0,
+  customMaterials: p
 }) => {
-  const [u, w] = oe.useState(!1), [s, x] = oe.useState(""), [g, C] = oe.useState([
+  const [u, b] = de.useState(!1), [s, x] = de.useState(""), [y, E] = de.useState([
     {
       paramsCode: "001",
       paramsName: "通频速度有效值",
@@ -3073,103 +3162,103 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
       value: 1.5,
       paramsUnit: "m/s²"
     }
-  ]), { exportScheme: m, importScheme: _, nodes: P, materials: D, addMaterial: E } = xe();
-  oe.useRef(null);
-  const O = oe.useRef(!1);
-  ae(() => {
-    O.current || (O.current = !0, D.length === 0 && hn.forEach((S) => E(S)), f && f.length > 0 && f.forEach((S) => E(S)), n && _(n));
-  }, []), ae(() => {
-    if (h) {
-      const S = m();
-      h(S);
+  ]), { exportScheme: m, importScheme: A, nodes: Y, materials: D, addMaterial: L } = Ie();
+  de.useRef(null);
+  const O = de.useRef(!1);
+  se(() => {
+    O.current || (O.current = !0, D.length === 0 && pn.forEach((P) => L(P)), p && p.length > 0 && p.forEach((P) => L(P)), n && A(n));
+  }, []), se(() => {
+    if (f) {
+      const P = m();
+      f(P);
     }
-  }, [P, h]);
-  const V = G(() => {
-    const S = m(), A = JSON.stringify(S, null, 2), R = "data:application/json;charset=utf-8," + encodeURIComponent(A), q = `scheme_${Date.now()}.json`, i = document.createElement("a");
-    i.setAttribute("href", R), i.setAttribute("download", q), i.click(), Me.success("导出成功！");
+  }, [Y, f]);
+  const ie = G(() => {
+    const P = m(), T = JSON.stringify(P, null, 2), B = "data:application/json;charset=utf-8," + encodeURIComponent(T), R = `scheme_${Date.now()}.json`, i = document.createElement("a");
+    i.setAttribute("href", B), i.setAttribute("download", R), i.click(), De.success("导出成功！");
   }, [m]), H = G(() => {
     try {
-      const S = JSON.parse(s);
-      _(S), w(!1), x(""), Me.success("导入成功！");
+      const P = JSON.parse(s);
+      A(P), b(!1), x(""), De.success("导入成功！");
     } catch {
-      Me.error("JSON 格式错误，请检查输入");
+      De.error("JSON 格式错误，请检查输入");
     }
-  }, [s, _]), F = G(
-    (S) => {
-      const A = new FileReader();
-      return A.onload = (R) => {
+  }, [s, A]), Q = G(
+    (P) => {
+      const T = new FileReader();
+      return T.onload = (B) => {
         try {
-          const q = R.target?.result, i = JSON.parse(q);
-          _(i), Me.success("导入成功！");
+          const R = B.target?.result, i = JSON.parse(R);
+          A(i), De.success("导入成功！");
         } catch {
-          Me.error("文件格式错误");
+          De.error("文件格式错误");
         }
-      }, A.readAsText(S), !1;
+      }, T.readAsText(P), !1;
     },
-    [_]
-  ), W = G(() => m(), [m]);
-  return oe.useImperativeHandle(
-    oe.useRef?.(),
+    [A]
+  ), F = G(() => m(), [m]);
+  return de.useImperativeHandle(
+    de.useRef?.(),
     () => ({
-      getScheme: W,
+      getScheme: F,
       exportScheme: m,
-      importScheme: _
+      importScheme: A
     }),
-    [W, m, _]
-  ), /* @__PURE__ */ e(_t, { locale: cn, children: /* @__PURE__ */ e("div", { className: $n.configEditor, style: l, children: /* @__PURE__ */ d(
-    Je,
+    [F, m, A]
+  ), /* @__PURE__ */ e(zt, { locale: hn, children: /* @__PURE__ */ e("div", { className: On.configEditor, style: l, children: /* @__PURE__ */ c(
+    Qe,
     {
-      className: `h-full w-full overflow-hidden ${c}`,
+      className: `h-full w-full overflow-hidden ${d}`,
       children: [
-        a && /* @__PURE__ */ d(_n, { className: "bg-white border-b border-gray-200 px-4 flex items-center justify-between flex-shrink-0", children: [
-          /* @__PURE__ */ d("div", { className: "flex items-center gap-4", children: [
+        a && /* @__PURE__ */ c(Xn, { className: "bg-white border-b border-gray-200 px-4 flex items-center justify-between flex-shrink-0", children: [
+          /* @__PURE__ */ c("div", { className: "flex items-center gap-4", children: [
             /* @__PURE__ */ e("div", { className: "text-xl font-bold text-blue-600", children: "组态编辑器" }),
-            /* @__PURE__ */ d("div", { className: "text-sm text-gray-500", children: [
-              P.length,
+            /* @__PURE__ */ c("div", { className: "text-sm text-gray-500", children: [
+              Y.length,
               " 个节点"
             ] })
           ] }),
-          /* @__PURE__ */ d(ee, { children: [
+          /* @__PURE__ */ c(ae, { children: [
             r,
-            !t && /* @__PURE__ */ d(ge, { children: [
-              /* @__PURE__ */ e(pe, { title: "导出 JSON", children: /* @__PURE__ */ e(Y, { icon: /* @__PURE__ */ e(Ht, {}), onClick: V, children: "导出" }) }),
-              /* @__PURE__ */ e(pe, { title: "导入 JSON", children: /* @__PURE__ */ e(
-                Y,
+            !t && /* @__PURE__ */ c(Se, { children: [
+              /* @__PURE__ */ e(we, { title: "导出 JSON", children: /* @__PURE__ */ e(j, { icon: /* @__PURE__ */ e(Kt, {}), onClick: ie, children: "导出" }) }),
+              /* @__PURE__ */ e(we, { title: "导入 JSON", children: /* @__PURE__ */ e(
+                j,
                 {
-                  icon: /* @__PURE__ */ e(bt, {}),
-                  onClick: () => w(!0),
+                  icon: /* @__PURE__ */ e(Ct, {}),
+                  onClick: () => b(!0),
                   children: "导入"
                 }
               ) })
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ d(Je, { children: [
-          o && !t && /* @__PURE__ */ e(gt, { width: 280, className: "bg-white", theme: "light", children: /* @__PURE__ */ e(fn, {}) }),
-          /* @__PURE__ */ e(On, { className: "bg-gray-100 relative", children: /* @__PURE__ */ e(Sn, { defaultTestData: g }) }),
-          p && !t && /* @__PURE__ */ e(gt, { width: 360, className: "bg-white", theme: "light", children: /* @__PURE__ */ e(Pn, { defaultTestData: g }) })
+        /* @__PURE__ */ c(Qe, { children: [
+          o && !t && /* @__PURE__ */ e(bt, { width: 280, className: "bg-white", theme: "light", children: /* @__PURE__ */ e(yn, {}) }),
+          /* @__PURE__ */ e(zn, { className: "bg-gray-100 relative", children: /* @__PURE__ */ e(In, { defaultTestData: y }) }),
+          h && !t && /* @__PURE__ */ e(bt, { width: 360, className: "bg-white", theme: "light", children: /* @__PURE__ */ e(_n, { defaultTestData: y }) })
         ] }),
         /* @__PURE__ */ e(
-          Qe,
+          tt,
           {
             title: "导入组态方案",
             open: u,
             onOk: H,
             onCancel: () => {
-              w(!1), x("");
+              b(!1), x("");
             },
             width: 600,
-            children: /* @__PURE__ */ d("div", { className: "space-y-4", children: [
-              /* @__PURE__ */ d("div", { children: [
+            children: /* @__PURE__ */ c("div", { className: "space-y-4", children: [
+              /* @__PURE__ */ c("div", { children: [
                 /* @__PURE__ */ e("p", { className: "mb-2", children: "选择 JSON 文件导入：" }),
                 /* @__PURE__ */ e(
                   "input",
                   {
                     type: "file",
                     accept: ".json",
-                    onChange: (S) => {
-                      const A = S.target.files?.[0];
-                      A && F(A);
+                    onChange: (P) => {
+                      const T = P.target.files?.[0];
+                      T && Q(T);
                     },
                     className: `block w-full text-sm text-gray-500
                   file:mr-4 file:py-2 file:px-4
@@ -3181,13 +3270,13 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
                 )
               ] }),
               /* @__PURE__ */ e("div", { className: "text-center text-gray-400", children: "或" }),
-              /* @__PURE__ */ d("div", { children: [
+              /* @__PURE__ */ c("div", { children: [
                 /* @__PURE__ */ e("p", { className: "mb-2", children: "粘贴 JSON 内容：" }),
                 /* @__PURE__ */ e(
                   "textarea",
                   {
                     value: s,
-                    onChange: (S) => x(S.target.value),
+                    onChange: (P) => x(P.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"
                   }
@@ -3201,14 +3290,14 @@ const cn = /* @__PURE__ */ en(sn), dn = (n) => (h, t, r) => (r.setState = (c, l,
   ) }) });
 };
 export {
-  Sn as Canvas,
-  Un as ConfigEditor,
-  fn as MaterialPanel,
-  kt as NodeRenderer,
-  Pn as PropertyPanel,
-  mn as createDefaultNode,
-  It as createDefaultStatus,
-  hn as initMaterials,
-  xe as useEditorStore
+  In as Canvas,
+  Bn as ConfigEditor,
+  yn as MaterialPanel,
+  Lt as NodeRenderer,
+  _n as PropertyPanel,
+  gn as createDefaultNode,
+  Dt as createDefaultStatus,
+  pn as initMaterials,
+  Ie as useEditorStore
 };
 //# sourceMappingURL=config-editor.es.js.map