jch-config-editor 0.1.0

package/dist/config-editor.es.js

@@ -0,0 +1,3421 @@
+import { jsxs as i, jsx as e, Fragment as Me } from "react/jsx-runtime";
+import pe, { useState as W, useRef as he, useMemo as Gt, useCallback as G, useEffect as ae } from "react";
+import { Typography as Nt, Upload as Vt, Button as A, Collapse as ge, List as Ce, Empty as te, Tag as ie, Image as Zt, Space as me, Tooltip as Ie, Modal as it, Form as N, Input as oe, Tabs as Ct, InputNumber as V, Select as be, Divider as xe, Switch as Je, ColorPicker as rt, message as Oe, ConfigProvider as Jt, Layout as at } from "antd";
+import { UploadOutlined as It, EditOutlined as Mt, DeleteOutlined as Ke, UndoOutlined as Ht, RedoOutlined as Kt, GroupOutlined as Qt, AppstoreAddOutlined as en, AlignLeftOutlined as tn, AlignRightOutlined as nn, VerticalAlignTopOutlined as ln, VerticalAlignBottomOutlined as rn, SaveOutlined as an, ExperimentOutlined as on, ZoomInOutlined as sn, ZoomOutOutlined as cn, SelectOutlined as dn, DragOutlined as un, EyeOutlined as hn, PlusOutlined as Dt, ArrowUpOutlined as kt, ArrowDownOutlined as Et, CopyOutlined as mn, DownloadOutlined as fn } from "@ant-design/icons";
+import { create as pn } from "zustand";
+import { produce as gn } from "immer";
+import { nanoid as O } from "nanoid";
+import { TransformWrapper as yn, TransformComponent as vn } from "react-zoom-pan-pinch";
+function bn(n) {
+  return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
+}
+var Ye = {}, tt = { exports: {} }, ut;
+function ot() {
+  return ut || (ut = 1, (function(n) {
+    function f(t) {
+      return t && t.__esModule ? t : {
+        default: t
+      };
+    }
+    n.exports = f, n.exports.__esModule = !0, n.exports.default = n.exports;
+  })(tt)), tt.exports;
+}
+var Xe = {}, ht;
+function xn() {
+  if (ht) return Xe;
+  ht = 1, Object.defineProperty(Xe, "__esModule", {
+    value: !0
+  }), Xe.default = void 0;
+  const n = {
+    // Options
+    items_per_page: "条/页",
+    jump_to: "跳至",
+    jump_to_confirm: "确定",
+    page: "页",
+    // Pagination
+    prev_page: "上一页",
+    next_page: "下一页",
+    prev_5: "向前 5 页",
+    next_5: "向后 5 页",
+    prev_3: "向前 3 页",
+    next_3: "向后 3 页",
+    page_size: "页码"
+  };
+  return Xe.default = n, Xe;
+}
+var Re = {}, Ae = {}, ze = {}, je = {}, mt;
+function wn() {
+  return mt || (mt = 1, Object.defineProperty(je, "__esModule", {
+    value: !0
+  }), je.commonLocale = void 0, je.commonLocale = {
+    yearFormat: "YYYY",
+    dayFormat: "D",
+    cellMeridiemFormat: "A",
+    monthBeforeYear: !0
+  }), je;
+}
+var ft;
+function Sn() {
+  if (ft) return ze;
+  ft = 1, Object.defineProperty(ze, "__esModule", {
+    value: !0
+  }), ze.default = void 0;
+  var n = wn();
+  function f(p) {
+    "@babel/helpers - typeof";
+    return f = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(b) {
+      return typeof b;
+    } : function(b) {
+      return b && typeof Symbol == "function" && b.constructor === Symbol && b !== Symbol.prototype ? "symbol" : typeof b;
+    }, f(p);
+  }
+  function t(p, b) {
+    var h = Object.keys(p);
+    if (Object.getOwnPropertySymbols) {
+      var w = Object.getOwnPropertySymbols(p);
+      b && (w = w.filter(function(c) {
+        return Object.getOwnPropertyDescriptor(p, c).enumerable;
+      })), h.push.apply(h, w);
+    }
+    return h;
+  }
+  function r(p) {
+    for (var b = 1; b < arguments.length; b++) {
+      var h = arguments[b] != null ? arguments[b] : {};
+      b % 2 ? t(Object(h), !0).forEach(function(w) {
+        o(p, w, h[w]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(p, Object.getOwnPropertyDescriptors(h)) : t(Object(h)).forEach(function(w) {
+        Object.defineProperty(p, w, Object.getOwnPropertyDescriptor(h, w));
+      });
+    }
+    return p;
+  }
+  function o(p, b, h) {
+    return b = l(b), b in p ? Object.defineProperty(p, b, { value: h, enumerable: !0, configurable: !0, writable: !0 }) : p[b] = h, p;
+  }
+  function l(p) {
+    var b = s(p, "string");
+    return f(b) == "symbol" ? b : String(b);
+  }
+  function s(p, b) {
+    if (f(p) != "object" || !p) return p;
+    var h = p[Symbol.toPrimitive];
+    if (h !== void 0) {
+      var w = h.call(p, b);
+      if (f(w) != "object") return w;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (b === "string" ? String : Number)(p);
+  }
+  var a = r(r({}, n.commonLocale), {}, {
+    locale: "zh_CN",
+    today: "今天",
+    now: "此刻",
+    backToToday: "返回今天",
+    ok: "确定",
+    timeSelect: "选择时间",
+    dateSelect: "选择日期",
+    weekSelect: "选择周",
+    clear: "清除",
+    week: "周",
+    month: "月",
+    year: "年",
+    previousMonth: "上个月 (翻页上键)",
+    nextMonth: "下个月 (翻页下键)",
+    monthSelect: "选择月份",
+    yearSelect: "选择年份",
+    decadeSelect: "选择年代",
+    previousYear: "上一年 (Control键加左方向键)",
+    nextYear: "下一年 (Control键加右方向键)",
+    previousDecade: "上一年代",
+    nextDecade: "下一年代",
+    previousCentury: "上一世纪",
+    nextCentury: "下一世纪",
+    yearFormat: "YYYY年",
+    cellDateFormat: "D",
+    monthBeforeYear: !1
+  });
+  return ze.default = a, ze;
+}
+var Fe = {}, pt;
+function Pt() {
+  if (pt) return Fe;
+  pt = 1, Object.defineProperty(Fe, "__esModule", {
+    value: !0
+  }), Fe.default = void 0;
+  const n = {
+    placeholder: "请选择时间",
+    rangePlaceholder: ["开始时间", "结束时间"]
+  };
+  return Fe.default = n, Fe;
+}
+var gt;
+function Lt() {
+  if (gt) return Ae;
+  gt = 1;
+  var n = ot().default;
+  Object.defineProperty(Ae, "__esModule", {
+    value: !0
+  }), Ae.default = void 0;
+  var f = n(Sn()), t = n(/* @__PURE__ */ Pt());
+  const r = {
+    lang: {
+      placeholder: "请选择日期",
+      yearPlaceholder: "请选择年份",
+      quarterPlaceholder: "请选择季度",
+      monthPlaceholder: "请选择月份",
+      weekPlaceholder: "请选择周",
+      rangePlaceholder: ["开始日期", "结束日期"],
+      rangeYearPlaceholder: ["开始年份", "结束年份"],
+      rangeMonthPlaceholder: ["开始月份", "结束月份"],
+      rangeQuarterPlaceholder: ["开始季度", "结束季度"],
+      rangeWeekPlaceholder: ["开始周", "结束周"],
+      ...f.default
+    },
+    timePickerLocale: {
+      ...t.default
+    }
+  };
+  return r.lang.ok = "确定", Ae.default = r, Ae;
+}
+var yt;
+function Nn() {
+  if (yt) return Re;
+  yt = 1;
+  var n = ot().default;
+  Object.defineProperty(Re, "__esModule", {
+    value: !0
+  }), Re.default = void 0;
+  var f = n(/* @__PURE__ */ Lt());
+  return Re.default = f.default, Re;
+}
+var vt;
+function Cn() {
+  if (vt) return Ye;
+  vt = 1;
+  var n = ot().default;
+  Object.defineProperty(Ye, "__esModule", {
+    value: !0
+  }), Ye.default = void 0;
+  var f = n(xn()), t = n(/* @__PURE__ */ Nn()), r = n(/* @__PURE__ */ Lt()), o = n(/* @__PURE__ */ Pt());
+  const l = "${label}不是一个有效的${type}", s = {
+    locale: "zh-cn",
+    Pagination: f.default,
+    DatePicker: r.default,
+    TimePicker: o.default,
+    Calendar: t.default,
+    // locales for all components
+    global: {
+      placeholder: "请选择",
+      close: "关闭",
+      sortable: "可排序"
+    },
+    Table: {
+      filterTitle: "筛选",
+      filterConfirm: "确定",
+      filterReset: "重置",
+      filterEmptyText: "无筛选项",
+      filterCheckAll: "全选",
+      filterSearchPlaceholder: "在筛选项中搜索",
+      emptyText: "暂无数据",
+      selectAll: "全选当页",
+      selectInvert: "反选当页",
+      selectNone: "清空所有",
+      selectionAll: "全选所有",
+      sortTitle: "排序",
+      expand: "展开行",
+      collapse: "关闭行",
+      triggerDesc: "点击降序",
+      triggerAsc: "点击升序",
+      cancelSort: "取消排序"
+    },
+    Modal: {
+      okText: "确定",
+      cancelText: "取消",
+      justOkText: "知道了"
+    },
+    Tour: {
+      Next: "下一步",
+      Previous: "上一步",
+      Finish: "结束导览"
+    },
+    Popconfirm: {
+      cancelText: "取消",
+      okText: "确定"
+    },
+    Transfer: {
+      titles: ["", ""],
+      searchPlaceholder: "请输入搜索内容",
+      itemUnit: "项",
+      itemsUnit: "项",
+      remove: "删除",
+      selectCurrent: "全选当页",
+      removeCurrent: "删除当页",
+      selectAll: "全选所有",
+      deselectAll: "取消全选",
+      removeAll: "删除全部",
+      selectInvert: "反选当页"
+    },
+    Upload: {
+      uploading: "文件上传中",
+      removeFile: "删除文件",
+      uploadError: "上传错误",
+      previewFile: "预览文件",
+      downloadFile: "下载文件"
+    },
+    Empty: {
+      description: "暂无数据"
+    },
+    Icon: {
+      icon: "图标"
+    },
+    Text: {
+      edit: "编辑",
+      copy: "复制",
+      copied: "复制成功",
+      expand: "展开",
+      collapse: "收起"
+    },
+    Form: {
+      optional: "（可选）",
+      defaultValidateMessages: {
+        default: "字段验证错误${label}",
+        required: "请输入${label}",
+        enum: "${label}必须是其中一个[${enum}]",
+        whitespace: "${label}不能为空字符",
+        date: {
+          format: "${label}日期格式无效",
+          parse: "${label}不能转换为日期",
+          invalid: "${label}是一个无效日期"
+        },
+        types: {
+          string: l,
+          method: l,
+          array: l,
+          object: l,
+          number: l,
+          date: l,
+          boolean: l,
+          integer: l,
+          float: l,
+          regexp: l,
+          email: l,
+          url: l,
+          hex: l
+        },
+        string: {
+          len: "${label}须为${len}个字符",
+          min: "${label}最少${min}个字符",
+          max: "${label}最多${max}个字符",
+          range: "${label}须在${min}-${max}字符之间"
+        },
+        number: {
+          len: "${label}必须等于${len}",
+          min: "${label}最小值为${min}",
+          max: "${label}最大值为${max}",
+          range: "${label}须在${min}-${max}之间"
+        },
+        array: {
+          len: "须为${len}个${label}",
+          min: "最少${min}个${label}",
+          max: "最多${max}个${label}",
+          range: "${label}数量须在${min}-${max}之间"
+        },
+        pattern: {
+          mismatch: "${label}与模式不匹配${pattern}"
+        }
+      }
+    },
+    QRCode: {
+      expired: "二维码过期",
+      refresh: "点击刷新",
+      scanned: "已扫描"
+    },
+    ColorPicker: {
+      presetEmpty: "暂无",
+      transparent: "无色",
+      singleColor: "单色",
+      gradientColor: "渐变色"
+    }
+  };
+  return Ye.default = s, Ye;
+}
+var nt, bt;
+function In() {
+  return bt || (bt = 1, nt = /* @__PURE__ */ Cn()), nt;
+}
+var Mn = /* @__PURE__ */ In();
+const Dn = /* @__PURE__ */ bn(Mn), kn = (n) => (f, t, r) => (r.setState = (o, l, ...s) => {
+  const a = typeof o == "function" ? gn(o) : o;
+  return f(a, l, ...s);
+}, n(r.setState, t, r)), En = kn, xt = {
+  nodes: [],
+  materials: [],
+  selectedNodeId: null,
+  selectedStatusId: null,
+  viewport: {
+    scale: 1,
+    positionX: 0,
+    positionY: 0
+  },
+  history: {
+    past: [],
+    future: []
+  },
+  mode: "select",
+  lineDrawing: {
+    isDrawing: !1,
+    material: null,
+    startPoint: null,
+    endPoint: null
+  }
+}, ye = (n, f, t) => ({
+  id: O(),
+  type: n,
+  targetId: f,
+  payload: t,
+  timestamp: Date.now()
+}), Qe = pn()(
+  En((n, f) => ({
+    ...xt,
+    // ========== 节点操作 ==========
+    addNode: (t, r = !0) => {
+      n((o) => {
+        const l = {
+          ...t,
+          id: O()
+        };
+        o.nodes.push(l), r && (o.selectedNodeId = l.id, o.history.past.push(ye("NODE_SELECT", l.id)));
+      });
+    },
+    updateNode: (t, r) => {
+      n((o) => {
+        const l = o.nodes.find((s) => s.id === t);
+        l && (Object.assign(l, r), o.history.past.push(ye("PROPERTY_CHANGE", t, r)));
+      });
+    },
+    updateNodeStyle: (t, r) => {
+      n((o) => {
+        const l = o.nodes.find((s) => s.id === t);
+        l && (Object.assign(l.normalStyle, r), o.history.past.push(ye("PROPERTY_CHANGE", t, { normalStyle: r })));
+      });
+    },
+    updateNodeContent: (t, r) => {
+      n((o) => {
+        const l = o.nodes.find((s) => s.id === t);
+        l && (Object.assign(l.contentInfo, r), o.history.past.push(ye("PROPERTY_CHANGE", t, { contentInfo: r })));
+      });
+    },
+    updateNodeControl: (t, r) => {
+      n((o) => {
+        const l = o.nodes.find((s) => s.id === t);
+        l && (Object.assign(l.controlInfo, r), o.history.past.push(ye("PROPERTY_CHANGE", t, { controlInfo: r })));
+      });
+    },
+    removeNode: (t) => {
+      n((r) => {
+        const o = r.nodes.findIndex((l) => l.id === t);
+        o !== -1 && (r.nodes.splice(o, 1), r.selectedNodeId === t && (r.selectedNodeId = null, r.selectedStatusId = null), r.history.past.push(ye("NODE_DELETE", t)));
+      });
+    },
+    selectNode: (t) => {
+      n((r) => {
+        r.selectedNodeId = t, r.selectedStatusId = null, t && r.history.past.push(ye("NODE_SELECT", t));
+      });
+    },
+    // ========== 状态操作 ==========
+    addStatus: (t, r) => {
+      n((o) => {
+        const l = o.nodes.find((a) => a.id === t);
+        if (!l) return;
+        const s = {
+          ...r,
+          id: O()
+        };
+        l.contentInfo.statusList.push(s), o.history.past.push(ye("MATERIAL_STATUS_CHANGE", t, { statusId: s.id }));
+      });
+    },
+    removeStatus: (t, r) => {
+      n((o) => {
+        const l = o.nodes.find((a) => a.id === t);
+        if (!l) return;
+        const s = l.contentInfo.statusList.findIndex((a) => a.id === r);
+        s !== -1 && (l.contentInfo.statusList.splice(s, 1), l.contentInfo.currentStatusId === r && (l.contentInfo.currentStatusId = void 0), o.selectedStatusId === r && (o.selectedStatusId = null));
+      });
+    },
+    updateStatus: (t, r, o) => {
+      n((l) => {
+        const s = l.nodes.find((p) => p.id === t);
+        if (!s) return;
+        const a = s.contentInfo.statusList.find((p) => p.id === r);
+        a && Object.assign(a, o);
+      });
+    },
+    selectStatus: (t) => {
+      n((r) => {
+        r.selectedStatusId = t;
+      });
+    },
+    evaluateCurrentStatus: (t, r) => {
+      const l = f().nodes.find((s) => s.id === t);
+      if (l)
+        for (const s of l.contentInfo.statusList)
+          try {
+            if (new Function("data", "bindCodes", "status", s.expression)(r, s.bindCodes, s) === !0)
+              return s.id;
+          } catch (a) {
+            console.warn("状态表达式执行失败:", s.name, a);
+          }
+    },
+    // ========== 物料库操作 ==========
+    addMaterial: (t) => {
+      n((r) => {
+        const o = {
+          ...t,
+          id: O()
+        };
+        r.materials.push(o), r.history.past.push(ye("MATERIAL_ADD", o.id));
+      });
+    },
+    updateMaterial: (t, r) => {
+      n((o) => {
+        const l = o.materials.find((s) => s.id === t);
+        l && Object.assign(l, r);
+      });
+    },
+    removeMaterial: (t) => {
+      n((r) => {
+        const o = r.materials.findIndex((l) => l.id === t);
+        o !== -1 && r.materials.splice(o, 1);
+      });
+    },
+    // ========== 视口操作 ==========
+    setViewport: (t) => {
+      n((r) => {
+        Object.assign(r.viewport, t);
+      });
+    },
+    // ========== 模式切换 ==========
+    setMode: (t) => {
+      n((r) => {
+        r.mode = t;
+      });
+    },
+    // ========== 线条绘制操作 ==========
+    startLineDrawing: (t) => {
+      n((r) => {
+        r.mode = "line-draw", r.lineDrawing = {
+          isDrawing: !0,
+          material: t,
+          startPoint: null,
+          endPoint: null
+        };
+      });
+    },
+    updateLineDrawing: (t) => {
+      n((r) => {
+        r.lineDrawing.isDrawing && (r.lineDrawing.endPoint = t);
+      });
+    },
+    endLineDrawing: () => {
+      n((t) => {
+        t.mode = "select", t.lineDrawing = {
+          isDrawing: !1,
+          material: null,
+          startPoint: null,
+          endPoint: null
+        };
+      });
+    },
+    cancelLineDrawing: () => {
+      n((t) => {
+        t.mode = "select", t.lineDrawing = {
+          isDrawing: !1,
+          material: null,
+          startPoint: null,
+          endPoint: null
+        };
+      });
+    },
+    // ========== 历史操作 ==========
+    undo: () => {
+      n((t) => {
+        const r = t.history.past.pop();
+        r && t.history.future.push(r);
+      });
+    },
+    redo: () => {
+      n((t) => {
+        const r = t.history.future.pop();
+        r && t.history.past.push(r);
+      });
+    },
+    recordEvent: (t) => {
+      n((r) => {
+        r.history.past.push(t), r.history.future = [];
+      });
+    },
+    // ========== 导入导出 ==========
+    exportScheme: () => {
+      const t = f();
+      return {
+        version: "1.1.0",
+        nodes: t.nodes,
+        materials: t.materials,
+        viewport: t.viewport,
+        metadata: {
+          name: "未命名组态",
+          description: "",
+          createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+          updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+        }
+      };
+    },
+    importScheme: (t) => {
+      n((r) => {
+        r.nodes = t.nodes || [], r.materials = t.materials || [], r.viewport = t.viewport || xt.viewport, r.selectedNodeId = null, r.selectedStatusId = null, r.history = { past: [], future: [] };
+      });
+    }
+  }))
+), Pn = [
+  // 基础形状
+  {
+    id: O(),
+    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: O(),
+    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: O(),
+    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: O(),
+    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: O(),
+    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: O(),
+    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: O(),
+    name: "文本标签",
+    type: "TEXT",
+    content: {
+      label: "标签",
+      value: "值",
+      labelStyle: {
+        fontSize: 14,
+        fontWeight: "bold",
+        color: "#262626",
+        textAlign: "left"
+      },
+      valueStyle: {
+        fontSize: 14,
+        fontWeight: "normal",
+        color: "#1890ff",
+        textAlign: "left"
+      }
+    }
+  },
+  // 线条 - 通用线条物料，通过属性配置实现不同线型
+  {
+    id: O(),
+    name: "线条",
+    type: "LINE",
+    config: {
+      thickness: 2,
+      lineWeight: 2,
+      color: "#262626",
+      lineType: "solid"
+    }
+  }
+], $t = (n) => ({
+  id: O(),
+  name: "默认状态",
+  expression: "return true;",
+  material: { ...n, id: O() },
+  bindCodes: []
+}), Ln = (n, f, t) => {
+  if (t?.type === "CUSTOM" && t.config?.nodes) {
+    const r = t.config.nodes.map((b) => ({
+      ...b,
+      id: O()
+      // 重新生成子节点ID
+    }));
+    let o = 1 / 0, l = 1 / 0, s = -1 / 0, a = -1 / 0;
+    r.forEach((b) => {
+      const h = b.normalStyle.x || 0, w = b.normalStyle.y || 0, c = b.normalStyle.width || 0, C = b.normalStyle.height || 0;
+      o = Math.min(o, h), l = Math.min(l, w), s = Math.max(s, h + c), a = Math.max(a, w + C);
+    });
+    const p = r.map((b) => ({
+      ...b,
+      normalStyle: {
+        ...b.normalStyle,
+        x: (b.normalStyle.x || 0) - o,
+        y: (b.normalStyle.y || 0) - l,
+        scale: void 0
+        // 移除 scale，由父级容器统一控制
+      }
+    }));
+    return {
+      id: O(),
+      name: t.name || "群组节点",
+      type: "group",
+      normalStyle: {
+        width: s - o,
+        height: a - l,
+        x: n,
+        y: f
+        // 不设置背景和边框，由 NodeRenderer 控制
+      },
+      contentInfo: {
+        statusList: [],
+        currentStatusId: void 0
+      },
+      controlInfo: {
+        isDraggable: !0,
+        isClickable: !0,
+        isResizable: !0,
+        isSelectable: !0
+      },
+      children: p
+    };
+  }
+  return {
+    id: O(),
+    name: "新节点",
+    type: "normal",
+    normalStyle: {
+      width: 120,
+      height: 100,
+      x: n,
+      y: f,
+      background: "transparent",
+      padding: 8
+    },
+    contentInfo: {
+      statusList: t ? [$t(t)] : [],
+      currentStatusId: void 0
+    },
+    controlInfo: {
+      isDraggable: !0,
+      isClickable: !0,
+      isResizable: !0,
+      isSelectable: !0
+    }
+  };
+}, { Panel: Pe } = ge, { Text: He } = Nt, $n = () => {
+  const {
+    materials: n,
+    addMaterial: f,
+    removeMaterial: t,
+    selectedStatusId: r,
+    selectStatus: o,
+    mode: l,
+    lineDrawing: s,
+    startLineDrawing: a,
+    cancelLineDrawing: p
+  } = Qe(), [b, h] = W([
+    "basic",
+    "device",
+    "text",
+    "line"
+  ]), w = (m) => {
+    const T = new FileReader();
+    return T.onload = (Y) => {
+      const U = Y.target?.result;
+      f({
+        name: m.name.replace(".svg", ""),
+        type: "IMAGE",
+        src: U
+      });
+    }, T.readAsDataURL(m), !1;
+  }, c = {
+    basic: n.filter(
+      (m) => ["矩形", "圆形", "圆角矩形"].includes(m.name)
+    ),
+    device: n.filter(
+      (m) => ["阀门", "泵", "罐体"].includes(m.name) || m.type === "IMAGE" && !["矩形", "圆形", "圆角矩形"].includes(m.name) && m.name !== "自定义"
+    ),
+    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(
+      (m) => m.type === "CUSTOM" && !m.config?.nodes || m.type === "IMAGE" && !["矩形", "圆形", "圆角矩形", "阀门", "泵", "罐体"].includes(m.name)
+    )
+  }, C = (m, T) => {
+    m.dataTransfer.effectAllowed = "copy", m.dataTransfer.setData("application/json", JSON.stringify(T));
+    const Y = m.currentTarget.querySelector(
+      ".material-preview"
+    );
+    Y && m.dataTransfer.setDragImage(Y, 20, 20);
+  }, g = (m) => {
+    m.type === "LINE" && a(m);
+  }, D = (m, T = !1) => {
+    const Y = T === !0, U = l === "line-draw" && Y && s.material?.id === m.id;
+    return /* @__PURE__ */ e(
+      Ce.Item,
+      {
+        draggable: !Y,
+        onDragStart: (R) => C(R, m),
+        onClick: () => Y && g(m),
+        className: `
+          rounded-lg transition-all duration-200 select-none
+          ${Y ? "cursor-pointer" : "cursor-move"}
+          hover:bg-gray-100
+          ${U ? "bg-blue-50 ring-2 ring-blue-400" : ""}
+        `,
+        actions: [
+          Y ? /* @__PURE__ */ e(
+            A,
+            {
+              type: "text",
+              size: "small",
+              icon: /* @__PURE__ */ e(Mt, {}),
+              onClick: (R) => {
+                R.stopPropagation(), g(m);
+              },
+              children: "绘制"
+            },
+            "draw"
+          ) : null,
+          /* @__PURE__ */ e(
+            A,
+            {
+              type: "text",
+              size: "small",
+              danger: !0,
+              icon: /* @__PURE__ */ e(Ke, {}),
+              onClick: (R) => {
+                R.stopPropagation(), t(m.id);
+              }
+            },
+            "delete"
+          )
+        ].filter(Boolean),
+        children: /* @__PURE__ */ i("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(
+            Zt,
+            {
+              src: m.src,
+              alt: m.name,
+              width: 40,
+              height: 40,
+              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__ */ i("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ e(He, { strong: !0, className: "block truncate", children: m.name }),
+            /* @__PURE__ */ i("div", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ e(He, { type: "secondary", className: "text-xs", children: m.type }),
+              U && /* @__PURE__ */ e(ie, { color: "blue", className: "text-xs", children: "绘制中" })
+            ] })
+          ] })
+        ] })
+      },
+      m.id
+    );
+  };
+  return /* @__PURE__ */ i("div", { className: "h-full flex flex-col bg-white border-r border-gray-200", children: [
+    /* @__PURE__ */ i("div", { className: "p-4 border-b border-gray-200", children: [
+      /* @__PURE__ */ e("h3", { className: "text-lg font-semibold text-gray-800", children: "物料库" }),
+      /* @__PURE__ */ e(He, { type: "secondary", className: "text-sm", children: "拖拽物料到画布创建节点" })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "p-3 border-b border-gray-200", children: /* @__PURE__ */ e(
+      Vt,
+      {
+        accept: ".svg",
+        beforeUpload: w,
+        showUploadList: !1,
+        children: /* @__PURE__ */ e(A, { icon: /* @__PURE__ */ e(It, {}), block: !0, type: "dashed", children: "上传 SVG" })
+      }
+    ) }),
+    /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto p-2", children: /* @__PURE__ */ i(
+      ge,
+      {
+        activeKey: b,
+        onChange: (m) => h(m),
+        ghost: !0,
+        expandIconPosition: "end",
+        children: [
+          /* @__PURE__ */ e(Pe, { header: "基础形状", children: /* @__PURE__ */ e(
+            Ce,
+            {
+              dataSource: c.basic,
+              renderItem: (m) => D(m, !1),
+              locale: {
+                emptyText: /* @__PURE__ */ e(
+                  te,
+                  {
+                    description: "暂无物料",
+                    image: te.PRESENTED_IMAGE_SIMPLE
+                  }
+                )
+              }
+            }
+          ) }, "basic"),
+          /* @__PURE__ */ e(Pe, { header: "设备图标", children: /* @__PURE__ */ e(
+            Ce,
+            {
+              dataSource: c.device,
+              renderItem: (m) => D(m, !1),
+              locale: {
+                emptyText: /* @__PURE__ */ e(
+                  te,
+                  {
+                    description: "暂无物料",
+                    image: te.PRESENTED_IMAGE_SIMPLE
+                  }
+                )
+              }
+            }
+          ) }, "device"),
+          /* @__PURE__ */ e(Pe, { header: "文本", children: /* @__PURE__ */ e(
+            Ce,
+            {
+              dataSource: c.text,
+              renderItem: (m) => D(m, !1),
+              locale: {
+                emptyText: /* @__PURE__ */ e(
+                  te,
+                  {
+                    description: "暂无物料",
+                    image: te.PRESENTED_IMAGE_SIMPLE
+                  }
+                )
+              }
+            }
+          ) }, "text"),
+          /* @__PURE__ */ i(
+            Pe,
+            {
+              header: /* @__PURE__ */ i("div", { className: "flex items-center justify-between", children: [
+                /* @__PURE__ */ e("span", { children: "线条" }),
+                l === "line-draw" && /* @__PURE__ */ e(ie, { color: "blue", className: "text-xs", children: "绘制模式" })
+              ] }),
+              children: [
+                /* @__PURE__ */ e(
+                  Ce,
+                  {
+                    dataSource: c.line,
+                    renderItem: (m) => D(m, !0),
+                    locale: {
+                      emptyText: /* @__PURE__ */ e(
+                        te,
+                        {
+                          description: "暂无物料",
+                          image: te.PRESENTED_IMAGE_SIMPLE
+                        }
+                      )
+                    }
+                  }
+                ),
+                l === "line-draw" && /* @__PURE__ */ i("div", { className: "mt-2 p-2 bg-blue-50 rounded text-xs text-blue-600", children: [
+                  /* @__PURE__ */ e("div", { children: "点击线条物料开始绘制" }),
+                  /* @__PURE__ */ e("div", { children: "点击画布确定起点和终点" })
+                ] })
+              ]
+            },
+            "line"
+          ),
+          c.group.length > 0 && /* @__PURE__ */ e(Pe, { header: "群组", children: /* @__PURE__ */ e(
+            Ce,
+            {
+              dataSource: c.group,
+              renderItem: (m) => D(m, !1),
+              locale: {
+                emptyText: /* @__PURE__ */ e(
+                  te,
+                  {
+                    description: "暂无物料",
+                    image: te.PRESENTED_IMAGE_SIMPLE
+                  }
+                )
+              }
+            }
+          ) }, "group"),
+          c.custom.length > 0 && /* @__PURE__ */ e(Pe, { header: "自定义", children: /* @__PURE__ */ e(
+            Ce,
+            {
+              dataSource: c.custom,
+              renderItem: (m) => D(m, !1),
+              locale: {
+                emptyText: /* @__PURE__ */ e(
+                  te,
+                  {
+                    description: "暂无物料",
+                    image: te.PRESENTED_IMAGE_SIMPLE
+                  }
+                )
+              }
+            }
+          ) }, "custom")
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ e("div", { className: "p-3 border-t border-gray-200 bg-gray-50", children: /* @__PURE__ */ e(He, { type: "secondary", className: "text-xs", children: l === "line-draw" ? /* @__PURE__ */ e(Me, { children: "💡 提示：点击绘制线段，可连续绘制多段线，双击结束绘制，ESC 取消" }) : /* @__PURE__ */ e(Me, { children: "💡 提示：拖拽物料到画布创建节点，点击线条物料进入绘制模式" }) }) })
+  ] });
+}, { Text: wt } = Nt, Tn = (n, f) => {
+  try {
+    const t = f && Array.isArray(f) ? f.map((l, s) => l.paramsName) : ["A"], o = new Function(...t, n.expression)(...f.map((l) => l.value));
+    return console.log(
+      `Evaluating status [${n.name}] with data:`,
+      f,
+      "Result:",
+      o
+    ), o === !0;
+  } catch (t) {
+    return console.warn(`状态表达式执行失败 [${n.name}]:`, t), !1;
+  }
+}, _n = (n, f) => {
+  for (const t of n) {
+    console.log(t, "status");
+    let r = [];
+    if (Array.isArray(f) ? (console.log(t.bindCodes, "bindCodes"), r = f.filter(
+      (o) => t.bindCodes?.includes(o.paramsCode)
+    )) : r = f, Tn(t, r))
+      return t;
+  }
+}, On = (n, f) => {
+  if (!f || !n)
+    return { value: void 0 };
+  if (Array.isArray(n)) {
+    const t = n.find((r) => r.paramsCode === f);
+    if (t)
+      return {
+        value: t.value,
+        unit: t.unit
+      };
+  } else if (typeof n == "object" && f in n)
+    return {
+      value: n[f],
+      unit: n.unit
+    };
+  return { value: void 0 };
+}, Yn = (n, f) => {
+  if (n == null) return "";
+  if (f === -1) return String(n);
+  const t = Number(n);
+  return isNaN(t) ? String(n) : t.toFixed(f ?? 2);
+}, Xn = (n, f, t, r) => {
+  switch (n.type) {
+    case "IMAGE":
+      const o = n;
+      return /* @__PURE__ */ e("div", { className: "w-full h-full flex items-center justify-center overflow-hidden", children: o.src ? /* @__PURE__ */ e(
+        "img",
+        {
+          src: o.src,
+          alt: n.name,
+          style: {
+            width: "100%",
+            height: "100%",
+            objectFit: "contain"
+          }
+        }
+      ) : /* @__PURE__ */ e("div", { className: "w-full h-full bg-gray-200 flex items-center justify-center", children: /* @__PURE__ */ e("span", { className: "text-gray-400 text-xs", children: "无图片" }) }) });
+    case "TEXT":
+      const l = n, {
+        label: s,
+        value: a,
+        valueSourceCode: p,
+        unit: b,
+        decimals: h,
+        labelStyle: w,
+        valueStyle: c,
+        customStyle: C
+      } = l.content || {}, { value: g, unit: D } = p ? On(f, p) : { value: void 0, unit: void 0 }, T = Yn(g !== void 0 ? g : a, h), Y = b || D || "";
+      return /* @__PURE__ */ i(
+        "div",
+        {
+          className: "w-full h-full flex flex-col justify-center gap-1",
+          style: { ...C },
+          children: [
+            s && /* @__PURE__ */ e(
+              wt,
+              {
+                style: {
+                  fontSize: 14,
+                  fontWeight: "bold",
+                  color: "#262626",
+                  textAlign: "left",
+                  ...w
+                },
+                children: s
+              }
+            ),
+            T != null && /* @__PURE__ */ i(
+              wt,
+              {
+                style: {
+                  fontSize: 14,
+                  color: "#1890ff",
+                  textAlign: "left",
+                  ...c
+                },
+                children: [
+                  T,
+                  Y ? ` ${Y}` : ""
+                ]
+              }
+            )
+          ]
+        }
+      );
+    case "LINE":
+      const U = n, {
+        thickness: R = 2,
+        color: _ = "#d9d9d9",
+        dashed: L = !1,
+        lineType: X = L ? "dashed" : "solid",
+        lineWeight: K = R,
+        // 起点和终点的相对坐标
+        startX: z = 0,
+        startY: k = 0,
+        endX: Z = 100,
+        endY: B = 0
+      } = U.config || {}, x = ((d) => {
+        const v = Math.max(K, 1);
+        switch (d) {
+          case "solid":
+            return "";
+          case "dashed":
+            return `${v * 8},${v * 4}`;
+          case "center":
+            return `${v * 12},${v * 3},${v * 2},${v * 3}`;
+          case "phantom":
+            return `${v * 12},${v * 3},${v * 2},${v * 3},${v * 2},${v * 3}`;
+          case "dot":
+            return `${v},${v * 3}`;
+          case "dash-dot":
+            return `${v * 8},${v * 3},${v},${v * 3}`;
+          default:
+            return "";
+        }
+      })(X), J = t ? "#1890ff" : _;
+      return /* @__PURE__ */ e("div", { className: "w-full h-full relative", style: { overflow: "visible" }, children: /* @__PURE__ */ i(
+        "svg",
+        {
+          className: "absolute top-0 left-0",
+          width: "100%",
+          height: "100%",
+          style: { overflow: "visible", pointerEvents: "none" },
+          children: [
+            /* @__PURE__ */ e(
+              "line",
+              {
+                x1: z,
+                y1: k,
+                x2: Z,
+                y2: B,
+                stroke: "transparent",
+                strokeWidth: Math.max(K, 10),
+                strokeLinecap: "round",
+                style: { pointerEvents: "stroke", cursor: "pointer" },
+                onClick: (d) => {
+                  d.stopPropagation();
+                  const v = d.target.closest("[data-node-id]");
+                  v && v.click();
+                }
+              }
+            ),
+            /* @__PURE__ */ e(
+              "line",
+              {
+                x1: z,
+                y1: k,
+                x2: Z,
+                y2: B,
+                stroke: J,
+                strokeWidth: K,
+                strokeDasharray: x,
+                strokeLinecap: "butt",
+                style: { pointerEvents: "none" }
+              }
+            )
+          ]
+        }
+      ) });
+    case "CUSTOM":
+      const j = n;
+      return j.render ? j.render({}) : /* @__PURE__ */ e("div", { className: "w-full h-full flex items-center justify-center bg-gray-100", children: /* @__PURE__ */ e("span", { className: "text-gray-400 text-xs", children: "自定义组件" }) });
+    default:
+      return /* @__PURE__ */ e("div", { className: "w-full h-full flex items-center justify-center bg-gray-100", children: /* @__PURE__ */ e("span", { className: "text-gray-400 text-xs", children: "未知类型" }) });
+  }
+}, Rn = ({
+  node: n,
+  isSelected: f = !1,
+  onClick: t,
+  onMouseDown: r,
+  data: o,
+  onUpdateNode: l,
+  scale: s = 1
+}) => {
+  const { normalStyle: a, contentInfo: p, controlInfo: b } = n, { statusList: h } = p, { isClickable: w, isDraggable: c } = b, [C, g] = W(null), [D, m] = W({ x: 0, y: 0 }), T = he(null), Y = Gt(() => {
+    if (h.length === 0) return;
+    const x = _n(h, o);
+    return x || h[0];
+  }, [h, o]), U = Y?.material, R = U?.type === "LINE", _ = R ? U.config : null, L = a.scale ?? 1, X = (a.width || 100) * L, K = (a.height || 100) * L, z = G((x, J) => {
+    x.stopPropagation(), x.preventDefault(), g(J), m({ x: x.clientX, y: x.clientY });
+  }, []);
+  ae(() => {
+    if (!C || !R || !_ || !l) return;
+    const x = (j) => {
+      const d = (j.clientX - D.x) / s, v = (j.clientY - D.y) / s, I = _.startX || 0, M = _.startY || 0, ne = _.endX || 0, Le = _.endY || 0;
+      let se = I, ee = M, ce = ne, de = Le, we = a.x || 0, $e = a.y || 0;
+      C === "start" ? (se = I + d, ee = M + v, se < 0 && (we += se, ce -= se, se = 0), ee < 0 && ($e += ee, de -= ee, ee = 0)) : (ce = ne + d, de = Le + v, ce < 0 && (we += ce, se -= ce, ce = 0), de < 0 && ($e += de, ee -= de, de = 0));
+      const Te = Math.max((_.lineWeight || 2) * 2, 4), Ue = Math.max(se, ce), Be = Math.max(ee, de), qe = Math.max(Ue, Te), _e = Math.max(Be, Te);
+      l(n.id, {
+        normalStyle: {
+          ...a,
+          x: we,
+          y: $e,
+          width: qe,
+          height: _e
+        },
+        contentInfo: {
+          ...p,
+          statusList: h.map((De) => ({
+            ...De,
+            material: De.material.type === "LINE" ? {
+              ...De.material,
+              config: {
+                ..._,
+                startX: se,
+                startY: ee,
+                endX: ce,
+                endY: de
+              }
+            } : De.material
+          }))
+        }
+      }), m({ x: j.clientX, y: j.clientY });
+    }, J = () => {
+      g(null);
+    };
+    return window.addEventListener("mousemove", x), window.addEventListener("mouseup", J), () => {
+      window.removeEventListener("mousemove", x), window.removeEventListener("mouseup", J);
+    };
+  }, [C, D, R, _, n.id, a, p, h, l, s]);
+  const k = n.type === "group", Z = {
+    position: "absolute",
+    left: a.x || 0,
+    top: a.y || 0,
+    width: X,
+    height: K,
+    // 群组节点不显示背景和边框，只作为容器
+    background: k ? "transparent" : a.background || "transparent",
+    backgroundImage: k ? void 0 : a.backgroundImage ? `url(${a.backgroundImage})` : void 0,
+    backgroundSize: "cover",
+    backgroundPosition: "center",
+    padding: Array.isArray(a.padding) ? a.padding.join("px ") + "px" : a.padding,
+    margin: Array.isArray(a.margin) ? a.margin.join("px ") + "px" : a.margin,
+    borderRadius: k ? void 0 : a.borderRadius,
+    // 线条物料选中时不显示边框，而是通过高亮线条颜色来表示
+    // 群组节点选中时显示边框，平时不显示
+    border: f && !R ? "2px solid #1890ff" : R || k ? "none" : a.border || "1px dashed transparent",
+    // 线条节点本身不捕获点击，让内部 SVG 处理
+    pointerEvents: R ? "none" : "auto",
+    opacity: a.opacity ?? 1,
+    transform: a.transform,
+    zIndex: f ? 1e3 : a.zIndex ?? 1,
+    cursor: c && !C ? "move" : w ? "pointer" : "default",
+    boxSizing: "border-box",
+    // 线条和群组节点使用 visible overflow，避免裁剪子节点
+    overflow: R || k ? "visible" : "hidden"
+  }, B = _ ? { x: _.startX || 0, y: _.startY || 0 } : { x: 0, y: 0 }, Q = _ ? { x: _.endX || 0, y: _.endY || 0 } : { x: 0, y: 0 };
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      ref: T,
+      "data-node-id": n.id,
+      style: Z,
+      onClick: (x) => {
+        x.stopPropagation(), w && t && !C && t(x);
+      },
+      onMouseDown: (x) => {
+        c && r && !C && r(x);
+      },
+      children: [
+        f && !R && /* @__PURE__ */ i(Me, { children: [
+          !k && /* @__PURE__ */ i(Me, { 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__ */ i("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,
+            " ",
+            Y ? `(${Y.name})` : ""
+          ] })
+        ] }),
+        f && R && _ && l && /* @__PURE__ */ i(Me, { 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: B.x - 6,
+                top: B.y - 6,
+                boxShadow: "0 0 4px rgba(0,0,0,0.3)"
+              },
+              onMouseDown: (x) => z(x, "start"),
+              title: "拖拽调整起点"
+            }
+          ),
+          /* @__PURE__ */ e(
+            "div",
+            {
+              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,
+                boxShadow: "0 0 4px rgba(0,0,0,0.3)"
+              },
+              onMouseDown: (x) => z(x, "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: U ? /* @__PURE__ */ e("div", { className: "w-full h-full", children: Xn(U, o, f) }) : k ? 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((x) => /* @__PURE__ */ e("div", { className: "pointer-events-auto", children: /* @__PURE__ */ e(
+          Tt,
+          {
+            node: x,
+            isSelected: !1,
+            data: o,
+            onUpdateNode: l,
+            scale: s
+          }
+        ) }, x.id)) })
+      ]
+    }
+  );
+}, Tt = pe.memo(Rn, (n, f) => {
+  const t = n.node, r = f.node, o = 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 === f.isSelected && n.scale === f.scale;
+  return o && l;
+}), { Panel: An } = ge, { TextArea: zn } = oe, jn = ({
+  defaultTestData: n
+}) => {
+  const f = he(null), t = he(null), r = he(null), {
+    nodes: o,
+    selectedNodeId: l,
+    selectedStatusId: s,
+    mode: a,
+    lineDrawing: p,
+    viewport: b,
+    setViewport: h,
+    addNode: w,
+    selectNode: c,
+    updateNode: C,
+    removeNode: g,
+    undo: D,
+    redo: m,
+    setMode: T,
+    startLineDrawing: Y,
+    updateLineDrawing: U,
+    endLineDrawing: R,
+    cancelLineDrawing: _,
+    addMaterial: L
+  } = Qe(), X = he(!1), K = he({ x: 0, y: 0 }), z = he({ x: 0, y: 0, newX: 0, newY: 0 }), k = he(null), [, Z] = W({}), [B, Q] = W(!1), [x, J] = W({ start: null, end: null, isDrawing: !1 }), [j, d] = W(!1), [v, I] = W({ start: null, end: null }), [M, ne] = W([]), Le = he(o), se = he({ start: null, end: null }), ee = he(j);
+  ae(() => {
+    Le.current = o;
+  }, [o]), ae(() => {
+    se.current = v;
+  }, [v]), ae(() => {
+    ee.current = j;
+  }, [j]);
+  const [ce, de] = W(!1), we = he(n), [$e, Te] = W(n), [Ue, Be] = W(
+    JSON.stringify(n, null, 2)
+  ), [qe, _e] = W(null);
+  ae(() => {
+    a === "preview" && Te(n), we.current = n, ce || Be(JSON.stringify(n, null, 2));
+  }, [n, ce, a]);
+  const De = G(() => {
+    const u = f.current?.state;
+    u && h({
+      scale: u.scale,
+      positionX: u.positionX,
+      positionY: u.positionY
+    });
+  }, [h]), Ot = G(
+    (u) => {
+      X.current || j && v.start || (u.target === t.current || u.target.dataset?.canvas === "true") && c(null);
+    },
+    [c, j, v.start]
+  ), Yt = G(
+    (u) => {
+      u.preventDefault(), u.dataTransfer.dropEffect = "copy", B || Q(!0);
+    },
+    [B]
+  ), Xt = G((u) => {
+    u.preventDefault(), Q(!1);
+  }, []), Rt = G(
+    (u) => {
+      if (u.preventDefault(), u.stopPropagation(), Q(!1), !(!t.current || a !== "select"))
+        try {
+          const y = u.dataTransfer.getData("application/json");
+          if (!y) return;
+          const E = JSON.parse(y), S = t.current.getBoundingClientRect(), $ = f.current?.state, q = $?.scale ?? b.scale, F = $?.positionX ?? b.positionX, P = $?.positionY ?? b.positionY, H = (u.clientX - S.left - F) / q - 50, le = (u.clientY - S.top - P) / q - 50, ue = Ln(H, le, E);
+          w(ue);
+        } catch (y) {
+          console.error("Failed to parse dropped material:", y);
+        }
+    },
+    [a, b, w]
+  ), At = G(
+    (u, y) => {
+      a !== "select" || !y.controlInfo.isDraggable || (u.stopPropagation(), c(y.id), X.current = !0, K.current = { x: u.clientX, y: u.clientY }, z.current = {
+        x: y.normalStyle.x || 0,
+        y: y.normalStyle.y || 0,
+        newX: y.normalStyle.x || 0,
+        newY: y.normalStyle.y || 0
+      }, k.current = y, u.preventDefault());
+    },
+    [a, c]
+  ), ve = G(
+    (u, y) => {
+      if (!t.current)
+        return console.log("[getCanvasPosition] canvas ref not ready"), { x: 0, y: 0 };
+      const E = t.current.getBoundingClientRect(), S = f.current?.state?.scale ?? 1, $ = u - E.left, q = y - E.top, F = $ * (1920 / E.width), P = q * (1080 / E.height), H = { x: Math.round(F), y: Math.round(P) };
+      return console.log("[getCanvasPosition]", { clientX: u, clientY: y, canvasRect: E, scale: S, result: H }), H;
+    },
+    []
+  ), Ge = G(
+    (u, y, E = !0) => {
+      if (!p.material) return;
+      const S = p.material, $ = S.config || {}, q = $.lineWeight || $.thickness || 2, F = Math.min(u.x, y.x), P = Math.min(u.y, y.y), H = Math.round(u.x - F), le = Math.round(u.y - P), ue = Math.round(y.x - F), Se = Math.round(y.y - P), ke = Math.max(q * 2, 4), re = Math.max(Math.abs(u.x - y.x), ke), Ee = Math.max(Math.abs(u.y - y.y), ke), Ne = {
+        ...S,
+        id: O(),
+        config: {
+          // 只保留关键配置：颜色、线宽、线型
+          color: $.color,
+          lineWeight: q,
+          thickness: q,
+          lineType: $.lineType,
+          // 起止位置（相对于节点）
+          startX: H,
+          startY: le,
+          endX: ue,
+          endY: Se
+        }
+      }, et = {
+        id: O(),
+        name: `${S.name}_${Date.now()}`,
+        type: "normal",
+        normalStyle: {
+          width: re,
+          height: Ee,
+          x: F,
+          y: P,
+          background: "transparent"
+        },
+        contentInfo: {
+          statusList: [$t(Ne)],
+          currentStatusId: void 0
+        },
+        controlInfo: {
+          isDraggable: !0,
+          isClickable: !0,
+          isResizable: !0,
+          isSelectable: !0
+        }
+      };
+      if (w(et, !1), E) {
+        const Ze = { x: y.x, y: y.y };
+        J({
+          start: Ze,
+          end: { ...Ze },
+          isDrawing: !0
+        });
+      } else
+        J({ start: null, end: null, isDrawing: !1 }), R();
+    },
+    [p.material, w, R]
+  ), zt = G(
+    (u) => {
+      const y = ee.current;
+      if (console.log("[handleCanvasMouseDown]", { button: u.button, mode: a, isBoxSelecting: y, isBoxSelectingState: j, lineDrawingMaterial: !!p.material }), console.log("[handleCanvasMouseDown] ref values:", { isBoxSelectingRef: ee.current, selectionBoxRef: se.current }), u.button !== 0) return;
+      if (y) {
+        const S = ve(u.clientX, u.clientY);
+        I({ start: S, end: S }), ne([]);
+        return;
+      }
+      if (a === "select" && !p.material)
+        return;
+      if (a !== "line-draw" || !p.material) {
+        console.log("[handleCanvasMouseDown] not in line-draw mode or no material");
+        return;
+      }
+      const E = ve(u.clientX, u.clientY);
+      console.log("[handleCanvasMouseDown] drawing at", E, "isDrawing:", x.isDrawing), x.isDrawing ? x.start && Ge(x.start, E, !0) : J({
+        start: E,
+        end: E,
+        isDrawing: !0
+      });
+    },
+    [a, p.material, x.isDrawing, x.start, ve, Ge]
+  ), jt = G(
+    (u) => {
+      if (!(a !== "line-draw" || !p.material) && x.isDrawing && x.start) {
+        const y = ve(u.clientX, u.clientY);
+        Ge(x.start, y, !1);
+      }
+    },
+    [a, p.material, x.isDrawing, x.start, ve, Ge]
+  );
+  G(() => {
+    if (!v.start || !v.end) return [];
+    const u = Math.min(v.start.x, v.end.x), y = Math.max(v.start.x, v.end.x), E = Math.min(v.start.y, v.end.y), S = Math.max(v.start.y, v.end.y);
+    return o.filter(($) => {
+      const q = $.normalStyle.x || 0, F = $.normalStyle.y || 0, P = $.normalStyle.width || 0, H = $.normalStyle.height || 0, le = q + P / 2, ue = F + H / 2;
+      return le >= u && le <= y && ue >= E && ue <= S;
+    }).map(($) => $.id);
+  }, [v, o]);
+  const Ft = G(() => {
+    if (M.length < 2) return;
+    const u = o.filter((P) => M.includes(P.id));
+    if (u.length < 2) return;
+    let y = 1 / 0, E = 1 / 0, S = -1 / 0, $ = -1 / 0;
+    u.forEach((P) => {
+      const H = P.normalStyle.x || 0, le = P.normalStyle.y || 0, ue = P.normalStyle.width || 0, Se = P.normalStyle.height || 0;
+      y = Math.min(y, H), E = Math.min(E, le), S = Math.max(S, H + ue), $ = Math.max($, le + Se);
+    });
+    const q = u.map((P) => ({
+      ...P,
+      normalStyle: {
+        ...P.normalStyle,
+        x: (P.normalStyle.x || 0) - y,
+        y: (P.normalStyle.y || 0) - E,
+        scale: void 0
+        // 移除 scale，由父级容器统一控制
+      }
+    })), F = {
+      id: O(),
+      name: `群组_${Date.now()}`,
+      type: "group",
+      normalStyle: {
+        x: y,
+        y: E,
+        width: S - y,
+        height: $ - E
+        // 不设置背景和边框，由 NodeRenderer 控制
+      },
+      contentInfo: {
+        statusList: [],
+        currentStatusId: void 0
+      },
+      controlInfo: {
+        isDraggable: !0,
+        isClickable: !0,
+        isResizable: !0,
+        isSelectable: !0
+      },
+      children: q
+    };
+    M.forEach((P) => g(P)), w(F), ne([]), c(F.id);
+  }, [M, o, w, g, c]), Wt = G(() => {
+    if (!l) return;
+    const u = o.find((E) => E.id === l);
+    if (!u || u.type !== "group") return;
+    const y = {
+      id: O(),
+      name: `群组_${u.name || Date.now()}`,
+      type: "CUSTOM",
+      config: {
+        nodes: u.children
+      }
+    };
+    L(y), console.log("[Canvas] 群组已保存到物料库:", y.name);
+  }, [l, o, L]), Ve = G((u) => {
+    if (M.length < 2) return;
+    const y = M.map((S) => o.find(($) => $.id === S)).filter((S) => !!S && S.type !== "group");
+    if (y.length < 2) return;
+    let E;
+    switch (u) {
+      case "left":
+        E = Math.min(...y.map((S) => S.normalStyle.x || 0));
+        break;
+      case "right":
+        E = Math.max(...y.map((S) => (S.normalStyle.x || 0) + (S.normalStyle.width || 0)));
+        break;
+      case "top":
+        E = Math.min(...y.map((S) => S.normalStyle.y || 0));
+        break;
+      case "bottom":
+        E = Math.max(...y.map((S) => (S.normalStyle.y || 0) + (S.normalStyle.height || 0)));
+        break;
+      default:
+        return;
+    }
+    y.forEach((S) => {
+      let $ = S.normalStyle.x || 0, q = S.normalStyle.y || 0;
+      switch (u) {
+        case "left":
+          $ = E;
+          break;
+        case "right":
+          $ = E - (S.normalStyle.width || 0);
+          break;
+        case "top":
+          q = E;
+          break;
+        case "bottom":
+          q = E - (S.normalStyle.height || 0);
+          break;
+      }
+      C(S.id, {
+        normalStyle: {
+          ...S.normalStyle,
+          x: $,
+          y: q
+        }
+      });
+    });
+  }, [M, o, C]);
+  ae(() => {
+    const u = (S) => {
+      const $ = ee.current, q = se.current;
+      if ($ && q.start) {
+        const F = ve(S.clientX, S.clientY);
+        I((re) => ({ ...re, end: F }));
+        const P = {
+          start: q.start,
+          end: F
+        }, H = Math.min(P.start.x, P.end.x), le = Math.max(P.start.x, P.end.x), ue = Math.min(P.start.y, P.end.y), Se = Math.max(P.start.y, P.end.y), ke = Le.current.filter((re) => {
+          const Ee = re.normalStyle.x || 0, Ne = re.normalStyle.y || 0, et = re.normalStyle.width || 0, Ze = re.normalStyle.height || 0, ct = Ee + et / 2, dt = Ne + Ze / 2;
+          return ct >= H && ct <= le && dt >= ue && dt <= Se;
+        }).map((re) => re.id);
+        ne(ke);
+        return;
+      }
+      if (X.current && l && k.current) {
+        if (!t.current) return;
+        const F = t.current.getBoundingClientRect(), P = 1920 / F.width, H = 1080 / F.height, le = S.clientX - K.current.x, ue = S.clientY - K.current.y, Se = le * P, ke = ue * H, re = z.current.x + Se, Ee = z.current.y + ke, Ne = document.querySelector(`[data-node-id="${l}"]`);
+        Ne && (Ne.style.left = `${re}px`, Ne.style.top = `${Ee}px`), z.current.newX = re, z.current.newY = Ee;
+      }
+      if (a === "line-draw" && x.isDrawing) {
+        const F = ve(S.clientX, S.clientY);
+        J((P) => ({
+          ...P,
+          end: F
+        }));
+      }
+    }, y = () => {
+      if (X.current && l && k.current) {
+        const S = z.current.newX ?? z.current.x, $ = z.current.newY ?? z.current.y;
+        C(l, {
+          normalStyle: {
+            ...k.current.normalStyle,
+            x: S,
+            y: $
+          }
+        });
+      }
+      X.current = !1, k.current = null, Z({}), ee.current && I({ start: null, end: null });
+    }, E = (S) => {
+      S.key === "Escape" && a === "line-draw" && (J({ start: null, end: null, isDrawing: !1 }), _());
+    };
+    return window.addEventListener("mousemove", u), window.addEventListener("mouseup", y), window.addEventListener("keydown", E), () => {
+      window.removeEventListener("mousemove", u), window.removeEventListener("mouseup", y), window.removeEventListener("keydown", E);
+    };
+  }, [
+    l,
+    C,
+    a,
+    x.isDrawing,
+    ve,
+    _
+  ]), ae(() => {
+    const u = (y) => {
+      y.key === "Delete" && l && g(l), y.ctrlKey && y.key === "z" && (y.preventDefault(), D()), y.ctrlKey && y.key === "y" && (y.preventDefault(), m()), y.key === "Escape" && a === "line-draw" && (J({ start: null, end: null, isDrawing: !1 }), _());
+    };
+    return window.addEventListener("keydown", u), () => window.removeEventListener("keydown", u);
+  }, [l, g, D, m, a, _]);
+  const Ut = () => {
+    try {
+      const u = JSON.parse(Ue);
+      we.current = u, Te(u), _e(null), de(!1);
+    } catch {
+      _e("JSON 格式错误，请检查输入");
+    }
+  }, Bt = [
+    {
+      icon: /* @__PURE__ */ e(dn, {}),
+      title: "选择模式",
+      active: a === "select",
+      onClick: () => {
+        T("select"), d(!1);
+      }
+    },
+    {
+      icon: /* @__PURE__ */ e(un, {}),
+      title: "拖拽模式",
+      active: a === "drag",
+      onClick: () => {
+        T("drag"), d(!1);
+      }
+    },
+    {
+      icon: /* @__PURE__ */ e(hn, {}),
+      title: "预览模式",
+      active: a === "preview",
+      onClick: () => {
+        T("preview"), d(!1);
+      }
+    }
+  ], qt = [
+    {
+      icon: /* @__PURE__ */ e(Ht, {}),
+      title: "撤销 (Ctrl+Z)",
+      onClick: D
+    },
+    {
+      icon: /* @__PURE__ */ e(Kt, {}),
+      title: "重做 (Ctrl+Y)",
+      onClick: m
+    },
+    {
+      icon: /* @__PURE__ */ e(Qt, {}),
+      title: "框选模式",
+      active: j,
+      onClick: () => {
+        d(!j), T("select"), ne([]);
+      }
+    },
+    {
+      icon: /* @__PURE__ */ e(en, {}),
+      title: "组合选中节点",
+      disabled: M.length < 2,
+      onClick: Ft
+    },
+    {
+      icon: /* @__PURE__ */ e(tn, {}),
+      title: "左对齐",
+      disabled: M.filter((u) => o.find((y) => y.id === u)?.type !== "group").length < 2,
+      onClick: () => Ve("left")
+    },
+    {
+      icon: /* @__PURE__ */ e(nn, {}),
+      title: "右对齐",
+      disabled: M.filter((u) => o.find((y) => y.id === u)?.type !== "group").length < 2,
+      onClick: () => Ve("right")
+    },
+    {
+      icon: /* @__PURE__ */ e(ln, {}),
+      title: "上对齐",
+      disabled: M.filter((u) => o.find((y) => y.id === u)?.type !== "group").length < 2,
+      onClick: () => Ve("top")
+    },
+    {
+      icon: /* @__PURE__ */ e(rn, {}),
+      title: "下对齐",
+      disabled: M.filter((u) => o.find((y) => y.id === u)?.type !== "group").length < 2,
+      onClick: () => Ve("bottom")
+    },
+    {
+      icon: /* @__PURE__ */ e(an, {}),
+      title: "保存群组到物料库",
+      disabled: !l || o.find((u) => u.id === l)?.type !== "group",
+      onClick: Wt
+    },
+    {
+      icon: /* @__PURE__ */ e(on, {}),
+      title: "数据模拟",
+      type: "primary",
+      onClick: () => de(!0)
+    },
+    {
+      icon: /* @__PURE__ */ e(Ke, {}),
+      title: "删除选中 (Delete)",
+      disabled: !l && M.length === 0,
+      onClick: () => {
+        l ? g(l) : M.length > 0 && (M.forEach((u) => g(u)), ne([]));
+      }
+    }
+  ];
+  return /* @__PURE__ */ i("div", { className: "flex-1 flex flex-col h-full bg-gray-100", children: [
+    /* @__PURE__ */ i("div", { className: "h-12 bg-white border-b border-gray-200 flex items-center justify-between px-4", children: [
+      /* @__PURE__ */ e(me, { children: Bt.map((u) => /* @__PURE__ */ e(Ie, { title: u.title, children: /* @__PURE__ */ e(
+        A,
+        {
+          type: u.active ? "primary" : "default",
+          icon: u.icon,
+          onClick: u.onClick
+        }
+      ) }, u.title)) }),
+      /* @__PURE__ */ e(me, { children: qt.map((u) => /* @__PURE__ */ e(Ie, { title: u.title, children: /* @__PURE__ */ e(
+        A,
+        {
+          type: u.type || "default",
+          icon: u.icon,
+          onClick: u.onClick,
+          disabled: u.disabled
+        }
+      ) }, u.title)) })
+    ] }),
+    /* @__PURE__ */ e("div", { ref: r, className: "flex-1 relative", children: /* @__PURE__ */ e(
+      yn,
+      {
+        ref: f,
+        initialScale: 1,
+        initialPositionX: 0,
+        initialPositionY: 0,
+        minScale: 0.5,
+        maxScale: 5,
+        onTransformed: De,
+        limitToBounds: !1,
+        centerZoomedOut: !1,
+        panning: {
+          disabled: !1,
+          velocityDisabled: !0
+        },
+        wheel: {
+          disabled: !1,
+          step: 0.1
+        },
+        pinch: {
+          disabled: !1
+        },
+        doubleClick: {
+          disabled: !0
+        },
+        children: ({ zoomIn: u, zoomOut: y, resetTransform: E }) => /* @__PURE__ */ i(Me, { children: [
+          /* @__PURE__ */ e("div", { className: "absolute bottom-4 right-4 z-10 bg-white rounded-lg shadow-lg p-2", children: /* @__PURE__ */ i(me, { direction: "vertical", children: [
+            /* @__PURE__ */ e(Ie, { title: "放大", children: /* @__PURE__ */ e(
+              A,
+              {
+                icon: /* @__PURE__ */ e(sn, {}),
+                onClick: () => u()
+              }
+            ) }),
+            /* @__PURE__ */ e(Ie, { title: "缩小", children: /* @__PURE__ */ e(
+              A,
+              {
+                icon: /* @__PURE__ */ e(cn, {}),
+                onClick: () => y()
+              }
+            ) }),
+            /* @__PURE__ */ e(Ie, { title: "重置视图", children: /* @__PURE__ */ e(A, { onClick: () => E(), children: "100%" }) }),
+            /* @__PURE__ */ i("div", { className: "text-center text-xs text-gray-500", children: [
+              Math.round(b.scale * 100),
+              "%"
+            ] })
+          ] }) }),
+          /* @__PURE__ */ e(
+            vn,
+            {
+              wrapperStyle: { width: "100%", height: "100%", position: "relative" },
+              contentStyle: { width: "100%", height: "100%", display: "flex", alignItems: "center", justifyContent: "center" },
+              children: /* @__PURE__ */ i(
+                "div",
+                {
+                  ref: t,
+                  "data-canvas": "true",
+                  className: `
+                    relative bg-white
+                    ${B ? "ring-4 ring-blue-400 ring-opacity-50" : ""}
+                    ${a === "line-draw" ? "cursor-crosshair" : ""}
+                  `,
+                  style: {
+                    width: 1920,
+                    height: 1080,
+                    flexShrink: 0
+                  },
+                  onClick: Ot,
+                  onMouseDown: zt,
+                  onDoubleClick: jt,
+                  onDragOver: Yt,
+                  onDragLeave: Xt,
+                  onDrop: Rt,
+                  children: [
+                    /* @__PURE__ */ i(
+                      "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: "#e8e8e8",
+                                  strokeWidth: "1"
+                                }
+                              )
+                            }
+                          ) }),
+                          /* @__PURE__ */ e("rect", { width: "1920", height: "1080", fill: "url(#grid)" })
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ e("div", { className: "absolute left-1/2 top-1/2 w-4 h-4 -ml-2 -mt-2 border border-blue-300 rounded-full opacity-50" }),
+                    B && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none", children: /* @__PURE__ */ e("div", { className: "bg-blue-500 text-white px-6 py-3 rounded-lg shadow-lg text-lg font-medium", children: "释放以添加节点" }) }),
+                    a === "line-draw" && /* @__PURE__ */ e("div", { className: "absolute top-4 left-1/2 -translate-x-1/2 z-50 pointer-events-none", children: /* @__PURE__ */ i("div", { className: "bg-blue-500 text-white px-4 py-2 rounded-lg shadow-lg text-sm font-medium flex items-center gap-2", children: [
+                      /* @__PURE__ */ e("span", { children: "线条绘制模式" }),
+                      /* @__PURE__ */ e("span", { className: "text-blue-200", children: "|" }),
+                      /* @__PURE__ */ e("span", { className: "text-blue-100", children: x.isDrawing ? "点击绘制下一条线段，双击结束绘制" : "点击确定起点" }),
+                      /* @__PURE__ */ e("span", { className: "text-blue-200", children: "|" }),
+                      /* @__PURE__ */ e("span", { className: "text-blue-100 text-xs", children: "ESC 取消" })
+                    ] }) }),
+                    a === "line-draw" && x.isDrawing && x.start && x.end && /* @__PURE__ */ i(
+                      "svg",
+                      {
+                        className: "absolute top-0 left-0 pointer-events-none",
+                        style: {
+                          zIndex: 1e3,
+                          width: 1920,
+                          height: 1080,
+                          overflow: "visible"
+                        },
+                        children: [
+                          /* @__PURE__ */ e(
+                            "line",
+                            {
+                              x1: x.start.x,
+                              y1: x.start.y,
+                              x2: x.end.x,
+                              y2: x.end.y,
+                              stroke: "#1890ff",
+                              strokeWidth: 2,
+                              strokeDasharray: "5,5"
+                            }
+                          ),
+                          /* @__PURE__ */ e(
+                            "circle",
+                            {
+                              cx: x.start.x,
+                              cy: x.start.y,
+                              r: 4,
+                              fill: "#1890ff"
+                            }
+                          ),
+                          /* @__PURE__ */ e(
+                            "circle",
+                            {
+                              cx: x.end.x,
+                              cy: x.end.y,
+                              r: 4,
+                              fill: "#1890ff",
+                              stroke: "#fff",
+                              strokeWidth: 2
+                            }
+                          )
+                        ]
+                      }
+                    ),
+                    j && v.start && v.end && /* @__PURE__ */ e(
+                      "div",
+                      {
+                        className: "absolute border-2 border-blue-500 bg-blue-500/10 pointer-events-none",
+                        style: {
+                          left: Math.min(v.start.x, v.end.x),
+                          top: Math.min(v.start.y, v.end.y),
+                          width: Math.abs(v.end.x - v.start.x),
+                          height: Math.abs(v.end.y - v.start.y),
+                          zIndex: 999
+                        }
+                      }
+                    ),
+                    o.map((S) => /* @__PURE__ */ e(
+                      Tt,
+                      {
+                        node: S,
+                        isSelected: (l === S.id || M.includes(S.id)) && a !== "preview",
+                        onClick: () => {
+                          j || c(S.id);
+                        },
+                        onMouseDown: ($) => At($, S),
+                        data: a === "preview" ? $e : we.current,
+                        onUpdateNode: C,
+                        scale: f.current?.state?.scale ?? 1
+                      },
+                      S.id
+                    )),
+                    o.length === 0 && !B && a !== "line-draw" && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ e(
+                      te,
+                      {
+                        description: /* @__PURE__ */ e("span", { children: "拖拽左侧物料库中的物料到画布以创建节点" })
+                      }
+                    ) })
+                  ]
+                }
+              )
+            }
+          )
+        ] })
+      }
+    ) }),
+    /* @__PURE__ */ i("div", { className: "h-8 bg-white border-t border-gray-200 flex items-center justify-between px-4 text-xs text-gray-500", children: [
+      /* @__PURE__ */ i("span", { children: [
+        "节点数: ",
+        o.length,
+        " | 选中节点: ",
+        l ? "是" : "否",
+        " | 选中状态: ",
+        s || "无"
+      ] }),
+      /* @__PURE__ */ i("span", { children: [
+        "位置: (",
+        Math.round(b.positionX),
+        ",",
+        " ",
+        Math.round(b.positionY),
+        ") | 缩放:",
+        " ",
+        Math.round(b.scale * 100),
+        "%"
+      ] })
+    ] }),
+    /* @__PURE__ */ e(
+      it,
+      {
+        title: "数据模拟",
+        open: ce,
+        onOk: Ut,
+        onCancel: () => de(!1),
+        width: 600,
+        okText: "应用",
+        cancelText: "取消",
+        children: /* @__PURE__ */ i("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ i("p", { className: "text-sm text-gray-500", children: [
+            "输入测试数据（JSON格式），用于状态表达式计算。状态表达式可以使用",
+            " ",
+            /* @__PURE__ */ e("code", { children: "data" }),
+            " 变量访问这些数据。"
+          ] }),
+          /* @__PURE__ */ e(N, { layout: "vertical", children: /* @__PURE__ */ e(
+            N.Item,
+            {
+              label: "测试数据",
+              validateStatus: qe ? "error" : "",
+              help: qe,
+              children: /* @__PURE__ */ e(
+                zn,
+                {
+                  value: Ue,
+                  onChange: (u) => {
+                    Be(u.target.value), _e(null);
+                  },
+                  rows: 10,
+                  placeholder: `{
+  "running": true,
+  "temperature": 25,
+  "pressure": 1.5
+}`
+                }
+              )
+            }
+          ) }),
+          /* @__PURE__ */ e(ge, { ghost: !0, children: /* @__PURE__ */ e(An, { header: "使用示例", children: /* @__PURE__ */ i("div", { className: "space-y-2 text-sm", children: [
+            /* @__PURE__ */ e("p", { children: /* @__PURE__ */ e("strong", { children: "状态A（运行中）:" }) }),
+            /* @__PURE__ */ e("code", { className: "bg-gray-100 px-2 py-1 rounded", children: "return data.running === true;" }),
+            /* @__PURE__ */ e("p", { className: "mt-2", children: /* @__PURE__ */ e("strong", { children: "状态B（高温报警）:" }) }),
+            /* @__PURE__ */ e("code", { className: "bg-gray-100 px-2 py-1 rounded", children: "return data.temperature > 80;" }),
+            /* @__PURE__ */ e("p", { className: "mt-2", children: /* @__PURE__ */ e("strong", { children: "状态C（默认）:" }) }),
+            /* @__PURE__ */ e("code", { className: "bg-gray-100 px-2 py-1 rounded", children: "return true;" })
+          ] }) }, "examples") })
+        ] })
+      }
+    )
+  ] });
+}, { Panel: fe } = ge, { TabPane: lt } = Ct, { Option: We } = be, { TextArea: st } = oe, Fn = ({
+  material: n,
+  onSave: f,
+  bindCodes: t = [],
+  dataOptions: r = []
+}) => {
+  const l = n.content || {}, [s, a] = W({
+    label: l.label || "",
+    value: l.value || "",
+    valueSourceCode: l.valueSourceCode || "",
+    unit: l.unit || "",
+    decimals: l.decimals ?? 2,
+    labelFontSize: l.labelStyle?.fontSize || 14,
+    labelFontWeight: l.labelStyle?.fontWeight || "bold",
+    labelColor: l.labelStyle?.color || "#262626",
+    valueFontSize: l.valueStyle?.fontSize || 14,
+    valueFontWeight: l.valueStyle?.fontWeight || "normal",
+    valueColor: l.valueStyle?.color || "#1890ff"
+  });
+  ae(() => {
+    a({
+      label: l.label || "",
+      value: l.value || "",
+      valueSourceCode: l.valueSourceCode || "",
+      unit: l.unit || "",
+      decimals: l.decimals ?? 2,
+      labelFontSize: l.labelStyle?.fontSize || 14,
+      labelFontWeight: l.labelStyle?.fontWeight || "bold",
+      labelColor: l.labelStyle?.color || "#262626",
+      valueFontSize: l.valueStyle?.fontSize || 14,
+      valueFontWeight: l.valueStyle?.fontWeight || "normal",
+      valueColor: l.valueStyle?.color || "#1890ff"
+    });
+  }, [n.id]);
+  const p = (c, C) => {
+    a((g) => ({ ...g, [c]: C }));
+  }, b = (c) => {
+    const C = r.find((D) => D.paramsCode === c), g = C?.paramsUnit || "";
+    a((D) => ({
+      ...D,
+      valueSourceCode: c,
+      unit: g,
+      value: C?.value || ""
+    })), setTimeout(() => {
+      f({
+        content: {
+          ...l,
+          valueSourceCode: c,
+          value: C?.value || "",
+          unit: g
+        }
+      });
+    }, 0);
+  }, h = () => {
+    f({
+      content: {
+        ...l,
+        label: s.label,
+        value: s.value,
+        valueSourceCode: s.valueSourceCode,
+        unit: s.unit,
+        decimals: s.decimals,
+        labelStyle: {
+          fontSize: s.labelFontSize,
+          fontWeight: s.labelFontWeight,
+          color: s.labelColor
+        },
+        valueStyle: {
+          fontSize: s.valueFontSize,
+          fontWeight: s.valueFontWeight,
+          color: s.valueColor
+        }
+      }
+    });
+  }, w = r.filter(
+    (c) => t.includes(c.paramsCode)
+  );
+  return /* @__PURE__ */ i("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ e(xe, { style: { marginTop: 0 }, children: "文本内容" }),
+    /* @__PURE__ */ i(N, { layout: "vertical", children: [
+      /* @__PURE__ */ e(N.Item, { label: "标签文本 (label)", children: /* @__PURE__ */ e(
+        oe,
+        {
+          value: s.label,
+          onChange: (c) => p("label", c.target.value),
+          onBlur: h,
+          placeholder: "输入标签文本"
+        }
+      ) }),
+      /* @__PURE__ */ e(
+        N.Item,
+        {
+          label: "值来源",
+          help: "从绑定的数据中选择字段，优先级高于手动输入的值",
+          children: /* @__PURE__ */ e(
+            be,
+            {
+              value: s.valueSourceCode || void 0,
+              onChange: b,
+              placeholder: "选择数据字段（可选）",
+              allowClear: !0,
+              style: { width: "100%" },
+              fieldNames: {
+                value: "paramsCode",
+                label: "paramsName"
+              },
+              options: w
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ e(
+        N.Item,
+        {
+          label: s.valueSourceCode ? "默认值（备用）" : "值文本",
+          help: s.valueSourceCode ? "已绑定数据源，实际值将来自数据字段，此处仅设置无数据时的备用显示" : "手动输入显示的值",
+          children: /* @__PURE__ */ e(
+            oe,
+            {
+              value: s.value,
+              onChange: (c) => p("value", c.target.value),
+              onBlur: h,
+              placeholder: s.valueSourceCode ? "数据字段无值时显示此备用值" : "输入值文本",
+              disabled: !!s.valueSourceCode,
+              variant: s.valueSourceCode ? "filled" : void 0
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ e(N.Item, { label: "单位", help: "优先从绑定数据自动获取，也可手动输入", children: /* @__PURE__ */ e(
+        oe,
+        {
+          value: s.unit,
+          onChange: (c) => p("unit", c.target.value),
+          onBlur: h,
+          placeholder: "单位（如°C、%、MPa等）",
+          suffix: s.valueSourceCode && w.length > 0 ? /* @__PURE__ */ e(ie, { color: "blue", style: { marginRight: -8 }, children: "自动" }) : null
+        }
+      ) }),
+      /* @__PURE__ */ e(
+        N.Item,
+        {
+          label: "保留小数位",
+          help: "数值格式化时保留的小数位数，-1表示不格式化",
+          children: /* @__PURE__ */ e(
+            V,
+            {
+              value: s.decimals,
+              onChange: (c) => p("decimals", c ?? 2),
+              onBlur: h,
+              min: -1,
+              max: 10,
+              style: { width: "100%" }
+            }
+          )
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(xe, { children: "标签样式" }),
+    /* @__PURE__ */ i(N, { layout: "vertical", children: [
+      /* @__PURE__ */ i(me, { children: [
+        /* @__PURE__ */ e(N.Item, { label: "字体大小", children: /* @__PURE__ */ e(
+          V,
+          {
+            value: s.labelFontSize,
+            onChange: (c) => p("labelFontSize", c || 14),
+            onBlur: h,
+            min: 8,
+            max: 72
+          }
+        ) }),
+        /* @__PURE__ */ e(N.Item, { label: "字体粗细", children: /* @__PURE__ */ i(
+          be,
+          {
+            value: s.labelFontWeight,
+            onChange: (c) => {
+              p("labelFontWeight", c), setTimeout(h, 0);
+            },
+            style: { width: 100 },
+            children: [
+              /* @__PURE__ */ e(We, { value: "normal", children: "正常" }),
+              /* @__PURE__ */ e(We, { value: "bold", children: "粗体" })
+            ]
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ e(N.Item, { label: "文字颜色", children: /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ e(
+          rt,
+          {
+            value: s.labelColor,
+            onChange: (c) => p("labelColor", c.toHexString()),
+            onChangeComplete: () => h()
+          }
+        ),
+        /* @__PURE__ */ e(
+          oe,
+          {
+            value: s.labelColor,
+            onChange: (c) => p("labelColor", c.target.value),
+            onBlur: h,
+            placeholder: "#262626",
+            style: { width: 100 }
+          }
+        )
+      ] }) })
+    ] }),
+    /* @__PURE__ */ e(xe, { children: "值样式" }),
+    /* @__PURE__ */ i(N, { layout: "vertical", children: [
+      /* @__PURE__ */ i(me, { children: [
+        /* @__PURE__ */ e(N.Item, { label: "字体大小", children: /* @__PURE__ */ e(
+          V,
+          {
+            value: s.valueFontSize,
+            onChange: (c) => p("valueFontSize", c || 14),
+            onBlur: h,
+            min: 8,
+            max: 72
+          }
+        ) }),
+        /* @__PURE__ */ e(N.Item, { label: "字体粗细", children: /* @__PURE__ */ i(
+          be,
+          {
+            value: s.valueFontWeight,
+            onChange: (c) => {
+              p("valueFontWeight", c), setTimeout(h, 0);
+            },
+            style: { width: 100 },
+            children: [
+              /* @__PURE__ */ e(We, { value: "normal", children: "正常" }),
+              /* @__PURE__ */ e(We, { value: "bold", children: "粗体" })
+            ]
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ e(N.Item, { label: "文字颜色", children: /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ e(
+          rt,
+          {
+            value: s.valueColor,
+            onChange: (c) => p("valueColor", c.toHexString()),
+            onChangeComplete: () => h()
+          }
+        ),
+        /* @__PURE__ */ e(
+          oe,
+          {
+            value: s.valueColor,
+            onChange: (c) => p("valueColor", c.target.value),
+            onBlur: h,
+            placeholder: "#1890ff",
+            style: { width: 100 }
+          }
+        )
+      ] }) })
+    ] })
+  ] });
+}, Wn = ({
+  material: n,
+  onSave: f
+}) => {
+  const [t, r] = W({
+    name: n.name,
+    src: n.src || ""
+  });
+  ae(() => {
+    r({
+      name: n.name,
+      src: n.src || ""
+    });
+  }, [n.id]);
+  const o = (s, a) => {
+    r((p) => ({ ...p, [s]: a }));
+  }, l = () => {
+    f({
+      name: t.name,
+      src: t.src
+    });
+  };
+  return /* @__PURE__ */ i("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ e(xe, { style: { marginTop: 0 }, children: "图片属性" }),
+    /* @__PURE__ */ i(N, { layout: "vertical", children: [
+      /* @__PURE__ */ e(N.Item, { label: "图片名称", children: /* @__PURE__ */ e(
+        oe,
+        {
+          value: t.name,
+          onChange: (s) => o("name", s.target.value),
+          onBlur: l
+        }
+      ) }),
+      /* @__PURE__ */ e(N.Item, { label: "图片地址 (src)", children: /* @__PURE__ */ e(
+        st,
+        {
+          value: t.src,
+          onChange: (s) => o("src", s.target.value),
+          onBlur: l,
+          rows: 4,
+          placeholder: "输入图片 URL 或 Data URI"
+        }
+      ) })
+    ] })
+  ] });
+}, Un = ({
+  material: n,
+  onSave: f
+}) => {
+  const t = n.config || {}, [r, o] = W({
+    lineWeight: t.lineWeight || t.thickness || 2,
+    color: t.color || "#262626",
+    lineType: t.lineType || "solid",
+    startX: t.startX ?? 0,
+    startY: t.startY ?? 0,
+    endX: t.endX ?? 100,
+    endY: t.endY ?? 0
+  });
+  ae(() => {
+    o({
+      lineWeight: t.lineWeight || t.thickness || 2,
+      color: t.color || "#262626",
+      lineType: t.lineType || "solid",
+      startX: t.startX ?? 0,
+      startY: t.startY ?? 0,
+      endX: t.endX ?? 100,
+      endY: t.endY ?? 0
+    });
+  }, [n.id]);
+  const l = (a) => {
+    const p = { ...r, ...a };
+    o(p), 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
+      }
+    });
+  }, s = [
+    { value: "solid", label: "实线", desc: "连续实线" },
+    { value: "dashed", label: "虚线", desc: "长划间隔" },
+    { value: "center", label: "点画线（中心线）", desc: "长点-短点交替" },
+    { value: "phantom", label: "假想线", desc: "长划-双点交替" },
+    { value: "dot", label: "点线", desc: "密集点状" },
+    { value: "dash-dot", label: "画点线", desc: "长划-点交替" }
+  ];
+  return /* @__PURE__ */ i("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ e(xe, { style: { marginTop: 0 }, children: "线条属性" }),
+    /* @__PURE__ */ i(N, { layout: "vertical", children: [
+      /* @__PURE__ */ e(N.Item, { label: "线型", help: "选择线条样式", children: /* @__PURE__ */ e(
+        be,
+        {
+          value: r.lineType,
+          onChange: (a) => l({ lineType: a }),
+          children: s.map((a) => /* @__PURE__ */ e(We, { value: a.value, children: /* @__PURE__ */ i("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ e("span", { children: a.label }),
+            /* @__PURE__ */ e("span", { className: "text-xs text-gray-400", children: a.desc })
+          ] }) }, a.value))
+        }
+      ) }),
+      /* @__PURE__ */ e(N.Item, { label: "线宽（像素）", children: /* @__PURE__ */ e(
+        V,
+        {
+          value: r.lineWeight,
+          onChange: (a) => l({ lineWeight: a || 2 }),
+          min: 1,
+          max: 20,
+          style: { width: 120 }
+        }
+      ) }),
+      /* @__PURE__ */ e(N.Item, { label: "颜色", children: /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ e(
+          rt,
+          {
+            value: r.color,
+            onChange: (a) => l({ color: a.toHexString() })
+          }
+        ),
+        /* @__PURE__ */ e(
+          oe,
+          {
+            value: r.color,
+            onChange: (a) => l({ color: a.target.value }),
+            placeholder: "#d9d9d9",
+            style: { width: 100 }
+          }
+        )
+      ] }) })
+    ] }),
+    /* @__PURE__ */ e(xe, { children: "起止位置（相对节点）" }),
+    /* @__PURE__ */ i(N, { layout: "vertical", children: [
+      /* @__PURE__ */ i("div", { className: "grid grid-cols-2 gap-2", children: [
+        /* @__PURE__ */ e(N.Item, { label: "起点 X", className: "mb-2", children: /* @__PURE__ */ e(
+          V,
+          {
+            value: r.startX,
+            onChange: (a) => l({ startX: a ?? 0 }),
+            style: { width: "100%" }
+          }
+        ) }),
+        /* @__PURE__ */ e(N.Item, { label: "起点 Y", className: "mb-2", children: /* @__PURE__ */ e(
+          V,
+          {
+            value: r.startY,
+            onChange: (a) => l({ startY: a ?? 0 }),
+            style: { width: "100%" }
+          }
+        ) }),
+        /* @__PURE__ */ e(N.Item, { label: "终点 X", className: "mb-2", children: /* @__PURE__ */ e(
+          V,
+          {
+            value: r.endX,
+            onChange: (a) => l({ endX: a ?? 100 }),
+            style: { width: "100%" }
+          }
+        ) }),
+        /* @__PURE__ */ e(N.Item, { label: "终点 Y", className: "mb-2", children: /* @__PURE__ */ e(
+          V,
+          {
+            value: r.endY,
+            onChange: (a) => l({ endY: a ?? 0 }),
+            style: { width: "100%" }
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ e(N.Item, { label: "快速对齐", className: "mt-4", children: /* @__PURE__ */ i(me, { children: [
+        /* @__PURE__ */ e(
+          A,
+          {
+            size: "small",
+            onClick: () => {
+              l({ endY: r.startY });
+            },
+            title: "将线条变为水平线",
+            children: "水平"
+          }
+        ),
+        /* @__PURE__ */ e(
+          A,
+          {
+            size: "small",
+            onClick: () => {
+              l({ endX: r.startX });
+            },
+            title: "将线条变为垂直线",
+            children: "垂直"
+          }
+        ),
+        /* @__PURE__ */ e(
+          A,
+          {
+            size: "small",
+            onClick: () => {
+              l({
+                startX: r.endX,
+                startY: r.endY,
+                endX: r.startX,
+                endY: r.startY
+              });
+            },
+            title: "交换起点和终点",
+            children: "反向"
+          }
+        )
+      ] }) })
+    ] })
+  ] });
+}, Bn = ({
+  node: n,
+  updateNode: f,
+  materials: t
+}) => {
+  const r = t.filter((h) => h.type !== "CUSTOM" || !h.config?.nodes), o = (h, w) => {
+    const c = n.children?.map((C) => C.id === h ? {
+      ...C,
+      contentInfo: {
+        ...C.contentInfo,
+        statusList: w
+      }
+    } : C);
+    f(n.id, {
+      children: c
+    });
+  }, l = (h) => {
+    const w = n.children?.find((C) => C.id === h);
+    if (!w) return;
+    const c = {
+      id: O(),
+      name: `状态${w.contentInfo.statusList.length + 1}`,
+      expression: w.contentInfo.statusList.length === 0 ? "return true;" : "return false;",
+      material: { ...r[0], id: O() },
+      bindCodes: []
+    };
+    o(h, [...w.contentInfo.statusList, c]);
+  }, s = (h, w) => {
+    const c = n.children?.find((g) => g.id === h);
+    if (!c) return;
+    const C = c.contentInfo.statusList.filter((g) => g.id !== w);
+    o(h, C);
+  }, a = (h, w, c) => {
+    const C = n.children?.find((D) => D.id === h);
+    if (!C) return;
+    const g = C.contentInfo.statusList.map((D) => D.id === w ? { ...D, ...c } : D);
+    o(h, g);
+  }, p = (h, w, c) => {
+    const C = n.children?.find((m) => m.id === h);
+    if (!C) return;
+    const g = C.contentInfo.statusList.findIndex((m) => m.id === w);
+    if (g === -1) return;
+    const D = [...C.contentInfo.statusList];
+    c === "up" && g > 0 ? [D[g], D[g - 1]] = [D[g - 1], D[g]] : c === "down" && g < D.length - 1 && ([D[g], D[g + 1]] = [D[g + 1], D[g]]), o(h, D);
+  }, b = (h, w, c) => {
+    const C = t.find((g) => g.id === c);
+    C && a(h, w, {
+      material: { ...C, id: O() }
+    });
+  };
+  return /* @__PURE__ */ i("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__ */ i("div", { className: "text-sm text-blue-700", children: [
+      /* @__PURE__ */ e("strong", { children: "群组节点" }),
+      "：为每个子节点配置多个状态和绑定"
+    ] }) }),
+    /* @__PURE__ */ e(ge, { ghost: !0, children: n.children?.map((h, w) => /* @__PURE__ */ e(
+      fe,
+      {
+        header: /* @__PURE__ */ i("div", { className: "flex items-center justify-between w-full pr-4", children: [
+          /* @__PURE__ */ i("span", { className: "font-medium text-sm", children: [
+            "子节点 ",
+            w + 1
+          ] }),
+          /* @__PURE__ */ i(ie, { color: "blue", style: { fontSize: "12px", padding: "0 4px" }, children: [
+            h.contentInfo.statusList.length,
+            " 个状态"
+          ] })
+        ] }),
+        children: /* @__PURE__ */ i("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ i("div", { className: "flex justify-between items-center mb-3", children: [
+            /* @__PURE__ */ e("span", { className: "text-sm text-gray-600", children: "状态列表" }),
+            /* @__PURE__ */ e(
+              A,
+              {
+                type: "primary",
+                size: "small",
+                icon: /* @__PURE__ */ e(Dt, {}),
+                onClick: () => l(h.id),
+                children: "添加状态"
+              }
+            )
+          ] }),
+          h.contentInfo.statusList.length === 0 ? /* @__PURE__ */ e("div", { className: "text-center text-gray-400 py-4 bg-gray-50 rounded-lg", children: "暂无状态，点击上方按钮添加" }) : /* @__PURE__ */ e(ge, { ghost: !0, children: h.contentInfo.statusList.map((c, C) => /* @__PURE__ */ e(
+            fe,
+            {
+              header: /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ e("span", { className: "text-xs text-gray-400 w-5", children: C + 1 }),
+                /* @__PURE__ */ e("span", { className: "font-medium", children: c.name }),
+                /* @__PURE__ */ e(ie, { color: "default", className: "text-xs", children: c.material.type })
+              ] }),
+              extra: /* @__PURE__ */ i(me, { size: "small", onClick: (g) => g.stopPropagation(), children: [
+                /* @__PURE__ */ e(
+                  A,
+                  {
+                    type: "text",
+                    size: "small",
+                    icon: /* @__PURE__ */ e(kt, {}),
+                    disabled: C === 0,
+                    onClick: (g) => {
+                      g.stopPropagation(), p(h.id, c.id, "up");
+                    }
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  A,
+                  {
+                    type: "text",
+                    size: "small",
+                    icon: /* @__PURE__ */ e(Et, {}),
+                    disabled: C === h.contentInfo.statusList.length - 1,
+                    onClick: (g) => {
+                      g.stopPropagation(), p(h.id, c.id, "down");
+                    }
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  A,
+                  {
+                    type: "text",
+                    size: "small",
+                    danger: !0,
+                    icon: /* @__PURE__ */ e(Ke, {}),
+                    onClick: (g) => {
+                      g.stopPropagation(), s(h.id, c.id);
+                    }
+                  }
+                )
+              ] }),
+              children: /* @__PURE__ */ i(N, { layout: "vertical", children: [
+                /* @__PURE__ */ e(N.Item, { label: "状态名称", children: /* @__PURE__ */ e(
+                  oe,
+                  {
+                    value: c.name,
+                    onChange: (g) => a(h.id, c.id, { name: g.target.value }),
+                    placeholder: "输入状态名称"
+                  }
+                ) }),
+                /* @__PURE__ */ e(
+                  N.Item,
+                  {
+                    label: "执行表达式",
+                    help: "返回 true 时激活此状态，可使用 data 变量访问绑定数据",
+                    children: /* @__PURE__ */ e(
+                      st,
+                      {
+                        value: c.expression,
+                        onChange: (g) => a(h.id, c.id, { expression: g.target.value }),
+                        rows: 3,
+                        placeholder: "return true;"
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ e(N.Item, { label: "绑定数据源 (bindCodes)", children: /* @__PURE__ */ e(
+                  be,
+                  {
+                    mode: "tags",
+                    value: c.bindCodes || [],
+                    onChange: (g) => a(h.id, c.id, { bindCodes: g }),
+                    placeholder: "输入数据源 code",
+                    tokenSeparators: [",", " "]
+                  }
+                ) }),
+                /* @__PURE__ */ e(N.Item, { label: "更换物料", children: /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ e(ie, { color: "blue", children: c.material.name }),
+                  /* @__PURE__ */ e(ie, { color: "default", children: c.material.type }),
+                  /* @__PURE__ */ e(
+                    be,
+                    {
+                      placeholder: "选择新物料",
+                      style: { width: 150 },
+                      value: void 0,
+                      onChange: (g) => g && b(h.id, c.id, g),
+                      options: r.map((g) => ({
+                        value: g.id,
+                        label: `${g.name} (${g.type})`
+                      }))
+                    }
+                  )
+                ] }) }),
+                /* @__PURE__ */ e(xe, { style: { margin: "12px 0" } }),
+                /* @__PURE__ */ i("div", { className: "bg-gray-50 rounded-lg p-3 border border-gray-200", children: [
+                  /* @__PURE__ */ i("div", { className: "flex items-center justify-between mb-2", children: [
+                    /* @__PURE__ */ e("span", { className: "text-sm font-medium", children: "物料属性" }),
+                    /* @__PURE__ */ e(ie, { children: c.material.name })
+                  ] }),
+                  /* @__PURE__ */ e(
+                    _t,
+                    {
+                      material: c.material,
+                      onSave: (g) => {
+                        const D = { ...c.material, ...g };
+                        a(h.id, c.id, { material: D });
+                      }
+                    }
+                  )
+                ] })
+              ] })
+            },
+            c.id
+          )) })
+        ] })
+      },
+      h.id
+    )) })
+  ] });
+}, _t = ({
+  material: n,
+  onSave: f,
+  bindCodes: t,
+  dataOptions: r
+}) => {
+  switch (n.type) {
+    case "TEXT":
+      return /* @__PURE__ */ e(
+        Fn,
+        {
+          material: n,
+          onSave: f,
+          bindCodes: t,
+          dataOptions: r
+        }
+      );
+    case "IMAGE":
+      return /* @__PURE__ */ e(Wn, { material: n, onSave: f });
+    case "LINE":
+      return /* @__PURE__ */ e(Un, { material: n, onSave: f });
+    default:
+      return /* @__PURE__ */ e("div", { className: "text-center text-gray-400 py-8", children: "暂不支持编辑此类型的物料" });
+  }
+}, qn = ({
+  defaultTestData: n
+}) => {
+  const {
+    nodes: f,
+    selectedNodeId: t,
+    updateNode: r,
+    updateNodeStyle: o,
+    updateNodeControl: l,
+    updateNodeContent: s,
+    materials: a,
+    // 物料库，用于创建状态时选择物料
+    addStatus: p,
+    removeStatus: b,
+    updateStatus: h,
+    selectedStatusId: w,
+    selectStatus: c
+  } = Qe(), [C] = N.useForm(), [g, D] = W("basic"), [m, T] = W(!1), [Y, U] = W(null), [R, _] = W({}), L = pe.useMemo(() => f.find((d) => d.id === t), [f, t]), X = L?.contentInfo.statusList || [];
+  pe.useMemo(() => !L || !w ? null : L.contentInfo.statusList.find(
+    (d) => d.id === w
+  ) || null, [L, w]);
+  const K = (d, v) => {
+    t && (d.normalStyle && o(t, d.normalStyle), d.name !== void 0 && r(t, { name: d.name }), d.controlInfo && l(t, d.controlInfo));
+  };
+  ae(() => {
+    L && (C.setFieldsValue({
+      name: L.name,
+      normalStyle: {
+        width: 100,
+        height: 100,
+        x: 0,
+        y: 0,
+        padding: 8,
+        background: "transparent",
+        borderRadius: 0,
+        opacity: 1,
+        ...L.normalStyle
+      },
+      controlInfo: {
+        isDraggable: !0,
+        isClickable: !0,
+        isResizable: !0,
+        isSelectable: !0,
+        ...L.controlInfo
+      }
+    }), c(null));
+  }, [L?.id, C, c]);
+  const z = () => {
+    !t || !L || (U("new"), T(!0));
+  }, k = (d) => {
+    if (!t || !L) return;
+    const v = {
+      id: O(),
+      name: `${d.name}_状态${X.length + 1}`,
+      expression: X.length === 0 ? "return true;" : "return false;",
+      material: { ...d, id: O() },
+      // 复制物料并生成新ID
+      bindCodes: []
+    };
+    if (Y === "new") {
+      const I = [...X, v];
+      s(t, {
+        statusList: I
+      });
+    } else if (Y) {
+      const I = X.map((M) => M.id === Y ? { ...M, material: { ...d, id: O() } } : M);
+      s(t, { statusList: I });
+    }
+    T(!1), U(null);
+  }, Z = (d) => {
+    if (!t || !L) return;
+    const v = L.contentInfo.statusList?.filter((I) => I.id !== d) || [];
+    s(t, { statusList: v }), w === d && c(null);
+  }, B = (d, v) => {
+    if (!t || !L) return;
+    const I = L.contentInfo.statusList?.map((M) => M.id === d ? { ...M, ...v } : M) || [];
+    s(t, { statusList: I });
+  }, Q = (d) => {
+    if (!t || !L) return;
+    const v = {
+      ...d,
+      id: O(),
+      name: `${d.name}_复制`,
+      expression: "return false;"
+    }, I = [...X, v];
+    s(t, { statusList: I });
+  }, x = (d, v) => {
+    if (!t || !L) return;
+    const I = X.findIndex((ne) => ne.id === d);
+    if (I === -1) return;
+    const M = [...X];
+    v === "up" && I > 0 ? [M[I], M[I - 1]] = [
+      M[I - 1],
+      M[I]
+    ] : v === "down" && I < M.length - 1 && ([M[I], M[I + 1]] = [
+      M[I + 1],
+      M[I]
+    ]), s(t, { statusList: M });
+  }, J = (d) => {
+    U(d), T(!0);
+  }, j = (d, v) => {
+    if (!t || !L) return;
+    const I = X.map((M) => M.id === d ? {
+      ...M,
+      material: { ...M.material, ...v }
+    } : M);
+    s(t, {
+      statusList: I
+    });
+  };
+  return L ? /* @__PURE__ */ i("div", { className: "h-full flex flex-col bg-white border-l border-gray-200", children: [
+    /* @__PURE__ */ i("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__ */ i(Ct, { activeKey: g, onChange: D, children: [
+      /* @__PURE__ */ e(lt, { tab: "基础", children: /* @__PURE__ */ i(
+        N,
+        {
+          form: C,
+          layout: "vertical",
+          onValuesChange: K,
+          initialValues: {
+            name: L.name
+          },
+          children: [
+            /* @__PURE__ */ e(N.Item, { label: "节点名称", name: "name", children: /* @__PURE__ */ e(oe, { placeholder: "输入节点名称" }) }),
+            /* @__PURE__ */ i(ge, { ghost: !0, defaultActiveKey: ["position", "size", "style"], children: [
+              /* @__PURE__ */ e(fe, { header: "位置", children: /* @__PURE__ */ i(me, { children: [
+                /* @__PURE__ */ e(N.Item, { label: "X", name: ["normalStyle", "x"], children: /* @__PURE__ */ e(V, {}) }),
+                /* @__PURE__ */ e(N.Item, { label: "Y", name: ["normalStyle", "y"], children: /* @__PURE__ */ e(V, {}) })
+              ] }) }, "position"),
+              /* @__PURE__ */ e(fe, { header: "尺寸", children: /* @__PURE__ */ i(me, { children: [
+                /* @__PURE__ */ e(N.Item, { label: "宽度", name: ["normalStyle", "width"], children: /* @__PURE__ */ e(V, { min: 10 }) }),
+                /* @__PURE__ */ e(N.Item, { label: "高度", name: ["normalStyle", "height"], children: /* @__PURE__ */ e(V, { min: 10 }) })
+              ] }) }, "size"),
+              /* @__PURE__ */ i(fe, { header: "样式", children: [
+                /* @__PURE__ */ e(
+                  N.Item,
+                  {
+                    label: "背景色",
+                    name: ["normalStyle", "background"],
+                    children: /* @__PURE__ */ e(oe, { placeholder: "transparent, #fff, url(...)" })
+                  }
+                ),
+                /* @__PURE__ */ e(N.Item, { label: "内边距", name: ["normalStyle", "padding"], children: /* @__PURE__ */ e(V, { min: 0 }) }),
+                /* @__PURE__ */ e(
+                  N.Item,
+                  {
+                    label: "圆角",
+                    name: ["normalStyle", "borderRadius"],
+                    children: /* @__PURE__ */ e(V, { min: 0 })
+                  }
+                ),
+                /* @__PURE__ */ e(
+                  N.Item,
+                  {
+                    label: "缩放比例",
+                    name: ["normalStyle", "scale"],
+                    help: "等比缩放节点的宽高",
+                    children: /* @__PURE__ */ e(V, { min: 0.1, max: 5, step: 0.1 })
+                  }
+                ),
+                /* @__PURE__ */ e(N.Item, { label: "透明度", name: ["normalStyle", "opacity"], children: /* @__PURE__ */ e(V, { min: 0, max: 1, step: 0.1 }) }),
+                /* @__PURE__ */ e(N.Item, { label: "层级", name: ["normalStyle", "zIndex"], children: /* @__PURE__ */ e(V, {}) })
+              ] }, "style")
+            ] })
+          ]
+        }
+      ) }, "basic"),
+      /* @__PURE__ */ e(lt, { tab: "状态", children: L.type === "group" && L.children ? /* @__PURE__ */ e(
+        Bn,
+        {
+          node: L,
+          updateNode: r,
+          materials: a
+        }
+      ) : /* @__PURE__ */ i("div", { className: "mb-4", children: [
+        /* @__PURE__ */ i("div", { className: "flex items-center justify-between mb-2", children: [
+          /* @__PURE__ */ i("span", { className: "font-medium", children: [
+            "状态列表",
+            /* @__PURE__ */ e(ie, { color: "blue", className: "ml-2", children: X.length })
+          ] }),
+          /* @__PURE__ */ e(
+            A,
+            {
+              type: "primary",
+              size: "small",
+              icon: /* @__PURE__ */ e(Dt, {}),
+              onClick: z,
+              children: "添加状态"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e("p", { className: "text-xs text-gray-500 mb-3", children: "节点根据状态表达式计算结果显示对应物料，第一个返回 true 的状态为当前状态" }),
+        X.length > 0 && /* @__PURE__ */ i("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__ */ i("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: "由表达式自动计算" }),
+            /* @__PURE__ */ e("span", { className: "ml-2 text-xs text-gray-400", children: "(返回 true 的第一个状态)" })
+          ] }) }),
+          /* @__PURE__ */ e("div", { className: "mt-2 text-xs text-gray-500", children: '提示: 使用画布工具栏的"数据模拟"按钮可以测试状态表达式' })
+        ] }),
+        X.length === 0 ? /* @__PURE__ */ e("div", { className: "text-center text-gray-400 py-4 bg-gray-50 rounded-lg", children: "暂无状态，点击上方按钮添加" }) : /* @__PURE__ */ e(ge, { ghost: !0, children: X.map((d, v) => /* @__PURE__ */ e(
+          fe,
+          {
+            header: /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ e("span", { className: "text-xs text-gray-400 w-5", children: v + 1 }),
+              /* @__PURE__ */ e("span", { className: "font-medium", children: d.name }),
+              /* @__PURE__ */ e(ie, { color: "default", className: "text-xs", children: d.material.type })
+            ] }),
+            extra: /* @__PURE__ */ i(
+              me,
+              {
+                size: "small",
+                onClick: (I) => I.stopPropagation(),
+                children: [
+                  /* @__PURE__ */ e(
+                    A,
+                    {
+                      type: "text",
+                      size: "small",
+                      icon: /* @__PURE__ */ e(kt, {}),
+                      disabled: v === 0,
+                      onClick: (I) => {
+                        I.stopPropagation(), x(d.id, "up");
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    A,
+                    {
+                      type: "text",
+                      size: "small",
+                      icon: /* @__PURE__ */ e(Et, {}),
+                      disabled: v === X.length - 1,
+                      onClick: (I) => {
+                        I.stopPropagation(), x(d.id, "down");
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    A,
+                    {
+                      type: "text",
+                      size: "small",
+                      icon: /* @__PURE__ */ e(mn, {}),
+                      onClick: (I) => {
+                        I.stopPropagation(), Q(d);
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    A,
+                    {
+                      type: "text",
+                      size: "small",
+                      danger: !0,
+                      icon: /* @__PURE__ */ e(Ke, {}),
+                      onClick: (I) => {
+                        I.stopPropagation(), Z(d.id);
+                      }
+                    }
+                  )
+                ]
+              }
+            ),
+            children: /* @__PURE__ */ i(N, { layout: "vertical", children: [
+              /* @__PURE__ */ e(N.Item, { label: "状态名称", children: /* @__PURE__ */ e(
+                oe,
+                {
+                  value: d.name,
+                  onChange: (I) => B(d.id, {
+                    name: I.target.value
+                  }),
+                  placeholder: "输入状态名称"
+                }
+              ) }),
+              /* @__PURE__ */ e(
+                N.Item,
+                {
+                  label: "执行表达式",
+                  help: "返回 true 时激活此状态，可使用 data 变量访问绑定数据",
+                  children: /* @__PURE__ */ e(
+                    st,
+                    {
+                      value: R[d.id] ?? d.expression,
+                      onChange: (I) => _((M) => ({
+                        ...M,
+                        [d.id]: I.target.value
+                      })),
+                      onBlur: (I) => {
+                        B(d.id, {
+                          expression: I.target.value
+                        }), _((M) => {
+                          const ne = { ...M };
+                          return delete ne[d.id], ne;
+                        });
+                      },
+                      rows: 3,
+                      placeholder: "return true;"
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ e(N.Item, { label: "绑定数据源 (bindCodes)", children: /* @__PURE__ */ e(
+                be,
+                {
+                  mode: "tags",
+                  value: d.bindCodes || [],
+                  onChange: (I) => B(d.id, {
+                    bindCodes: I
+                  }),
+                  placeholder: "输入数据源 code",
+                  tokenSeparators: [",", " "],
+                  fieldNames: {
+                    value: "paramsCode",
+                    label: "paramsName"
+                  },
+                  options: n
+                }
+              ) }),
+              /* @__PURE__ */ e(N.Item, { label: "绑定物料", children: /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ e(ie, { color: "blue", children: d.material.name }),
+                /* @__PURE__ */ e(ie, { color: "default", children: d.material.type }),
+                /* @__PURE__ */ e(
+                  A,
+                  {
+                    type: "link",
+                    size: "small",
+                    icon: /* @__PURE__ */ e(Mt, {}),
+                    onClick: () => J(d.id),
+                    children: "更换物料"
+                  }
+                )
+              ] }) }),
+              /* @__PURE__ */ e(xe, { style: { margin: "12px 0" } }),
+              /* @__PURE__ */ i("div", { className: "bg-gray-50 rounded-lg p-3 border border-gray-200", children: [
+                /* @__PURE__ */ i("div", { className: "flex items-center justify-between mb-2", children: [
+                  /* @__PURE__ */ e("span", { className: "text-sm font-medium", children: "物料属性" }),
+                  /* @__PURE__ */ e(ie, { children: d.material.name })
+                ] }),
+                /* @__PURE__ */ e(
+                  _t,
+                  {
+                    material: d.material,
+                    onSave: (I) => j(d.id, I),
+                    bindCodes: d.bindCodes || [],
+                    dataOptions: n || []
+                  }
+                )
+              ] })
+            ] })
+          },
+          d.id
+        )) })
+      ] }) }, "status"),
+      /* @__PURE__ */ e(lt, { tab: "控制", children: /* @__PURE__ */ i(
+        N,
+        {
+          form: C,
+          layout: "vertical",
+          onValuesChange: K,
+          children: [
+            /* @__PURE__ */ e(
+              N.Item,
+              {
+                label: "可拖拽",
+                name: ["controlInfo", "isDraggable"],
+                valuePropName: "checked",
+                children: /* @__PURE__ */ e(Je, {})
+              }
+            ),
+            /* @__PURE__ */ e(
+              N.Item,
+              {
+                label: "可点击",
+                name: ["controlInfo", "isClickable"],
+                valuePropName: "checked",
+                children: /* @__PURE__ */ e(Je, {})
+              }
+            ),
+            /* @__PURE__ */ e(
+              N.Item,
+              {
+                label: "可调整大小",
+                name: ["controlInfo", "isResizable"],
+                valuePropName: "checked",
+                children: /* @__PURE__ */ e(Je, {})
+              }
+            ),
+            /* @__PURE__ */ e(
+              N.Item,
+              {
+                label: "可选中",
+                name: ["controlInfo", "isSelectable"],
+                valuePropName: "checked",
+                children: /* @__PURE__ */ e(Je, {})
+              }
+            )
+          ]
+        }
+      ) }, "control")
+    ] }) }),
+    /* @__PURE__ */ e("div", { className: "p-3 border-t border-gray-200 bg-gray-50", children: /* @__PURE__ */ i("div", { className: "text-xs text-gray-500", children: [
+      /* @__PURE__ */ i("div", { children: [
+        "节点 ID: ",
+        L.id.slice(0, 8),
+        "..."
+      ] }),
+      /* @__PURE__ */ i("div", { children: [
+        "状态数: ",
+        X.length
+      ] })
+    ] }) }),
+    /* @__PURE__ */ e(
+      it,
+      {
+        title: "选择物料",
+        open: m,
+        onCancel: () => {
+          T(!1), U(null);
+        },
+        footer: null,
+        width: 600,
+        children: /* @__PURE__ */ e("div", { className: "max-h-[400px] overflow-y-auto", children: /* @__PURE__ */ i(
+          ge,
+          {
+            ghost: !0,
+            defaultActiveKey: ["basic", "device", "text", "line"],
+            children: [
+              /* @__PURE__ */ e(fe, { header: "基础形状", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-4 gap-2", children: a.filter((d) => ["矩形", "圆形", "圆角矩形"].includes(d.name)).map((d) => /* @__PURE__ */ i(
+                "div",
+                {
+                  className: "border rounded-lg p-2 cursor-pointer hover:border-blue-500 hover:bg-blue-50 transition-all text-center",
+                  onClick: () => k(d),
+                  children: [
+                    /* @__PURE__ */ e("div", { className: "w-12 h-12 mx-auto mb-1 flex items-center justify-center", children: d.src ? /* @__PURE__ */ e(
+                      "img",
+                      {
+                        src: d.src,
+                        alt: d.name,
+                        className: "w-10 h-10 object-contain"
+                      }
+                    ) : /* @__PURE__ */ e("span", { className: "text-xs", children: d.name[0] }) }),
+                    /* @__PURE__ */ e("span", { className: "text-xs", children: d.name })
+                  ]
+                },
+                d.id
+              )) }) }, "basic"),
+              /* @__PURE__ */ e(fe, { header: "设备图标", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-4 gap-2", children: a.filter(
+                (d) => ["阀门", "泵", "罐体"].includes(d.name) || d.type === "IMAGE" && !["矩形", "圆形", "圆角矩形"].includes(d.name)
+              ).map((d) => /* @__PURE__ */ i(
+                "div",
+                {
+                  className: "border rounded-lg p-2 cursor-pointer hover:border-blue-500 hover:bg-blue-50 transition-all text-center",
+                  onClick: () => k(d),
+                  children: [
+                    /* @__PURE__ */ e("div", { className: "w-12 h-12 mx-auto mb-1 flex items-center justify-center", children: d.src ? /* @__PURE__ */ e(
+                      "img",
+                      {
+                        src: d.src,
+                        alt: d.name,
+                        className: "w-10 h-10 object-contain"
+                      }
+                    ) : /* @__PURE__ */ e("span", { className: "text-xs", children: d.name[0] }) }),
+                    /* @__PURE__ */ e("span", { className: "text-xs", children: d.name })
+                  ]
+                },
+                d.id
+              )) }) }, "device"),
+              /* @__PURE__ */ e(fe, { header: "文本", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-4 gap-2", children: a.filter((d) => d.type === "TEXT").map((d) => /* @__PURE__ */ i(
+                "div",
+                {
+                  className: "border rounded-lg p-2 cursor-pointer hover:border-blue-500 hover:bg-blue-50 transition-all text-center",
+                  onClick: () => k(d),
+                  children: [
+                    /* @__PURE__ */ e("div", { className: "w-12 h-12 mx-auto mb-1 flex items-center justify-center bg-gray-100 rounded", children: /* @__PURE__ */ e("span", { className: "text-lg font-bold text-gray-500", children: "T" }) }),
+                    /* @__PURE__ */ e("span", { className: "text-xs", children: d.name })
+                  ]
+                },
+                d.id
+              )) }) }, "text"),
+              /* @__PURE__ */ e(fe, { header: "线条", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-4 gap-2", children: a.filter((d) => d.type === "LINE").map((d) => /* @__PURE__ */ i(
+                "div",
+                {
+                  className: "border rounded-lg p-2 cursor-pointer hover:border-blue-500 hover:bg-blue-50 transition-all text-center",
+                  onClick: () => k(d),
+                  children: [
+                    /* @__PURE__ */ e("div", { className: "w-12 h-12 mx-auto mb-1 flex items-center justify-center bg-gray-100 rounded", children: /* @__PURE__ */ e("div", { className: "w-8 h-0.5 bg-gray-400" }) }),
+                    /* @__PURE__ */ e("span", { className: "text-xs", children: d.name })
+                  ]
+                },
+                d.id
+              )) }) }, "line")
+            ]
+          }
+        ) })
+      }
+    )
+  ] }) : /* @__PURE__ */ e("div", { className: "h-full flex items-center justify-center bg-white border-l border-gray-200", children: /* @__PURE__ */ e(te, { description: "请选择一个节点" }) });
+}, { Header: Gn, Sider: St, Content: Vn } = at, ll = ({
+  initialScheme: n,
+  onChange: f,
+  readonly: t = !1,
+  headerExtra: r,
+  className: o = "",
+  style: l,
+  showHeader: s = !0,
+  showMaterialPanel: a = !0,
+  showPropertyPanel: p = !0,
+  customMaterials: b
+}) => {
+  const [h, w] = pe.useState(!1), [c, C] = pe.useState(""), [g, D] = pe.useState([
+    {
+      paramsCode: "001",
+      paramsName: "通频速度有效值",
+      value: 25,
+      paramsUnit: "mm/s"
+    },
+    {
+      paramsCode: "002",
+      paramsName: "通频加速度有效值",
+      value: 1.5,
+      paramsUnit: "m/s²"
+    }
+  ]), { exportScheme: m, importScheme: T, nodes: Y, materials: U, addMaterial: R } = Qe();
+  pe.useRef(null);
+  const _ = pe.useRef(!1);
+  ae(() => {
+    _.current || (_.current = !0, U.length === 0 && Pn.forEach((k) => R(k)), b && b.length > 0 && b.forEach((k) => R(k)), n && T(n));
+  }, []), ae(() => {
+    if (f) {
+      const k = m();
+      f(k);
+    }
+  }, [Y, f]);
+  const L = G(() => {
+    const k = m(), Z = JSON.stringify(k, null, 2), B = "data:application/json;charset=utf-8," + encodeURIComponent(Z), Q = `scheme_${Date.now()}.json`, x = document.createElement("a");
+    x.setAttribute("href", B), x.setAttribute("download", Q), x.click(), Oe.success("导出成功！");
+  }, [m]), X = G(() => {
+    try {
+      const k = JSON.parse(c);
+      T(k), w(!1), C(""), Oe.success("导入成功！");
+    } catch {
+      Oe.error("JSON 格式错误，请检查输入");
+    }
+  }, [c, T]), K = G(
+    (k) => {
+      const Z = new FileReader();
+      return Z.onload = (B) => {
+        try {
+          const Q = B.target?.result, x = JSON.parse(Q);
+          T(x), Oe.success("导入成功！");
+        } catch {
+          Oe.error("文件格式错误");
+        }
+      }, Z.readAsText(k), !1;
+    },
+    [T]
+  ), z = G(() => m(), [m]);
+  return pe.useImperativeHandle(
+    pe.useRef?.(),
+    () => ({
+      getScheme: z,
+      exportScheme: m,
+      importScheme: T
+    }),
+    [z, m, T]
+  ), console.log("defaultTestData", g), /* @__PURE__ */ e(Jt, { locale: Dn, children: /* @__PURE__ */ i(
+    at,
+    {
+      className: `h-full w-full overflow-hidden ${o}`,
+      style: l,
+      children: [
+        s && /* @__PURE__ */ i(Gn, { className: "bg-white border-b border-gray-200 px-4 flex items-center justify-between flex-shrink-0", children: [
+          /* @__PURE__ */ i("div", { className: "flex items-center gap-4", children: [
+            /* @__PURE__ */ e("div", { className: "text-xl font-bold text-blue-600", children: "组态编辑器" }),
+            /* @__PURE__ */ i("div", { className: "text-sm text-gray-500", children: [
+              Y.length,
+              " 个节点"
+            ] })
+          ] }),
+          /* @__PURE__ */ i(me, { children: [
+            r,
+            !t && /* @__PURE__ */ i(Me, { children: [
+              /* @__PURE__ */ e(Ie, { title: "导出 JSON", children: /* @__PURE__ */ e(A, { icon: /* @__PURE__ */ e(fn, {}), onClick: L, children: "导出" }) }),
+              /* @__PURE__ */ e(Ie, { title: "导入 JSON", children: /* @__PURE__ */ e(
+                A,
+                {
+                  icon: /* @__PURE__ */ e(It, {}),
+                  onClick: () => w(!0),
+                  children: "导入"
+                }
+              ) })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ i(at, { children: [
+          a && !t && /* @__PURE__ */ e(St, { width: 280, className: "bg-white", theme: "light", children: /* @__PURE__ */ e($n, {}) }),
+          /* @__PURE__ */ e(Vn, { className: "bg-gray-100 relative", children: /* @__PURE__ */ e(jn, { defaultTestData: g }) }),
+          p && !t && /* @__PURE__ */ e(St, { width: 360, className: "bg-white", theme: "light", children: /* @__PURE__ */ e(qn, { defaultTestData: g }) })
+        ] }),
+        /* @__PURE__ */ e(
+          it,
+          {
+            title: "导入组态方案",
+            open: h,
+            onOk: X,
+            onCancel: () => {
+              w(!1), C("");
+            },
+            width: 600,
+            children: /* @__PURE__ */ i("div", { className: "space-y-4", children: [
+              /* @__PURE__ */ i("div", { children: [
+                /* @__PURE__ */ e("p", { className: "mb-2", children: "选择 JSON 文件导入：" }),
+                /* @__PURE__ */ e(
+                  "input",
+                  {
+                    type: "file",
+                    accept: ".json",
+                    onChange: (k) => {
+                      const Z = k.target.files?.[0];
+                      Z && K(Z);
+                    },
+                    className: `block w-full text-sm text-gray-500
+                  file:mr-4 file:py-2 file:px-4
+                  file:rounded-full file:border-0
+                  file:text-sm file:font-semibold
+                  file:bg-blue-50 file:text-blue-700
+                  hover:file:bg-blue-100`
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ e("div", { className: "text-center text-gray-400", children: "或" }),
+              /* @__PURE__ */ i("div", { children: [
+                /* @__PURE__ */ e("p", { className: "mb-2", children: "粘贴 JSON 内容：" }),
+                /* @__PURE__ */ e(
+                  "textarea",
+                  {
+                    value: c,
+                    onChange: (k) => C(k.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"
+                  }
+                )
+              ] })
+            ] })
+          }
+        )
+      ]
+    }
+  ) });
+};
+export {
+  jn as Canvas,
+  ll as ConfigEditor,
+  $n as MaterialPanel,
+  Tt as NodeRenderer,
+  qn as PropertyPanel,
+  Ln as createDefaultNode,
+  $t as createDefaultStatus,
+  Pn as initMaterials,
+  Qe as useEditorStore
+};
+//# sourceMappingURL=config-editor.es.js.map