jch-config-editor 0.1.3 → 0.1.4

package/dist/config-editor.es.js

@@ -1,7 +1,7 @@
 import { jsxs as c, jsx as e, Fragment as Se } from "react/jsx-runtime";
-import de, { useState as G, useRef as ue, useMemo as xt, useCallback as q, useEffect as se } from "react";
-import { Typography as wt, Upload as Yt, 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 Ge, UndoOutlined as Rt, RedoOutlined as At, GroupOutlined as at, AlignLeftOutlined as jt, AlignRightOutlined as Ft, VerticalAlignTopOutlined as Wt, VerticalAlignBottomOutlined as Ut, ExperimentOutlined as Gt, ZoomInOutlined as qt, 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 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";
@@ -12,12 +12,12 @@ function ln(n) {
 var Le = {}, Ze = { exports: {} }, it;
 function lt() {
   return it || (it = 1, (function(n) {
-    function m(t) {
+    function f(t) {
       return t && t.__esModule ? t : {
         default: t
       };
     }
-    n.exports = m, n.exports.__esModule = !0, n.exports.default = n.exports;
+    n.exports = f, n.exports.__esModule = !0, n.exports.default = n.exports;
   })(Ze)), Ze.exports;
 }
 var Pe = {}, ot;
@@ -43,16 +43,16 @@ function rn() {
   };
   return Pe.default = n, Pe;
 }
-var Te = {}, $e = {}, _e = {}, Oe = {}, st;
+var Te = {}, $e = {}, _e = {}, Ye = {}, st;
 function an() {
-  return st || (st = 1, Object.defineProperty(Oe, "__esModule", {
+  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 ct;
 function on() {
@@ -61,51 +61,51 @@ function on() {
     value: !0
   }), _e.default = void 0;
   var n = an();
-  function m(f) {
+  function f(h) {
     "@babel/helpers - typeof";
-    return m = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(g) {
-      return typeof g;
-    } : function(g) {
-      return g && typeof Symbol == "function" && g.constructor === Symbol && g !== Symbol.prototype ? "symbol" : typeof g;
-    }, m(f);
+    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(f, g) {
-    var u = Object.keys(f);
+  function t(h, p) {
+    var u = Object.keys(h);
     if (Object.getOwnPropertySymbols) {
-      var b = Object.getOwnPropertySymbols(f);
-      g && (b = b.filter(function(s) {
-        return Object.getOwnPropertyDescriptor(f, s).enumerable;
+      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(f) {
-    for (var g = 1; g < arguments.length; g++) {
-      var u = arguments[g] != null ? arguments[g] : {};
-      g % 2 ? t(Object(u), !0).forEach(function(b) {
-        d(f, b, u[b]);
-      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(f, Object.getOwnPropertyDescriptors(u)) : t(Object(u)).forEach(function(b) {
-        Object.defineProperty(f, b, Object.getOwnPropertyDescriptor(u, b));
+  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 f;
+    return h;
   }
-  function d(f, g, u) {
-    return g = l(g), g in f ? Object.defineProperty(f, g, { value: u, enumerable: !0, configurable: !0, writable: !0 }) : f[g] = u, f;
+  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(f) {
-    var g = a(f, "string");
-    return m(g) == "symbol" ? g : String(g);
+  function l(h) {
+    var p = a(h, "string");
+    return f(p) == "symbol" ? p : String(p);
   }
-  function a(f, g) {
-    if (m(f) != "object" || !f) return f;
-    var u = f[Symbol.toPrimitive];
+  function a(h, p) {
+    if (f(h) != "object" || !h) return h;
+    var u = h[Symbol.toPrimitive];
     if (u !== void 0) {
-      var b = u.call(f, g);
-      if (m(b) != "object") return b;
+      var b = u.call(h, p);
+      if (f(b) != "object") return b;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
-    return (g === "string" ? String : Number)(f);
+    return (p === "string" ? String : Number)(h);
   }
   var o = r(r({}, n.commonLocale), {}, {
     locale: "zh_CN",
@@ -137,27 +137,27 @@ function on() {
   });
   return _e.default = o, _e;
 }
-var Ye = {}, dt;
-function Mt() {
-  if (dt) return Ye;
-  dt = 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 ut;
-function Et() {
+function Mt() {
   if (ut) return $e;
   ut = 1;
   var n = lt().default;
   Object.defineProperty($e, "__esModule", {
     value: !0
   }), $e.default = void 0;
-  var m = n(on()), t = n(/* @__PURE__ */ Mt());
+  var f = n(on()), t = n(/* @__PURE__ */ Et());
   const r = {
     lang: {
       placeholder: "请选择日期",
@@ -170,7 +170,7 @@ function Et() {
       rangeMonthPlaceholder: ["开始月份", "结束月份"],
       rangeQuarterPlaceholder: ["开始季度", "结束季度"],
       rangeWeekPlaceholder: ["开始周", "结束周"],
-      ...m.default
+      ...f.default
     },
     timePickerLocale: {
       ...t.default
@@ -186,8 +186,8 @@ function sn() {
   Object.defineProperty(Te, "__esModule", {
     value: !0
   }), Te.default = void 0;
-  var m = n(/* @__PURE__ */ Et());
-  return Te.default = m.default, Te;
+  var f = n(/* @__PURE__ */ Mt());
+  return Te.default = f.default, Te;
 }
 var mt;
 function cn() {
@@ -197,10 +197,10 @@ function cn() {
   Object.defineProperty(Le, "__esModule", {
     value: !0
   }), Le.default = void 0;
-  var m = n(rn()), t = n(/* @__PURE__ */ sn()), r = n(/* @__PURE__ */ Et()), d = n(/* @__PURE__ */ Mt());
+  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: m.default,
+    Pagination: f.default,
     DatePicker: r.default,
     TimePicker: d.default,
     Calendar: t.default,
@@ -345,9 +345,9 @@ function dn() {
   return ft || (ft = 1, Je = /* @__PURE__ */ cn()), Je;
 }
 var un = /* @__PURE__ */ dn();
-const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l, ...a) => {
+const hn = /* @__PURE__ */ ln(un), mn = (n) => (f, t, r) => (r.setState = (d, l, ...a) => {
   const o = typeof d == "function" ? en(d) : d;
-  return m(o, l, ...a);
+  return f(o, l, ...a);
 }, n(r.setState, t, r)), fn = mn, pt = {
   nodes: [],
   materials: [],
@@ -369,14 +369,14 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
     startPoint: null,
     endPoint: null
   }
-}, ce = (n, m, t) => ({
+}, ce = (n, f, t) => ({
   id: z(),
   type: n,
-  targetId: m,
+  targetId: f,
   payload: t,
   timestamp: Date.now()
 }), Ie = Qt()(
-  fn((n, m) => ({
+  fn((n, f) => ({
     ...pt,
     // ========== 节点操作 ==========
     addNode: (t, r = !0) => {
@@ -403,7 +403,7 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
     updateNodeContent: (t, r) => {
       n((d) => {
         const l = d.nodes.find((a) => a.id === t);
-        l && (Object.assign(l.contentInfo, r), d.history.past.push(ce("PROPERTY_CHANGE", t, { contentInfo: r })));
+        l && (l.contentInfo = { ...l.contentInfo, ...r }, d.history.past.push(ce("PROPERTY_CHANGE", t, { contentInfo: r })));
       });
     },
     updateNodeControl: (t, r) => {
@@ -445,9 +445,9 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
     },
     updateStatus: (t, r, d) => {
       n((l) => {
-        const a = l.nodes.find((f) => f.id === t);
+        const a = l.nodes.find((h) => h.id === t);
         if (!a) return;
-        const o = a.contentInfo.statusList.find((f) => f.id === r);
+        const o = a.contentInfo.statusList.find((h) => h.id === r);
         o && Object.assign(o, d);
       });
     },
@@ -457,7 +457,7 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
       });
     },
     evaluateCurrentStatus: (t, r) => {
-      const l = m().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 {
@@ -557,7 +557,7 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
     },
     // ========== 导入导出 ==========
     exportScheme: () => {
-      const t = m();
+      const t = f();
       return {
         version: "1.1.0",
         nodes: t.nodes,
@@ -656,24 +656,24 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
   expression: "return true;",
   material: { ...n, id: z() },
   bindCodes: []
-}), gn = (n, m, t) => {
+}), gn = (n, f, t) => {
   if (t?.type === "CUSTOM" && t.config?.nodes) {
-    const r = t.config.nodes.map((g) => ({
-      ...g,
+    const r = t.config.nodes.map((p) => ({
+      ...p,
       id: z()
       // 重新生成子节点ID
     }));
     let d = 1 / 0, l = 1 / 0, a = -1 / 0, o = -1 / 0;
-    r.forEach((g) => {
-      const u = g.normalStyle.x || 0, b = g.normalStyle.y || 0, s = g.normalStyle.width || 0, x = g.normalStyle.height || 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 f = r.map((g) => ({
-      ...g,
+    const h = r.map((p) => ({
+      ...p,
       normalStyle: {
-        ...g.normalStyle,
-        x: (g.normalStyle.x || 0) - d,
-        y: (g.normalStyle.y || 0) - l,
+        ...p.normalStyle,
+        x: (p.normalStyle.x || 0) - d,
+        y: (p.normalStyle.y || 0) - l,
         scale: void 0
         // 移除 scale，由父级容器统一控制
       }
@@ -686,7 +686,7 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
         width: a - d,
         height: o - l,
         x: n,
-        y: m
+        y: f
         // 不设置背景和边框，由 NodeRenderer 控制
       },
       contentInfo: {
@@ -699,7 +699,7 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
         isResizable: !0,
         isSelectable: !0
       },
-      children: f
+      children: h
     };
   }
   return {
@@ -710,7 +710,7 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
       width: 120,
       height: 100,
       x: n,
-      y: m,
+      y: f,
       background: "transparent",
       padding: 8
     },
@@ -728,73 +728,73 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
 }, { Panel: Ne } = he, { Text: We } = wt, yn = () => {
   const {
     materials: n,
-    addMaterial: m,
+    addMaterial: f,
     removeMaterial: t,
     selectedStatusId: r,
     selectStatus: d,
     mode: l,
     lineDrawing: a,
     startLineDrawing: o,
-    cancelLineDrawing: f
-  } = Ie(), [g, u] = G([
+    cancelLineDrawing: h
+  } = Ie(), [p, u] = q([
     "basic",
     "device",
     "text",
     "line"
-  ]), b = (h) => {
+  ]), b = (m) => {
     const A = new FileReader();
-    return A.onload = (O) => {
-      const D = O.target?.result;
-      m({
-        name: h.name.replace(".svg", ""),
+    return A.onload = (Y) => {
+      const D = Y.target?.result;
+      f({
+        name: m.name.replace(".svg", ""),
         type: "IMAGE",
         src: D
       });
-    }, A.readAsDataURL(h), !1;
+    }, A.readAsDataURL(m), !1;
   }, s = {
     basic: n.filter(
-      (h) => ["矩形", "圆形", "圆角矩形"].includes(h.name)
+      (m) => ["矩形", "圆形", "圆角矩形"].includes(m.name)
     ),
     device: n.filter(
-      (h) => ["阀门", "泵", "罐体"].includes(h.name) || h.type === "IMAGE" && !["矩形", "圆形", "圆角矩形"].includes(h.name) && h.name !== "自定义"
+      (m) => ["阀门", "泵", "罐体"].includes(m.name) || m.type === "IMAGE" && !["矩形", "圆形", "圆角矩形"].includes(m.name) && m.name !== "自定义"
     ),
-    text: n.filter((h) => h.type === "TEXT"),
-    line: n.filter((h) => h.type === "LINE"),
-    group: n.filter((h) => h.type === "CUSTOM" && h.config?.nodes),
+    text: n.filter((m) => m.type === "TEXT"),
+    line: n.filter((m) => m.type === "LINE"),
+    group: n.filter((m) => m.type === "CUSTOM" && m.config?.nodes),
     custom: n.filter(
-      (h) => h.type === "CUSTOM" && !h.config?.nodes || h.type === "IMAGE" && !["矩形", "圆形", "圆角矩形", "阀门", "泵", "罐体"].includes(h.name)
+      (m) => m.type === "CUSTOM" && !m.config?.nodes || m.type === "IMAGE" && !["矩形", "圆形", "圆角矩形", "阀门", "泵", "罐体"].includes(m.name)
     )
-  }, x = (h, A) => {
-    h.dataTransfer.effectAllowed = "copy", h.dataTransfer.setData("application/json", JSON.stringify(A));
-    const O = h.currentTarget.querySelector(
+  }, x = (m, A) => {
+    m.dataTransfer.effectAllowed = "copy", m.dataTransfer.setData("application/json", JSON.stringify(A));
+    const Y = m.currentTarget.querySelector(
       ".material-preview"
     );
-    O && h.dataTransfer.setDragImage(O, 20, 20);
-  }, y = (h) => {
-    h.type === "LINE" && o(h);
-  }, M = (h, A = !1) => {
-    const O = A === !0, D = l === "line-draw" && O && a.material?.id === h.id;
+    Y && m.dataTransfer.setDragImage(Y, 20, 20);
+  }, y = (m) => {
+    m.type === "LINE" && o(m);
+  }, E = (m, A = !1) => {
+    const Y = A === !0, D = l === "line-draw" && Y && a.material?.id === m.id;
     return /* @__PURE__ */ e(
       xe.Item,
       {
-        draggable: !O,
-        onDragStart: (L) => x(L, h),
-        onClick: () => O && y(h),
+        draggable: !Y,
+        onDragStart: (L) => x(L, m),
+        onClick: () => Y && y(m),
         className: `
           rounded-lg transition-all duration-200 select-none
-          ${O ? "cursor-pointer" : "cursor-move"}
+          ${Y ? "cursor-pointer" : "cursor-move"}
           hover:bg-gray-100
           ${D ? "bg-blue-50 ring-2 ring-blue-400" : ""}
         `,
         actions: [
-          O ? /* @__PURE__ */ e(
+          Y ? /* @__PURE__ */ e(
             j,
             {
               type: "text",
               size: "small",
               icon: /* @__PURE__ */ e(nt, {}),
               onClick: (L) => {
-                L.stopPropagation(), y(h);
+                L.stopPropagation(), y(m);
               },
               children: "绘制"
             },
@@ -806,35 +806,35 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
               type: "text",
               size: "small",
               danger: !0,
-              icon: /* @__PURE__ */ e(Ge, {}),
+              icon: /* @__PURE__ */ e(qe, {}),
               onClick: (L) => {
-                L.stopPropagation(), t(h.id);
+                L.stopPropagation(), t(m.id);
               }
             },
             "delete"
           )
         ].filter(Boolean),
-        children: /* @__PURE__ */ c("div", { className: `flex items-center gap-3 w-full py-2 ${O ? "" : "pointer-events-none"}`, children: [
-          /* @__PURE__ */ e("div", { className: "material-preview w-12 h-12 flex items-center justify-center bg-white rounded border border-gray-200", children: h.type === "IMAGE" && h.src ? /* @__PURE__ */ e(
+        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(
             Xt,
             {
-              src: h.src,
-              alt: h.name,
+              src: m.src,
+              alt: m.name,
               width: 40,
               height: 40,
               preview: !1
             }
-          ) : h.type === "TEXT" ? /* @__PURE__ */ e("span", { className: "text-xs text-gray-500", children: "T" }) : h.type === "LINE" ? /* @__PURE__ */ e("div", { className: "w-8 h-0.5 bg-gray-400" }) : h.type === "CUSTOM" && h.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: "?" }) }),
+          ) : 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__ */ c("div", { className: "flex-1 min-w-0", children: [
-            /* @__PURE__ */ e(We, { strong: !0, className: "block truncate", children: h.name }),
+            /* @__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: h.type }),
+              /* @__PURE__ */ e(We, { type: "secondary", className: "text-xs", children: m.type }),
               D && /* @__PURE__ */ e(le, { color: "blue", className: "text-xs", children: "绘制中" })
             ] })
           ] })
         ] })
       },
-      h.id
+      m.id
     );
   };
   return /* @__PURE__ */ c("div", { className: "h-full flex flex-col bg-white border-r border-gray-200", children: [
@@ -843,7 +843,7 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
       /* @__PURE__ */ e(We, { type: "secondary", className: "text-sm", children: "拖拽物料到画布创建节点" })
     ] }),
     /* @__PURE__ */ e("div", { className: "p-3 border-b border-gray-200", children: /* @__PURE__ */ e(
-      Yt,
+      Ot,
       {
         accept: ".svg",
         beforeUpload: b,
@@ -854,8 +854,8 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
     /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto p-2", children: /* @__PURE__ */ c(
       he,
       {
-        activeKey: g,
-        onChange: (h) => u(h),
+        activeKey: p,
+        onChange: (m) => u(m),
         ghost: !0,
         expandIconPosition: "end",
         children: [
@@ -863,7 +863,7 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
             xe,
             {
               dataSource: s.basic,
-              renderItem: (h) => M(h, !1),
+              renderItem: (m) => E(m, !1),
               locale: {
                 emptyText: /* @__PURE__ */ e(
                   ne,
@@ -879,7 +879,7 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
             xe,
             {
               dataSource: s.device,
-              renderItem: (h) => M(h, !1),
+              renderItem: (m) => E(m, !1),
               locale: {
                 emptyText: /* @__PURE__ */ e(
                   ne,
@@ -895,7 +895,7 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
             xe,
             {
               dataSource: s.text,
-              renderItem: (h) => M(h, !1),
+              renderItem: (m) => E(m, !1),
               locale: {
                 emptyText: /* @__PURE__ */ e(
                   ne,
@@ -919,7 +919,7 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
                   xe,
                   {
                     dataSource: s.line,
-                    renderItem: (h) => M(h, !0),
+                    renderItem: (m) => E(m, !0),
                     locale: {
                       emptyText: /* @__PURE__ */ e(
                         ne,
@@ -943,7 +943,7 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
             xe,
             {
               dataSource: s.group,
-              renderItem: (h) => M(h, !1),
+              renderItem: (m) => E(m, !1),
               locale: {
                 emptyText: /* @__PURE__ */ e(
                   ne,
@@ -959,7 +959,7 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
             xe,
             {
               dataSource: s.custom,
-              renderItem: (h) => M(h, !1),
+              renderItem: (m) => E(m, !1),
               locale: {
                 emptyText: /* @__PURE__ */ e(
                   ne,
@@ -976,49 +976,49 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
     ) }),
     /* @__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: gt } = wt, vn = (n, m) => {
+}, { Text: gt } = wt, vn = (n, f) => {
   try {
-    const t = m && Array.isArray(m) ? m.map((l, a) => l.paramsName) : ["A"], d = new Function(...t, n.expression)(...m.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:`,
-      m,
+      f,
       "Result:",
       d
     ), d === !0;
   } catch (t) {
     return console.warn(`状态表达式执行失败 [${n.name}]:`, t), !1;
   }
-}, bn = (n, m) => {
+}, bn = (n, f) => {
   for (const t of n) {
     console.log(t, "status");
     let r = [];
-    if (Array.isArray(m) ? (console.log(t.bindCodes, "bindCodes"), r = m.filter(
+    if (Array.isArray(f) ? (console.log(t.bindCodes, "bindCodes"), r = f.filter(
       (d) => t.bindCodes?.includes(d.paramsCode)
-    )) : r = m, vn(t, r))
+    )) : r = f, vn(t, r))
       return t;
   }
-}, xn = (n, m) => {
-  if (!m || !n)
+}, xn = (n, f) => {
+  if (!f || !n)
     return { value: void 0 };
   if (Array.isArray(n)) {
-    const t = n.find((r) => r.paramsCode === m);
+    const t = n.find((r) => r.paramsCode === f);
     if (t)
       return {
         value: t.value,
         unit: t.unit
       };
-  } else if (typeof n == "object" && m in n)
+  } else if (typeof n == "object" && f in n)
     return {
-      value: n[m],
+      value: n[f],
       unit: n.unit
     };
   return { value: void 0 };
-}, wn = (n, m) => {
+}, wn = (n, f) => {
   if (n == null) return "";
-  if (m === -1) return String(n);
+  if (f === -1) return String(n);
   const t = Number(n);
-  return isNaN(t) ? String(n) : t.toFixed(m ?? 2);
-}, Sn = (n, m, t, r) => {
+  return isNaN(t) ? String(n) : t.toFixed(f ?? 2);
+}, Sn = (n, f, t, r) => {
   switch (n.type) {
     case "IMAGE":
       const d = n;
@@ -1038,13 +1038,13 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
       const l = n, {
         label: a,
         value: o,
-        valueSourceCode: f,
-        unit: g,
+        valueSourceCode: h,
+        unit: p,
         decimals: u,
         labelStyle: b,
         valueStyle: s,
         customStyle: x
-      } = l.content || {}, { value: y, unit: M } = f ? xn(m, f) : { value: void 0, unit: void 0 }, A = wn(y !== void 0 ? y : o, u), O = g || M || "";
+      } = 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",
         {
@@ -1075,7 +1075,7 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
                 },
                 children: [
                   A,
-                  O ? ` ${O}` : ""
+                  Y ? ` ${Y}` : ""
                 ]
               }
             )
@@ -1085,7 +1085,7 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
     case "LINE":
       const D = n, {
         thickness: L = 2,
-        color: Y = "#d9d9d9",
+        color: O = "#d9d9d9",
         dashed: ie = !1,
         lineType: H = ie ? "dashed" : "solid",
         lineWeight: Q = L,
@@ -1095,24 +1095,24 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
         endX: T = 100,
         endY: B = 0
       } = D.config || {}, i = ((w) => {
-        const E = Math.max(Q, 1);
+        const M = Math.max(Q, 1);
         switch (w) {
           case "solid":
             return "";
           case "dashed":
-            return `${E * 8},${E * 4}`;
+            return `${M * 8},${M * 4}`;
           case "center":
-            return `${E * 12},${E * 3},${E * 2},${E * 3}`;
+            return `${M * 12},${M * 3},${M * 2},${M * 3}`;
           case "phantom":
-            return `${E * 12},${E * 3},${E * 2},${E * 3},${E * 2},${E * 3}`;
+            return `${M * 12},${M * 3},${M * 2},${M * 3},${M * 2},${M * 3}`;
           case "dot":
-            return `${E},${E * 3}`;
+            return `${M},${M * 3}`;
           case "dash-dot":
-            return `${E * 8},${E * 3},${E},${E * 3}`;
+            return `${M * 8},${M * 3},${M},${M * 3}`;
           default:
             return "";
         }
-      })(H), k = t ? "#1890ff" : Y;
+      })(H), k = t ? "#1890ff" : O;
       return /* @__PURE__ */ e("div", { className: "w-full h-full relative", style: { overflow: "visible" }, children: /* @__PURE__ */ c(
         "svg",
         {
@@ -1135,8 +1135,8 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
                 style: { pointerEvents: "stroke", cursor: "pointer" },
                 onClick: (w) => {
                   w.stopPropagation();
-                  const E = w.target.closest("[data-node-id]");
-                  E && E.click();
+                  const M = w.target.closest("[data-node-id]");
+                  M && M.click();
                 }
               }
             ),
@@ -1166,43 +1166,43 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
   }
 }, Cn = ({
   node: n,
-  isSelected: m = !1,
+  isSelected: f = !1,
   onClick: t,
   onMouseDown: r,
   data: d,
   onUpdateNode: l,
   scale: a = 1
 }) => {
-  const { normalStyle: o, contentInfo: f, controlInfo: g } = n, { statusList: u } = f, { isClickable: b, isDraggable: s } = g, [x, y] = G(null), [M, h] = G({ x: 0, y: 0 }), A = ue(null), O = xt(() => {
+  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 = bn(u, d);
     return i || u[0];
-  }, [u, d]), D = O?.material, L = D?.type === "LINE", Y = L ? D.config : null, ie = o.scale ?? 1, H = (o.width || 100) * ie, Q = (o.height || 100) * ie, F = q((i, k) => {
-    i.stopPropagation(), i.preventDefault(), y(k), h({ 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 });
   }, []);
   se(() => {
-    if (!x || !L || !Y || !l) return;
+    if (!x || !L || !O || !l) return;
     const i = (S) => {
-      const w = (S.clientX - M.x) / a, E = (S.clientY - M.y) / a, Xe = Y.startX || 0, Ce = Y.startY || 0, ze = Y.endX || 0, Re = Y.endY || 0;
-      let Z = Xe, ee = Ce, te = ze, oe = Re, ke = o.x || 0, Me = o.y || 0;
-      x === "start" ? (Z = Xe + w, ee = Ce + E, Z < 0 && (ke += Z, te -= Z, Z = 0), ee < 0 && (Me += ee, oe -= ee, ee = 0)) : (te = ze + w, oe = Re + E, te < 0 && (ke += te, Z -= te, te = 0), oe < 0 && (Me += oe, ee -= oe, oe = 0));
-      const Ae = Math.max((Y.lineWeight || 2) * 2, 4), qe = Math.max(Z, te), Be = Math.max(ee, oe), Ve = Math.max(qe, Ae), He = Math.max(Be, Ae);
+      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: ke,
-          y: Me,
+          y: Ee,
           width: Ve,
           height: He
         },
         contentInfo: {
-          ...f,
+          ...h,
           statusList: u.map((ve) => ({
             ...ve,
             material: ve.material.type === "LINE" ? {
               ...ve.material,
               config: {
-                ...Y,
+                ...O,
                 startX: Z,
                 startY: ee,
                 endX: te,
@@ -1211,14 +1211,14 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
             } : ve.material
           }))
         }
-      }), h({ x: S.clientX, y: S.clientY });
+      }), m({ x: S.clientX, y: S.clientY });
     }, k = () => {
       y(null);
     };
     return window.addEventListener("mousemove", i), window.addEventListener("mouseup", k), () => {
       window.removeEventListener("mousemove", i), window.removeEventListener("mouseup", k);
     };
-  }, [x, M, L, Y, n.id, o, f, u, l, a]);
+  }, [x, E, L, O, n.id, o, h, u, l, a]);
   const P = n.type === "group", T = {
     position: "absolute",
     left: o.x || 0,
@@ -1235,17 +1235,17 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
     borderRadius: P ? void 0 : o.borderRadius,
     // 线条物料选中时不显示边框，而是通过高亮线条颜色来表示
     // 群组节点选中时显示边框，平时不显示
-    border: m && !L ? "2px solid #1890ff" : L || P ? "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: m ? 1e3 : o.zIndex ?? 1,
+    zIndex: f ? 1e3 : o.zIndex ?? 1,
     cursor: s && !x ? "move" : b ? "pointer" : "default",
     boxSizing: "border-box",
     // 线条和群组节点使用 visible overflow，避免裁剪子节点
     overflow: L || P ? "visible" : "hidden"
-  }, B = Y ? { x: Y.startX || 0, y: Y.startY || 0 } : { x: 0, y: 0 }, R = Y ? { x: Y.endX || 0, y: Y.endY || 0 } : { x: 0, y: 0 };
+  }, 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",
     {
@@ -1259,7 +1259,7 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
         s && r && !x && r(i);
       },
       children: [
-        m && !L && /* @__PURE__ */ c(Se, { 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" }),
@@ -1269,10 +1269,10 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
           /* @__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,
             " ",
-            O ? `(${O.name})` : ""
+            Y ? `(${Y.name})` : ""
           ] })
         ] }),
-        m && L && Y && l && /* @__PURE__ */ c(Se, { children: [
+        f && L && O && l && /* @__PURE__ */ c(Se, { children: [
           /* @__PURE__ */ e(
             "div",
             {
@@ -1301,7 +1301,7 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
           ),
           /* @__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: Sn(D, d, m) }) : P ? 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: "无状态" })
         ) }),
@@ -1318,42 +1318,42 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
       ]
     }
   );
-}, Lt = de.memo(Cn, (n, m) => {
-  const t = n.node, r = m.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 = n.isSelected === m.isSelected && n.scale === m.scale;
-  return d && l;
+}, 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 m = ue(null), t = ue(null), r = ue(null), {
+  const f = ue(null), t = ue(null), r = ue(null), {
     nodes: d,
     selectedNodeId: l,
     mode: a,
     lineDrawing: o,
-    viewport: f,
-    setViewport: g,
+    viewport: h,
+    setViewport: p,
     addNode: u,
     selectNode: b,
     updateNode: s,
     removeNode: x,
     undo: y,
-    redo: M,
-    setMode: h,
+    redo: E,
+    setMode: m,
     startLineDrawing: A,
-    endLineDrawing: O,
+    endLineDrawing: Y,
     cancelLineDrawing: D
-  } = Ie(), [L, Y] = G(!1), [, ie] = G({}), H = ue(!1), Q = ue({ x: 0, y: 0 }), F = ue({ x: 0, y: 0, newX: 0, newY: 0 }), P = ue(null), [T, B] = G({ start: null, end: null, isDrawing: !1 }), [R, i] = G(!1), [k, S] = G({ start: null, end: null }), [w, E] = G([]), [Xe, Ce] = G(!1), [ze, Re] = G(
+  } = 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)
-  ), Z = q((p, I) => {
+  ), Z = G((g, I) => {
     if (!t.current) return { x: 0, y: 0 };
-    const X = t.current.getBoundingClientRect(), C = m.current?.state, N = C?.scale ?? f.scale, _ = C?.positionX ?? f.positionX, U = C?.positionY ?? f.positionY, $ = p - X.left, W = I - X.top, K = ($ - _) / N, re = (W - U) / N;
+    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) };
-  }, [f.scale, f.positionX, f.positionY]), ee = q((p, I) => {
+  }, [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(), _ = m.current?.state?.scale ?? 1, U = p - C.left, $ = I - C.top, W = U / _, K = $ / _;
+    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 = q(
-    (p, I, X = !0) => {
+  }, []), 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(p.x, I.x), $ = Math.min(p.y, I.y), W = Math.round(p.x - U), K = Math.round(p.y - $), re = Math.round(I.x - U), fe = Math.round(I.y - $), be = Math.max(_ * 2, 4), pe = Math.max(Math.abs(p.x - I.x), be), je = Math.max(Math.abs(p.y - I.y), be), _t = {
+      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: {
@@ -1366,7 +1366,7 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
           endX: re,
           endY: fe
         }
-      }, Ot = {
+      }, Yt = {
         id: z(),
         name: `${C.name}_${Date.now()}`,
         type: "normal",
@@ -1388,7 +1388,7 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
           isSelectable: !0
         }
       };
-      if (u(Ot, !1), X) {
+      if (u(Yt, !1), X) {
         const rt = { x: I.x, y: I.y };
         B({
           start: rt,
@@ -1396,74 +1396,74 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
           isDrawing: !0
         });
       } else
-        B({ start: null, end: null, isDrawing: !1 }), O();
+        B({ start: null, end: null, isDrawing: !1 }), Y();
     },
-    [o.material, u, O]
-  ), oe = q(() => {
-    const p = m.current?.state;
-    p && g({
-      scale: p.scale,
-      positionX: p.positionX,
-      positionY: p.positionY
+    [o.material, u, Y]
+  ), oe = G(() => {
+    const g = f.current?.state;
+    g && p({
+      scale: g.scale,
+      positionX: g.positionX,
+      positionY: g.positionY
     });
-  }, [g]), ke = q(
-    (p) => {
-      H.current || R || (p.target === t.current || p.target.dataset?.canvas === "true") && (b(null), E([]));
+  }, [p]), ke = G(
+    (g) => {
+      H.current || R || (g.target === t.current || g.target.dataset?.canvas === "true") && (b(null), M([]));
     },
     [b, R]
-  ), Me = q(
-    (p) => {
-      if (p.button === 0) {
+  ), Ee = G(
+    (g) => {
+      if (g.button === 0) {
         if (a === "line-draw" && o.material) {
-          const I = Z(p.clientX, p.clientY);
+          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(p.clientX, p.clientY);
-          S({ start: I, end: I }), E([]), p.preventDefault(), p.stopPropagation();
+          const I = ee(g.clientX, g.clientY);
+          S({ start: I, end: I }), M([]), g.preventDefault(), g.stopPropagation();
         }
       }
     },
     [a, o.material, T.isDrawing, T.start, R, te, Z, ee]
-  ), Ae = q(
-    (p) => {
+  ), Ae = G(
+    (g) => {
       if (!(a !== "line-draw" || !o.material) && T.isDrawing && T.start) {
-        const I = Z(p.clientX, p.clientY);
+        const I = Z(g.clientX, g.clientY);
         te(T.start, I, !1);
       }
     },
     [a, o.material, T.isDrawing, T.start, te, Z]
-  ), qe = q((p) => {
-    p.preventDefault(), p.dataTransfer.dropEffect = "copy", Y(!0);
-  }, []), Be = q((p) => {
-    p.preventDefault(), Y(!1);
-  }, []), Ve = q(
-    (p) => {
-      if (p.preventDefault(), Y(!1), !(!t.current || a !== "select"))
+  ), 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 I = p.dataTransfer.getData("application/json");
+          const I = g.dataTransfer.getData("application/json");
           if (!I) return;
-          const X = JSON.parse(I), C = t.current.getBoundingClientRect(), N = m.current?.state, _ = N?.scale ?? f.scale, U = N?.positionX ?? f.positionX, $ = N?.positionY ?? f.positionY, W = (p.clientX - C.left - U) / _ - 50, K = (p.clientY - C.top - $) / _ - 50, re = gn(W, K, X);
+          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);
         }
     },
-    [a, f, u]
-  ), He = q(
-    (p, I) => {
-      a !== "select" || !I.controlInfo.isDraggable || (p.stopPropagation(), b(I.id), H.current = !0, Q.current = { x: p.clientX, y: p.clientY }, F.current = {
+    [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, p.preventDefault());
+      }, P.current = I, g.preventDefault());
     },
     [a, b]
   );
   se(() => {
-    const p = (C) => {
+    const g = (C) => {
       if (H.current && l && P.current) {
         if (!t.current) return;
         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(
@@ -1495,13 +1495,13 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
           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);
-        E($), S({ start: null, end: null });
+        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)), E([]))), C.ctrlKey && C.key === "z" && (C.preventDefault(), y()), C.ctrlKey && C.key === "y" && (C.preventDefault(), M());
+      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", p), window.addEventListener("mouseup", I), window.addEventListener("keydown", X), () => {
-      window.removeEventListener("mousemove", p), window.removeEventListener("mouseup", I), 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);
     };
   }, [
     l,
@@ -1513,22 +1513,22 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
     d,
     x,
     y,
-    M,
+    E,
     D,
     Z,
     ee,
-    E
+    M
   ]);
-  const ve = q(() => {
+  const ve = G(() => {
     if (w.length < 2) return;
-    const p = w.map(($) => d.find((W) => W.id === $)).filter(($) => !!$ && $.type !== "group");
-    if (p.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;
-    p.forEach(($) => {
+    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 _ = p.map(($) => ({
+    const _ = g.map(($) => ({
       ...$,
       normalStyle: {
         ...$.normalStyle,
@@ -1558,14 +1558,14 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
       },
       children: _
     };
-    w.forEach(($) => x($)), u(U), E([]), b(U.id);
-  }, [w, d, x, u, b]), Ee = q(
-    (p) => {
+    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 C = 0;
-      switch (p) {
+      switch (g) {
         case "left":
           C = Math.min(...X.map((N) => N.normalStyle.x || 0));
           break;
@@ -1585,7 +1585,7 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
       }
       X.forEach((N) => {
         let _ = N.normalStyle.x || 0, U = N.normalStyle.y || 0;
-        switch (p) {
+        switch (g) {
           case "left":
             _ = C;
             break;
@@ -1611,7 +1611,7 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
       title: "选择模式",
       active: a === "select" && !R,
       onClick: () => {
-        h("select"), i(!1);
+        m("select"), i(!1);
       }
     },
     {
@@ -1619,7 +1619,7 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
       title: "拖拽模式",
       active: a === "drag",
       onClick: () => {
-        h("drag"), i(!1);
+        m("drag"), i(!1);
       }
     },
     {
@@ -1627,7 +1627,7 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
       title: "线条绘制",
       active: a === "line-draw",
       onClick: () => {
-        h("line-draw"), i(!1);
+        m("line-draw"), i(!1);
       }
     },
     {
@@ -1635,20 +1635,20 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
       title: "预览模式",
       active: a === "preview",
       onClick: () => {
-        h("preview"), i(!1);
+        m("preview"), i(!1);
       }
     }
   ], $t = xt(
     () => [
       { icon: /* @__PURE__ */ e(Rt, {}), title: "撤销 (Ctrl+Z)", onClick: y },
-      { icon: /* @__PURE__ */ e(At, {}), title: "重做 (Ctrl+Y)", onClick: M },
+      { icon: /* @__PURE__ */ e(At, {}), title: "重做 (Ctrl+Y)", onClick: E },
       {
         icon: /* @__PURE__ */ e(at, {}),
         title: "框选模式",
         active: R,
         onClick: () => {
-          const p = !R;
-          i(p), h("select"), p && E([]);
+          const g = !R;
+          i(g), m("select"), g && M([]);
         }
       },
       {
@@ -1661,51 +1661,51 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
         icon: /* @__PURE__ */ e(jt, {}),
         title: "左对齐",
         disabled: w.length < 2,
-        onClick: () => Ee("left")
+        onClick: () => Me("left")
       },
       {
         icon: /* @__PURE__ */ e(Ft, {}),
         title: "右对齐",
         disabled: w.length < 2,
-        onClick: () => Ee("right")
+        onClick: () => Me("right")
       },
       {
         icon: /* @__PURE__ */ e(Wt, {}),
         title: "上对齐",
         disabled: w.length < 2,
-        onClick: () => Ee("top")
+        onClick: () => Me("top")
       },
       {
         icon: /* @__PURE__ */ e(Ut, {}),
         title: "下对齐",
         disabled: w.length < 2,
-        onClick: () => Ee("bottom")
+        onClick: () => Me("bottom")
       },
       {
-        icon: /* @__PURE__ */ e(Gt, {}),
+        icon: /* @__PURE__ */ e(qt, {}),
         title: "数据模拟",
         type: "primary",
         onClick: () => Ce(!0)
       },
       {
-        icon: /* @__PURE__ */ e(Ge, {}),
+        icon: /* @__PURE__ */ e(qe, {}),
         title: "删除选中 (Delete)",
         disabled: !l && w.length === 0,
         onClick: () => {
-          l ? x(l) : w.length > 0 && (w.forEach((p) => x(p)), E([]));
+          l ? x(l) : w.length > 0 && (w.forEach((g) => x(g)), M([]));
         }
       }
     ],
     [
       y,
-      M,
+      E,
       R,
       i,
-      h,
-      E,
+      m,
+      M,
       w,
       ve,
-      Ee,
+      Me,
       Ce,
       l,
       x
@@ -1713,28 +1713,28 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
   );
   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((p) => /* @__PURE__ */ e(we, { title: p.title, children: /* @__PURE__ */ e(
+      /* @__PURE__ */ e(ae, { children: Tt.map((g) => /* @__PURE__ */ e(we, { title: g.title, children: /* @__PURE__ */ e(
         j,
         {
-          type: p.active ? "primary" : "default",
-          icon: p.icon,
-          onClick: p.onClick
+          type: g.active ? "primary" : "default",
+          icon: g.icon,
+          onClick: g.onClick
         }
-      ) }, p.title)) }),
-      /* @__PURE__ */ e(ae, { children: $t.map((p) => /* @__PURE__ */ e(we, { title: p.title, children: /* @__PURE__ */ e(
+      ) }, g.title)) }),
+      /* @__PURE__ */ e(ae, { children: $t.map((g) => /* @__PURE__ */ e(we, { title: g.title, children: /* @__PURE__ */ e(
         j,
         {
-          type: p.active ? "primary" : p.type || "default",
-          icon: p.icon,
-          onClick: p.onClick,
-          disabled: p.disabled
+          type: g.active ? "primary" : g.type || "default",
+          icon: g.icon,
+          onClick: g.onClick,
+          disabled: g.disabled
         }
-      ) }, p.title)) })
+      ) }, g.title)) })
     ] }),
     /* @__PURE__ */ e("div", { ref: r, className: "flex-1 relative", children: /* @__PURE__ */ e(
       tn,
       {
-        ref: m,
+        ref: f,
         initialScale: 1,
         initialPositionX: 0,
         initialPositionY: 0,
@@ -1747,13 +1747,13 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
         wheel: { disabled: !1, step: 0.1 },
         pinch: { disabled: !1 },
         doubleClick: { disabled: !0 },
-        children: ({ zoomIn: p, zoomOut: I, resetTransform: X }) => /* @__PURE__ */ c(Se, { children: [
+        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(qt, {}), onClick: () => p() }) }),
+            /* @__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(f.scale * 100),
+              Math.round(h.scale * 100),
               "%"
             ] })
           ] }) }),
@@ -1776,9 +1776,9 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
                   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: ke,
-                  onMouseDown: Me,
+                  onMouseDown: Ee,
                   onDoubleClick: Ae,
-                  onDragOver: qe,
+                  onDragOver: Ge,
                   onDragLeave: Be,
                   onDrop: Ve,
                   children: [
@@ -1843,7 +1843,7 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
           Nn,
           {
             value: ze,
-            onChange: (p) => Re(p.target.value),
+            onChange: (g) => Re(g.target.value),
             rows: 10,
             placeholder: "输入 JSON 格式的测试数据"
           }
@@ -1870,20 +1870,20 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
   "#73d13d"
 ], et = ({
   value: n = "#1890ff",
-  onChange: m,
+  onChange: f,
   onChangeComplete: t
 }) => {
-  const [r, d] = G(!1), [l, a] = G(n), o = ue(null);
+  const [r, d] = q(!1), [l, a] = q(n), o = ue(null);
   se(() => {
     a(n);
   }, [n]), se(() => {
-    const g = (u) => {
+    const p = (u) => {
       o.current && !o.current.contains(u.target) && (d(!1), t?.({ toHexString: () => l }));
     };
-    return r && document.addEventListener("mousedown", g), () => document.removeEventListener("mousedown", g);
+    return r && document.addEventListener("mousedown", p), () => document.removeEventListener("mousedown", p);
   }, [r, t, l]);
-  const f = (g) => {
-    a(g), m?.({ toHexString: () => g });
+  const h = (p) => {
+    a(p), f?.({ toHexString: () => p });
   };
   return /* @__PURE__ */ c("div", { ref: o, style: { position: "relative", display: "inline-block" }, children: [
     /* @__PURE__ */ e(
@@ -1915,29 +1915,29 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
           border: "1px solid #f0f0f0"
         },
         children: [
-          /* @__PURE__ */ e("div", { style: { display: "grid", gridTemplateColumns: "repeat(8, 1fr)", gap: 4 }, children: kn.map((g) => /* @__PURE__ */ e(
+          /* @__PURE__ */ e("div", { style: { display: "grid", gridTemplateColumns: "repeat(8, 1fr)", gap: 4 }, children: kn.map((p) => /* @__PURE__ */ e(
             "div",
             {
               onClick: () => {
-                f(g), d(!1), t?.({ toHexString: () => g });
+                h(p), d(!1), t?.({ toHexString: () => p });
               },
               style: {
                 width: 20,
                 height: 20,
-                backgroundColor: g,
-                border: l === g ? "2px solid #1890ff" : "1px solid #d9d9d9",
+                backgroundColor: p,
+                border: l === p ? "2px solid #1890ff" : "1px solid #d9d9d9",
                 borderRadius: 2,
                 cursor: "pointer"
               }
             },
-            g
+            p
           )) }),
           /* @__PURE__ */ e(
             "input",
             {
               type: "color",
               value: l,
-              onChange: (g) => f(g.target.value),
+              onChange: (p) => h(p.target.value),
               onBlur: () => t?.({ toHexString: () => l }),
               style: {
                 width: "100%",
@@ -1952,13 +1952,13 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
       }
     )
   ] });
-}, { Option: Ue } = me, Mn = ({
+}, { Option: Ue } = me, En = ({
   material: n,
-  onSave: m,
+  onSave: f,
   bindCodes: t = [],
   dataOptions: r = []
 }) => {
-  const l = n.content || {}, [a, o] = G({
+  const l = n.content || {}, [a, o] = q({
     label: l.label || "",
     value: l.value || "",
     valueSourceCode: l.valueSourceCode || "",
@@ -1986,17 +1986,17 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
       valueColor: l.valueStyle?.color || "#1890ff"
     });
   }, [n.id]);
-  const f = (s, x) => {
+  const h = (s, x) => {
     o((y) => ({ ...y, [s]: x }));
-  }, g = (s) => {
-    const x = r.find((M) => M.paramsCode === s), y = x?.unit || "";
-    o((M) => ({
-      ...M,
+  }, p = (s) => {
+    const x = r.find((E) => E.paramsCode === s), y = x?.unit || "";
+    o((E) => ({
+      ...E,
       valueSourceCode: s,
       unit: y,
       value: String(x?.value || "")
     })), setTimeout(() => {
-      m({
+      f({
         content: {
           ...l,
           valueSourceCode: s,
@@ -2006,7 +2006,7 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
       });
     }, 0);
   }, u = () => {
-    m({
+    f({
       content: {
         ...l,
         label: a.label,
@@ -2036,7 +2036,7 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
         J,
         {
           value: a.label,
-          onChange: (s) => f("label", s.target.value),
+          onChange: (s) => h("label", s.target.value),
           onBlur: u,
           placeholder: "输入标签文本"
         }
@@ -2050,7 +2050,7 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
             me,
             {
               value: a.valueSourceCode || void 0,
-              onChange: g,
+              onChange: p,
               placeholder: "选择数据字段（可选）",
               allowClear: !0,
               style: { width: "100%" },
@@ -2072,7 +2072,7 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
             J,
             {
               value: a.value,
-              onChange: (s) => f("value", s.target.value),
+              onChange: (s) => h("value", s.target.value),
               onBlur: u,
               placeholder: a.valueSourceCode ? "数据字段无值时显示此备用值" : "输入值文本",
               disabled: !!a.valueSourceCode,
@@ -2085,7 +2085,7 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
         J,
         {
           value: a.unit,
-          onChange: (s) => f("unit", s.target.value),
+          onChange: (s) => h("unit", s.target.value),
           onBlur: u,
           placeholder: "单位（如°C、%、MPa等）",
           suffix: a.valueSourceCode && b.length > 0 ? /* @__PURE__ */ e(le, { color: "blue", style: { marginRight: -8 }, children: "自动" }) : null
@@ -2100,7 +2100,7 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
             V,
             {
               value: a.decimals,
-              onChange: (s) => f("decimals", s ?? 2),
+              onChange: (s) => h("decimals", s ?? 2),
               onBlur: u,
               min: -1,
               max: 10,
@@ -2117,7 +2117,7 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
           V,
           {
             value: a.labelFontSize,
-            onChange: (s) => f("labelFontSize", s || 14),
+            onChange: (s) => h("labelFontSize", s || 14),
             onBlur: u,
             min: 8,
             max: 72
@@ -2128,7 +2128,7 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
           {
             value: a.labelFontWeight,
             onChange: (s) => {
-              f("labelFontWeight", s), setTimeout(u, 0);
+              h("labelFontWeight", s), setTimeout(u, 0);
             },
             style: { width: 100 },
             children: [
@@ -2144,10 +2144,10 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
           {
             value: a.labelColor || "#262626",
             onChange: (s) => {
-              f("labelColor", s.toHexString());
+              h("labelColor", s.toHexString());
             },
             onChangeComplete: (s) => {
-              m({
+              f({
                 content: {
                   ...l,
                   label: a.label,
@@ -2174,7 +2174,7 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
           J,
           {
             value: a.labelColor,
-            onChange: (s) => f("labelColor", s.target.value),
+            onChange: (s) => h("labelColor", s.target.value),
             onBlur: u,
             placeholder: "#262626",
             style: { width: 100 }
@@ -2189,7 +2189,7 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
           V,
           {
             value: a.valueFontSize,
-            onChange: (s) => f("valueFontSize", s || 14),
+            onChange: (s) => h("valueFontSize", s || 14),
             onBlur: u,
             min: 8,
             max: 72
@@ -2200,7 +2200,7 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
           {
             value: a.valueFontWeight,
             onChange: (s) => {
-              f("valueFontWeight", s), setTimeout(u, 0);
+              h("valueFontWeight", s), setTimeout(u, 0);
             },
             style: { width: 100 },
             children: [
@@ -2216,10 +2216,10 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
           {
             value: a.valueColor || "#1890ff",
             onChange: (s) => {
-              f("valueColor", s.toHexString());
+              h("valueColor", s.toHexString());
             },
             onChangeComplete: (s) => {
-              m({
+              f({
                 content: {
                   ...l,
                   label: a.label,
@@ -2246,7 +2246,7 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
           J,
           {
             value: a.valueColor,
-            onChange: (s) => f("valueColor", s.target.value),
+            onChange: (s) => h("valueColor", s.target.value),
             onBlur: u,
             placeholder: "#1890ff",
             style: { width: 100 }
@@ -2255,11 +2255,11 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
       ] }) })
     ] })
   ] });
-}, En = ({
+}, Mn = ({
   material: n,
-  onSave: m
+  onSave: f
 }) => {
-  const t = n, [r, d] = G({
+  const t = n, [r, d] = q({
     name: n.name,
     src: t.src || ""
   });
@@ -2269,10 +2269,10 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
       src: t.src || ""
     });
   }, [n.id]);
-  const l = (o, f) => {
-    d((g) => ({ ...g, [o]: f }));
+  const l = (o, h) => {
+    d((p) => ({ ...p, [o]: h }));
   }, a = () => {
-    m({
+    f({
       name: r.name,
       src: r.src
     });
@@ -2302,9 +2302,9 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
   ] });
 }, { Option: Dn } = me, Ln = ({
   material: n,
-  onSave: m
+  onSave: f
 }) => {
-  const t = n.config || {}, [r, d] = G({
+  const t = n.config || {}, [r, d] = q({
     lineWeight: t.lineWeight || t.thickness || 2,
     color: t.color || "#262626",
     lineType: t.lineType || "solid",
@@ -2325,18 +2325,18 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
     });
   }, [n.id]);
   const l = (o) => {
-    const f = { ...r, ...o };
-    d(f), m({
+    const h = { ...r, ...o };
+    d(h), f({
       config: {
         ...t,
-        thickness: f.lineWeight,
-        lineWeight: f.lineWeight,
-        color: f.color,
-        lineType: f.lineType,
-        startX: f.startX,
-        startY: f.startY,
-        endX: f.endX,
-        endY: f.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 = [
@@ -2432,7 +2432,8 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
           {
             size: "small",
             onClick: () => {
-              l({ endY: r.startY });
+              const o = t.startY ?? r.startY;
+              l({ endY: o });
             },
             title: "将线条变为水平线",
             children: "水平"
@@ -2443,7 +2444,8 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
           {
             size: "small",
             onClick: () => {
-              l({ endX: r.startX });
+              const o = t.startX ?? r.startX;
+              l({ endX: o });
             },
             title: "将线条变为垂直线",
             children: "垂直"
@@ -2454,11 +2456,12 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
           {
             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: "交换起点和终点",
@@ -2470,31 +2473,31 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
   ] });
 }, Pt = ({
   material: n,
-  onSave: m,
+  onSave: f,
   bindCodes: t,
   dataOptions: r
 }) => {
   switch (n.type) {
     case "TEXT":
       return /* @__PURE__ */ e(
-        Mn,
+        En,
         {
           material: n,
-          onSave: m,
+          onSave: f,
           bindCodes: t,
           dataOptions: r
         }
       );
     case "IMAGE":
-      return /* @__PURE__ */ e(En, { material: n, onSave: m });
+      return /* @__PURE__ */ e(Mn, { material: n, onSave: f });
     case "LINE":
-      return /* @__PURE__ */ e(Ln, { material: n, onSave: m });
+      return /* @__PURE__ */ e(Ln, { material: n, onSave: f });
     default:
       return /* @__PURE__ */ e("div", { className: "text-center text-gray-400 py-8", children: "暂不支持编辑此类型的物料" });
   }
 }, { Panel: yt } = he, { TextArea: Pn } = J, Tn = ({
   node: n,
-  updateNode: m,
+  updateNode: f,
   materials: t
 }) => {
   const r = t.filter((u) => u.type !== "CUSTOM" || !u.config?.nodes), d = (u, b) => {
@@ -2505,7 +2508,7 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
         statusList: b
       }
     } : x);
-    m(n.id, {
+    f(n.id, {
       children: s
     });
   }, l = (u) => {
@@ -2525,18 +2528,18 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
     const x = s.contentInfo.statusList.filter((y) => y.id !== b);
     d(u, x);
   }, o = (u, b, s) => {
-    const x = n.children?.find((M) => M.id === u);
+    const x = n.children?.find((E) => E.id === u);
     if (!x) return;
-    const y = x.contentInfo.statusList.map((M) => M.id === b ? { ...M, ...s } : M);
+    const y = x.contentInfo.statusList.map((E) => E.id === b ? { ...E, ...s } : E);
     d(u, y);
-  }, f = (u, b, s) => {
-    const x = n.children?.find((h) => h.id === u);
+  }, h = (u, b, s) => {
+    const x = n.children?.find((m) => m.id === u);
     if (!x) return;
-    const y = x.contentInfo.statusList.findIndex((h) => h.id === b);
+    const y = x.contentInfo.statusList.findIndex((m) => m.id === b);
     if (y === -1) return;
-    const M = [...x.contentInfo.statusList];
-    s === "up" && y > 0 ? [M[y], M[y - 1]] = [M[y - 1], M[y]] : s === "down" && y < M.length - 1 && ([M[y], M[y + 1]] = [M[y + 1], M[y]]), d(u, M);
-  }, g = (u, b, s) => {
+    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() }
@@ -2591,7 +2594,7 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
                     icon: /* @__PURE__ */ e(It, {}),
                     disabled: x === 0,
                     onClick: (y) => {
-                      y.stopPropagation(), f(u.id, s.id, "up");
+                      y.stopPropagation(), h(u.id, s.id, "up");
                     }
                   }
                 ),
@@ -2603,7 +2606,7 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
                     icon: /* @__PURE__ */ e(kt, {}),
                     disabled: x === u.contentInfo.statusList.length - 1,
                     onClick: (y) => {
-                      y.stopPropagation(), f(u.id, s.id, "down");
+                      y.stopPropagation(), h(u.id, s.id, "down");
                     }
                   }
                 ),
@@ -2613,7 +2616,7 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
                     type: "text",
                     size: "small",
                     danger: !0,
-                    icon: /* @__PURE__ */ e(Ge, {}),
+                    icon: /* @__PURE__ */ e(qe, {}),
                     onClick: (y) => {
                       y.stopPropagation(), a(u.id, s.id);
                     }
@@ -2664,7 +2667,7 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
                       placeholder: "选择新物料",
                       style: { width: 150 },
                       value: void 0,
-                      onChange: (y) => y && g(u.id, s.id, y),
+                      onChange: (y) => y && p(u.id, s.id, y),
                       options: r.map((y) => ({
                         value: y.id,
                         label: `${y.name} (${y.type})`
@@ -2683,8 +2686,8 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
                     {
                       material: s.material,
                       onSave: (y) => {
-                        const M = { ...s.material, ...y };
-                        o(u.id, s.id, { material: M });
+                        const E = { ...s.material, ...y };
+                        o(u.id, s.id, { material: E });
                       }
                     }
                   )
@@ -2702,16 +2705,16 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
   defaultTestData: n
 }) => {
   const {
-    nodes: m,
+    nodes: f,
     selectedNodeId: t,
     updateNode: r,
     updateNodeStyle: d,
     updateNodeControl: l,
     updateNodeContent: a,
     materials: o,
-    selectedStatusId: f,
-    selectStatus: g
-  } = Ie(), [u] = v.useForm(), [b, s] = G("basic"), [x, y] = G(!1), [M, h] = G(null), [A, O] = G({}), D = de.useMemo(() => m.find((i) => i.id === t), [m, t]), L = D?.contentInfo.statusList || [], Y = (i) => {
+    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));
   };
   se(() => {
@@ -2735,10 +2738,10 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
         isSelectable: !0,
         ...D.controlInfo
       }
-    }), g(null));
-  }, [D?.id, u, g]);
+    }), p(null));
+  }, [D?.id, u, p]);
   const ie = () => {
-    !t || !D || (h("new"), y(!0));
+    !t || !D || (m("new"), y(!0));
   }, H = (i) => {
     if (!t || !D) return;
     const k = {
@@ -2748,18 +2751,18 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
       material: { ...i, id: z() },
       bindCodes: []
     };
-    if (M === "new") {
+    if (E === "new") {
       const S = [...L, k];
       a(t, { statusList: S });
-    } else if (M) {
-      const S = L.map((w) => w.id === M ? { ...w, material: { ...i, id: z() } } : w);
+    } else if (E) {
+      const S = L.map((w) => w.id === E ? { ...w, material: { ...i, id: z() } } : w);
       a(t, { statusList: S });
     }
-    y(!1), h(null);
+    y(!1), m(null);
   }, Q = (i) => {
     if (!t || !D) return;
     const k = D.contentInfo.statusList?.filter((S) => S.id !== i) || [];
-    a(t, { statusList: k }), f === i && g(null);
+    a(t, { statusList: k }), h === i && p(null);
   }, F = (i, k) => {
     if (!t || !D) return;
     const S = D.contentInfo.statusList?.map((w) => w.id === i ? { ...w, ...k } : w) || [];
@@ -2775,7 +2778,7 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
     a(t, { statusList: S });
   }, T = (i, k) => {
     if (!t || !D) return;
-    const S = L.findIndex((E) => E.id === i);
+    const S = L.findIndex((M) => M.id === i);
     if (S === -1) return;
     const w = [...L];
     k === "up" && S > 0 ? [w[S], w[S - 1]] = [
@@ -2786,7 +2789,7 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
       w[S]
     ]), a(t, { statusList: w });
   }, B = (i) => {
-    h(i), y(!0);
+    m(i), y(!0);
   }, R = (i, k) => {
     if (!t || !D) return;
     const S = L.map((w) => w.id === i ? {
@@ -2806,7 +2809,7 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
         {
           form: u,
           layout: "vertical",
-          onValuesChange: Y,
+          onValuesChange: O,
           initialValues: { name: D.name },
           children: [
             /* @__PURE__ */ e(v.Item, { label: "节点名称", name: "name", children: /* @__PURE__ */ e(J, { placeholder: "输入节点名称" }) }),
@@ -2918,7 +2921,7 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
                   type: "text",
                   size: "small",
                   danger: !0,
-                  icon: /* @__PURE__ */ e(Ge, {}),
+                  icon: /* @__PURE__ */ e(qe, {}),
                   onClick: (S) => {
                     S.stopPropagation(), Q(i.id);
                   }
@@ -2943,14 +2946,14 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
                     $n,
                     {
                       value: A[i.id] ?? i.expression,
-                      onChange: (S) => O((w) => ({
+                      onChange: (S) => Y((w) => ({
                         ...w,
                         [i.id]: S.target.value
                       })),
                       onBlur: (S) => {
-                        F(i.id, { expression: S.target.value }), O((w) => {
-                          const E = { ...w };
-                          return delete E[i.id], E;
+                        F(i.id, { expression: S.target.value }), Y((w) => {
+                          const M = { ...w };
+                          return delete M[i.id], M;
                         });
                       },
                       rows: 3,
@@ -3009,7 +3012,7 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
         {
           form: u,
           layout: "vertical",
-          onValuesChange: Y,
+          onValuesChange: O,
           children: [
             /* @__PURE__ */ e(
               v.Item,
@@ -3068,7 +3071,7 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
         title: "选择物料",
         open: x,
         onCancel: () => {
-          y(!1), h(null);
+          y(!1), m(null);
         },
         footer: null,
         width: 600,
@@ -3119,34 +3122,34 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
       }
     )
   ] }) : /* @__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: m }) => {
+}, vt = ({ material: n, onClick: f }) => {
   const t = n.type === "IMAGE" ? n.src : void 0;
   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: m,
+      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 })
       ]
     }
   );
-}, On = "ConfigEditor-module__configEditor__dinNG", Yn = {
-  configEditor: On
+}, Yn = "ConfigEditor-module__configEditor__dinNG", On = {
+  configEditor: Yn
 }, { Header: Xn, Sider: bt, Content: zn } = Qe, Bn = ({
   initialScheme: n,
-  onChange: m,
+  onChange: f,
   readonly: t = !1,
   headerExtra: r,
   className: d = "",
   style: l,
   showHeader: a = !0,
   showMaterialPanel: o = !0,
-  showPropertyPanel: f = !0,
-  customMaterials: g
+  showPropertyPanel: h = !0,
+  customMaterials: p
 }) => {
-  const [u, b] = de.useState(!1), [s, x] = de.useState(""), [y, M] = de.useState([
+  const [u, b] = de.useState(!1), [s, x] = de.useState(""), [y, E] = de.useState([
     {
       paramsCode: "001",
       paramsName: "通频速度有效值",
@@ -3159,28 +3162,28 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
       value: 1.5,
       paramsUnit: "m/s²"
     }
-  ]), { exportScheme: h, importScheme: A, nodes: O, materials: D, addMaterial: L } = Ie();
+  ]), { exportScheme: m, importScheme: A, nodes: Y, materials: D, addMaterial: L } = Ie();
   de.useRef(null);
-  const Y = de.useRef(!1);
+  const O = de.useRef(!1);
   se(() => {
-    Y.current || (Y.current = !0, D.length === 0 && pn.forEach((P) => L(P)), g && g.length > 0 && g.forEach((P) => L(P)), n && A(n));
+    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 (m) {
-      const P = h();
-      m(P);
+    if (f) {
+      const P = m();
+      f(P);
     }
-  }, [O, m]);
-  const ie = q(() => {
-    const P = h(), T = JSON.stringify(P, null, 2), B = "data:application/json;charset=utf-8," + encodeURIComponent(T), R = `scheme_${Date.now()}.json`, i = document.createElement("a");
+  }, [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("导出成功！");
-  }, [h]), H = q(() => {
+  }, [m]), H = G(() => {
     try {
       const P = JSON.parse(s);
       A(P), b(!1), x(""), De.success("导入成功！");
     } catch {
       De.error("JSON 格式错误，请检查输入");
     }
-  }, [s, A]), Q = q(
+  }, [s, A]), Q = G(
     (P) => {
       const T = new FileReader();
       return T.onload = (B) => {
@@ -3193,16 +3196,16 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
       }, T.readAsText(P), !1;
     },
     [A]
-  ), F = q(() => h(), [h]);
+  ), F = G(() => m(), [m]);
   return de.useImperativeHandle(
     de.useRef?.(),
     () => ({
       getScheme: F,
-      exportScheme: h,
+      exportScheme: m,
       importScheme: A
     }),
-    [F, h, A]
-  ), /* @__PURE__ */ e(zt, { locale: hn, children: /* @__PURE__ */ e("div", { className: Yn.configEditor, style: l, children: /* @__PURE__ */ c(
+    [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 ${d}`,
@@ -3211,7 +3214,7 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
           /* @__PURE__ */ c("div", { className: "flex items-center gap-4", children: [
             /* @__PURE__ */ e("div", { className: "text-xl font-bold text-blue-600", children: "组态编辑器" }),
             /* @__PURE__ */ c("div", { className: "text-sm text-gray-500", children: [
-              O.length,
+              Y.length,
               " 个节点"
             ] })
           ] }),
@@ -3233,7 +3236,7 @@ const hn = /* @__PURE__ */ ln(un), mn = (n) => (m, t, r) => (r.setState = (d, l,
         /* @__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 }) }),
-          f && !t && /* @__PURE__ */ e(bt, { width: 360, className: "bg-white", theme: "light", children: /* @__PURE__ */ e(_n, { defaultTestData: y }) })
+          h && !t && /* @__PURE__ */ e(bt, { width: 360, className: "bg-white", theme: "light", children: /* @__PURE__ */ e(_n, { defaultTestData: y }) })
         ] }),
         /* @__PURE__ */ e(
           tt,