@blueking/flow-canvas 0.0.11 → 0.0.12

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import { ref as H, computed as V, onScopeDispose as it, defineComponent as fe, h as qe, watch as ge, onBeforeUnmount as Te, createElementBlock as T, openBlock as A, normalizeStyle as Ee, createElementVNode as q, createVNode as at, createCommentVNode as Y, normalizeClass as te, Transition as lt, withCtx as He, withModifiers as ht, createTextVNode as je, renderSlot as Me, nextTick as Ge, onMounted as dt, createBlock as Ie, Fragment as de, renderList as Ce, toDisplayString as ce, unref as re, reactive as vt, resolveDynamicComponent as mt, Teleport as yt, inject as wt, createApp as bt } from "vue";
+import { ref as H, computed as V, onScopeDispose as rt, defineComponent as fe, h as qe, watch as ge, onBeforeUnmount as Te, openBlock as A, createElementBlock as T, normalizeStyle as Ee, createElementVNode as q, normalizeClass as te, createCommentVNode as Y, createVNode as at, Transition as lt, withCtx as He, withModifiers as ht, createTextVNode as je, renderSlot as Me, nextTick as Ge, onMounted as dt, Fragment as de, renderList as Ie, toDisplayString as ce, unref as ie, createBlock as Ce, reactive as vt, resolveDynamicComponent as mt, Teleport as yt, inject as wt, createApp as bt } from "vue";
 import { Graph as Et } from "@antv/x6";
 import { register as xt } from "@antv/x6-vue-shape";
 import { Selection as It } from "@antv/x6-plugin-selection";
@@ -20,109 +20,109 @@ class kt extends Error {
     super(e), this.name = "CanvasSchemaError";
   }
 }
-function Re(n, e, o) {
+function Re(s, e, o) {
   if (e.length === 0) {
     if (o === void 0) return;
     if (typeof o != "object" || o === null || Array.isArray(o))
       throw new Error("Root value of payload/extensions/meta must be an object or undefined");
     return o;
   }
-  const t = n ? { ...n } : {};
-  let s = t;
-  for (let i = 0; i < e.length - 1; i++) {
-    const l = e[i], a = s[l];
-    a && typeof a == "object" && !Array.isArray(a) ? s[l] = { ...a } : s[l] = {}, s = s[l];
+  const t = s ? { ...s } : {};
+  let n = t;
+  for (let r = 0; r < e.length - 1; r++) {
+    const l = e[r], a = n[l];
+    a && typeof a == "object" && !Array.isArray(a) ? n[l] = { ...a } : n[l] = {}, n = n[l];
   }
-  const r = e[e.length - 1];
-  return o === void 0 ? delete s[r] : s[r] = o, t;
+  const i = e[e.length - 1];
+  return o === void 0 ? delete n[i] : n[i] = o, t;
 }
-function ct(n, e) {
+function ct(s, e) {
   switch (e.type) {
     case "node.add":
-      return St(n, e.node);
+      return St(s, e.node);
     case "node.move":
-      return Mt(n, e.nodeId, e.position);
+      return Mt(s, e.nodeId, e.position);
     case "node.remove":
-      return Nt(n, e.nodeId);
+      return Nt(s, e.nodeId);
     case "node.update":
-      return Dt(n, e.nodeId, e.patch);
+      return Dt(s, e.nodeId, e.patch);
     case "node.set-payload":
-      return At(n, e.nodeId, e.path, e.value);
+      return At(s, e.nodeId, e.path, e.value);
     case "node.set-extensions":
-      return _t(n, e.nodeId, e.path, e.value);
+      return _t(s, e.nodeId, e.path, e.value);
     case "edge.add":
-      return Pt(n, e.edge);
+      return Pt(s, e.edge);
     case "edge.remove":
-      return Tt(n, e.edgeId);
+      return Tt(s, e.edgeId);
     case "edge.reconnect":
-      return Rt(n, e.edgeId, e.source, e.target);
+      return Rt(s, e.edgeId, e.source, e.target);
     case "edge.update":
-      return Lt(n, e.edgeId, e.patch);
+      return Lt(s, e.edgeId, e.patch);
     case "edge.set-payload":
-      return Ot(n, e.edgeId, e.path, e.value);
+      return Ot(s, e.edgeId, e.path, e.value);
     case "edge.label.update":
-      return $t(n, e.edgeId, e.labelId, e.patch);
+      return $t(s, e.edgeId, e.labelId, e.patch);
     case "model.set-meta":
-      return Bt(n, e.path, e.value);
+      return Bt(s, e.path, e.value);
     default:
       throw new ue(`Unknown command type: ${e.type}`);
   }
 }
-function Ne(n, e) {
-  const o = n.nodes[e];
+function Ne(s, e) {
+  const o = s.nodes[e];
   if (!o) throw new ue(`Node "${e}" does not exist`);
   return o;
 }
-function De(n, e) {
-  const o = n.edges[e];
+function De(s, e) {
+  const o = s.edges[e];
   if (!o) throw new ue(`Edge "${e}" does not exist`);
   return o;
 }
-function ke(n, e, o) {
-  const t = n.nodes[e.nodeId];
+function ke(s, e, o) {
+  const t = s.nodes[e.nodeId];
   if (!t)
     throw new ue(`${o} node "${e.nodeId}" does not exist`);
-  if (e.portId && t.ports && !t.ports.some((r) => r.id === e.portId))
+  if (e.portId && t.ports && !t.ports.some((i) => i.id === e.portId))
     throw new ue(`${o} port "${e.portId}" not found on node "${e.nodeId}"`);
 }
-function Le(n, e, o) {
-  return { ...n, nodes: { ...n.nodes, [e]: o } };
+function Le(s, e, o) {
+  return { ...s, nodes: { ...s.nodes, [e]: o } };
 }
-function Oe(n, e, o) {
-  return { ...n, edges: { ...n.edges, [e]: o } };
+function Oe(s, e, o) {
+  return { ...s, edges: { ...s.edges, [e]: o } };
 }
-function St(n, e) {
-  if (n.nodes[e.id])
+function St(s, e) {
+  if (s.nodes[e.id])
     throw new ue(`Node id "${e.id}" already exists`);
-  return { ...n, nodes: { ...n.nodes, [e.id]: e } };
+  return { ...s, nodes: { ...s.nodes, [e.id]: e } };
 }
-function Mt(n, e, o) {
-  const t = Ne(n, e);
-  return Le(n, e, { ...t, position: o });
+function Mt(s, e, o) {
+  const t = Ne(s, e);
+  return Le(s, e, { ...t, position: o });
 }
-function Nt(n, e) {
-  Ne(n, e);
-  const { [e]: o, ...t } = n.nodes, s = {};
-  for (const [r, i] of Object.entries(n.edges))
-    i.source.nodeId !== e && i.target.nodeId !== e && (s[r] = i);
-  return { ...n, nodes: t, edges: s };
+function Nt(s, e) {
+  Ne(s, e);
+  const { [e]: o, ...t } = s.nodes, n = {};
+  for (const [i, r] of Object.entries(s.edges))
+    r.source.nodeId !== e && r.target.nodeId !== e && (n[i] = r);
+  return { ...s, nodes: t, edges: n };
 }
-function Dt(n, e, o) {
-  const t = Ne(n, e);
-  return Le(n, e, { ...t, ...o, id: t.id });
+function Dt(s, e, o) {
+  const t = Ne(s, e);
+  return Le(s, e, { ...t, ...o, id: t.id });
 }
-function At(n, e, o, t) {
-  const s = Ne(n, e), r = Re(s.payload, o, t);
-  return Le(n, e, { ...s, payload: r });
+function At(s, e, o, t) {
+  const n = Ne(s, e), i = Re(n.payload, o, t);
+  return Le(s, e, { ...n, payload: i });
 }
-function _t(n, e, o, t) {
-  const s = Ne(n, e), r = Re(s.extensions, o, t);
-  return Le(n, e, { ...s, extensions: r });
+function _t(s, e, o, t) {
+  const n = Ne(s, e), i = Re(n.extensions, o, t);
+  return Le(s, e, { ...n, extensions: i });
 }
-function Pt(n, e) {
-  if (n.edges[e.id])
+function Pt(s, e) {
+  if (s.edges[e.id])
     throw new ue(`Edge id "${e.id}" already exists`);
-  if (ke(n, e.source, "Source"), ke(n, e.target, "Target"), e.labels) {
+  if (ke(s, e.source, "Source"), ke(s, e.target, "Target"), e.labels) {
     const o = /* @__PURE__ */ new Set();
     for (const t of e.labels) {
       if (o.has(t.id))
@@ -130,45 +130,45 @@ function Pt(n, e) {
       o.add(t.id);
     }
   }
-  return { ...n, edges: { ...n.edges, [e.id]: e } };
+  return { ...s, edges: { ...s.edges, [e.id]: e } };
 }
-function Tt(n, e) {
-  De(n, e);
-  const { [e]: o, ...t } = n.edges;
-  return { ...n, edges: t };
+function Tt(s, e) {
+  De(s, e);
+  const { [e]: o, ...t } = s.edges;
+  return { ...s, edges: t };
 }
-function Rt(n, e, o, t) {
-  const s = De(n, e), r = o ?? s.source, i = t ?? s.target;
-  return ke(n, r, "Source"), ke(n, i, "Target"), Oe(n, e, { ...s, source: r, target: i });
+function Rt(s, e, o, t) {
+  const n = De(s, e), i = o ?? n.source, r = t ?? n.target;
+  return ke(s, i, "Source"), ke(s, r, "Target"), Oe(s, e, { ...n, source: i, target: r });
 }
-function Lt(n, e, o) {
-  const t = De(n, e), s = { ...t, ...o, id: t.id };
-  return o.source && ke(n, s.source, "Source"), o.target && ke(n, s.target, "Target"), Oe(n, e, s);
+function Lt(s, e, o) {
+  const t = De(s, e), n = { ...t, ...o, id: t.id };
+  return o.source && ke(s, n.source, "Source"), o.target && ke(s, n.target, "Target"), Oe(s, e, n);
 }
-function Ot(n, e, o, t) {
-  const s = De(n, e), r = Re(s.payload, o, t);
-  return Oe(n, e, { ...s, payload: r });
+function Ot(s, e, o, t) {
+  const n = De(s, e), i = Re(n.payload, o, t);
+  return Oe(s, e, { ...n, payload: i });
 }
-function $t(n, e, o, t) {
-  const s = De(n, e);
-  if (!s.labels)
+function $t(s, e, o, t) {
+  const n = De(s, e);
+  if (!n.labels)
     throw new ue(`Edge "${e}" has no labels`);
-  const r = s.labels.findIndex((l) => l.id === o);
-  if (r === -1)
+  const i = n.labels.findIndex((l) => l.id === o);
+  if (i === -1)
     throw new ue(`Label "${o}" not found in edge "${e}"`);
-  const i = [...s.labels];
-  return i[r] = { ...i[r], ...t, id: o }, Oe(n, e, { ...s, labels: i });
+  const r = [...n.labels];
+  return r[i] = { ...r[i], ...t, id: o }, Oe(s, e, { ...n, labels: r });
 }
-function Bt(n, e, o) {
-  const t = Re(n.meta, e, o);
-  return { ...n, meta: t };
+function Bt(s, e, o) {
+  const t = Re(s.meta, e, o);
+  return { ...s, meta: t };
 }
-function Ft(n, e) {
-  const o = e?.maxHistorySize ?? 100, t = H(n), s = [], r = [], i = H(!1), l = H(!1);
+function Ft(s, e) {
+  const o = e?.maxHistorySize ?? 100, t = H(s), n = [], i = [], r = H(!1), l = H(!1);
   function a() {
-    i.value = s.length > 0, l.value = r.length > 0;
+    r.value = n.length > 0, l.value = i.length > 0;
   }
-  function v(b) {
+  function h(b) {
     const S = t.value;
     let M = S;
     for (const B of b.commands)
@@ -177,27 +177,27 @@ function Ft(n, e) {
       const B = e?.excludeCommandFromHistory, j = B ? b.commands.filter((k) => !B(k)) : b.commands;
       if (j.length > 0) {
         const k = j.length < b.commands.length ? { ...b, commands: j } : b;
-        s.push({ snapshot: S, envelope: k }), s.length > o && s.shift(), r.length = 0;
+        n.push({ snapshot: S, envelope: k }), n.length > o && n.shift(), i.length = 0;
       }
     }
     return t.value = M, a(), M;
   }
   function f() {
-    const b = s.pop();
+    const b = n.pop();
     if (!b) return null;
-    r.push({ snapshot: t.value, envelope: b.envelope });
+    i.push({ snapshot: t.value, envelope: b.envelope });
     const S = e?.preserveMetaOnUndoRedo ? { ...b.snapshot, meta: t.value.meta } : b.snapshot;
     return t.value = S, a(), S;
   }
   function p() {
-    const b = r.pop();
+    const b = i.pop();
     if (!b) return null;
-    s.push({ snapshot: t.value, envelope: b.envelope });
+    n.push({ snapshot: t.value, envelope: b.envelope });
     const S = e?.preserveMetaOnUndoRedo ? { ...b.snapshot, meta: t.value.meta } : b.snapshot;
     return t.value = S, a(), S;
   }
   function u() {
-    s.length = 0, r.length = 0, a();
+    n.length = 0, i.length = 0, a();
   }
   function w() {
     return t.value;
@@ -213,20 +213,20 @@ function Ft(n, e) {
       timestamp: Date.now(),
       commands: []
     };
-    s.push({ snapshot: t.value, envelope: M }), s.length > o && s.shift(), r.length = 0, t.value = b, a();
+    n.push({ snapshot: t.value, envelope: M }), n.length > o && n.shift(), i.length = 0, t.value = b, a();
   }
   return {
     currentFlowModel: t,
-    execute: v,
+    execute: h,
     undo: f,
     redo: p,
-    canUndo: i,
+    canUndo: r,
     canRedo: l,
     get undoStack() {
-      return s.map((b) => b.envelope);
+      return n.map((b) => b.envelope);
     },
     get redoStack() {
-      return r.map((b) => b.envelope);
+      return i.map((b) => b.envelope);
     },
     clear: u,
     createSnapshot: w,
@@ -234,8 +234,8 @@ function Ft(n, e) {
     updateFlowModel: O
   };
 }
-function qt(n) {
-  return n !== null && typeof n == "object" && n.rejected === !0;
+function qt(s) {
+  return s !== null && typeof s == "object" && s.rejected === !0;
 }
 class Ht {
   plugins = [];
@@ -244,7 +244,7 @@ class Ht {
   /** 每次 attachRuntime 递增，detachRuntime 时旧 generation 的异步调用自动作废 */
   runtimeVersion = 0;
   install(e, o) {
-    this.plugins = [...e].sort((t, s) => (t.priority ?? 100) - (s.priority ?? 100)), this.editorContext = o;
+    this.plugins = [...e].sort((t, n) => (t.priority ?? 100) - (n.priority ?? 100)), this.editorContext = o;
     for (const t of this.plugins)
       t.install?.(o);
   }
@@ -257,8 +257,8 @@ class Ht {
     const o = ++this.runtimeVersion;
     this.runtimeCtx = e;
     const t = this.createSafeRuntimeContext(e, o);
-    for (const s of this.plugins)
-      s.attachRuntime?.(t);
+    for (const n of this.plugins)
+      n.attachRuntime?.(t);
   }
   /** 按安装的逆序 detach，保证后安装的插件先释放运行时资源 */
   detachRuntime() {
@@ -271,16 +271,16 @@ class Ht {
    * 如果在 await 期间 detachRuntime 已执行，代理会将 graph 操作变为 no-op。
    */
   createSafeRuntimeContext(e, o) {
-    const t = this, s = new Proxy(e.graph, {
-      get(r, i, l) {
-        const a = Reflect.get(r, i, l);
-        return i === "use" && typeof a == "function" ? function(...f) {
+    const t = this, n = new Proxy(e.graph, {
+      get(i, r, l) {
+        const a = Reflect.get(i, r, l);
+        return r === "use" && typeof a == "function" ? function(...f) {
           if (t.runtimeVersion === o)
-            return a.apply(r, f);
+            return a.apply(i, f);
         } : a;
       }
     });
-    return { ...e, graph: s };
+    return { ...e, graph: n };
   }
   dispose() {
     for (const e of [...this.plugins].reverse())
@@ -292,8 +292,8 @@ class Ht {
     let o = e;
     for (const t of this.plugins) {
       if (!t.transformCommand) continue;
-      const s = this.createPreview(o), r = t.transformCommand(o, s, this.editorContext);
-      if (r === null)
+      const n = this.createPreview(o), i = t.transformCommand(o, n, this.editorContext);
+      if (i === null)
         return {
           rejected: !0,
           error: {
@@ -302,23 +302,23 @@ class Ht {
             source: t.name
           }
         };
-      if (qt(r))
+      if (qt(i))
         return {
           rejected: !0,
           error: {
-            code: r.code ?? "plugin_rejected",
-            reason: r.reason,
+            code: i.code ?? "plugin_rejected",
+            reason: i.reason,
             source: t.name
           }
         };
-      o = r;
+      o = i;
     }
     return { envelope: o };
   }
   afterCommand(e, o, t) {
     if (this.editorContext)
-      for (const s of this.plugins)
-        s.afterCommand?.(e, o, t, this.editorContext);
+      for (const n of this.plugins)
+        n.afterCommand?.(e, o, t, this.editorContext);
   }
   dispatchUiEvent(e) {
     if (this.runtimeCtx)
@@ -341,8 +341,8 @@ class Ht {
     if (!this.runtimeCtx) return [];
     const o = [];
     for (const t of this.plugins) {
-      const s = t.onBlankContextMenu?.(e, this.runtimeCtx);
-      s && o.push(...s);
+      const n = t.onBlankContextMenu?.(e, this.runtimeCtx);
+      n && o.push(...n);
     }
     return o;
   }
@@ -353,8 +353,8 @@ class Ht {
     for (const o of this.plugins) {
       const t = o.provideToolbarItems?.(this.editorContext);
       if (t)
-        for (const s of t)
-          e.set(s.id, s);
+        for (const n of t)
+          e.set(n.id, n);
     }
     return [...e.values()].sort((o, t) => (o.order ?? 0) - (t.order ?? 0));
   }
@@ -363,8 +363,8 @@ class Ht {
     if (!this.editorContext) return;
     let o;
     for (const t of this.plugins) {
-      const s = t.decorateNode?.(e, this.editorContext);
-      s && (o = o ? { ...o, ...s } : s);
+      const n = t.decorateNode?.(e, this.editorContext);
+      n && (o = o ? { ...o, ...n } : n);
     }
     return o;
   }
@@ -373,8 +373,8 @@ class Ht {
     if (!this.editorContext) return;
     let o;
     for (const t of this.plugins) {
-      const s = t.decorateEdge?.(e, this.editorContext);
-      s && (o = o ? { ...o, ...s } : s);
+      const n = t.decorateEdge?.(e, this.editorContext);
+      n && (o = o ? { ...o, ...n } : n);
     }
     return o;
   }
@@ -392,23 +392,23 @@ class Ht {
     const o = this.editorContext;
     return {
       previewFlowModel(t) {
-        const s = t ?? e.commands;
-        let r = o.flowModel.value;
-        for (const i of s)
-          r = ct(r, i);
-        return r;
+        const n = t ?? e.commands;
+        let i = o.flowModel.value;
+        for (const r of n)
+          i = ct(i, r);
+        return i;
       }
     };
   }
 }
 let Gt = 0;
 function J() {
-  const n = Date.now().toString(36), e = Math.random().toString(36).substring(2, 8);
-  return `${n}-${e}-${++Gt}`;
+  const s = Date.now().toString(36), e = Math.random().toString(36).substring(2, 8);
+  return `${s}-${e}-${++Gt}`;
 }
 const ze = () => J();
-function Nn(n) {
-  const { schema: e, plugins: o = [], historyOptions: t } = n, s = n.idGenerator ?? ze, r = { version: "1.0", ...n.initialFlowModel }, i = Ft(r, t), l = H(n.mode ?? "edit"), a = H(!1), v = H(null), f = H([]), p = {}, u = new Ht();
+function Nn(s) {
+  const { schema: e, plugins: o = [], historyOptions: t } = s, n = s.idGenerator ?? ze, i = { version: "1.0", ...s.initialFlowModel }, r = Ft(i, t), l = H(s.mode ?? "edit"), a = H(!1), h = H(null), f = H([]), p = {}, u = new Ht();
   function w(S, M, B, j = "user:toolbar") {
     const k = {
       id: `history-${Date.now()}`,
@@ -417,11 +417,11 @@ function Nn(n) {
       timestamp: Date.now(),
       commands: []
     };
-    u.afterCommand(k, M, B), f.value = u.collectToolbarItems(), n.onCommandResult?.({
+    u.afterCommand(k, M, B), f.value = u.collectToolbarItems(), s.onCommandResult?.({
       status: "applied",
       envelope: k,
       flowModel: B
-    }), n.onFlowModelChange?.({
+    }), s.onFlowModelChange?.({
       flowModel: B,
       prevFlowModel: M,
       envelope: k,
@@ -429,43 +429,43 @@ function Nn(n) {
     });
   }
   const D = {
-    execute: i.execute,
+    execute: r.execute,
     undo() {
-      const S = i.currentFlowModel.value, M = i.undo();
+      const S = r.currentFlowModel.value, M = r.undo();
       return M && w("撤销", S, M), M;
     },
     redo() {
-      const S = i.currentFlowModel.value, M = i.redo();
+      const S = r.currentFlowModel.value, M = r.redo();
       return M && w("重做", S, M), M;
     },
     get canUndo() {
-      return i.canUndo;
+      return r.canUndo;
     },
     get canRedo() {
-      return i.canRedo;
+      return r.canRedo;
     },
     get undoStack() {
-      return i.undoStack;
+      return r.undoStack;
     },
     get redoStack() {
-      return i.redoStack;
+      return r.redoStack;
     },
-    clear: i.clear,
-    createSnapshot: i.createSnapshot,
+    clear: r.clear,
+    createSnapshot: r.createSnapshot,
     replaceFlowModel(S) {
-      const M = i.currentFlowModel.value;
-      i.replaceFlowModel(S), w("替换 FlowModel", M, S, "system:replace");
+      const M = r.currentFlowModel.value;
+      r.replaceFlowModel(S), w("替换 FlowModel", M, S, "system:replace");
     },
     updateFlowModel(S, M) {
-      const B = i.currentFlowModel.value;
-      i.updateFlowModel(S, M), w(M ?? "更新 FlowModel", B, S, "system:update");
+      const B = r.currentFlowModel.value;
+      r.updateFlowModel(S, M), w(M ?? "更新 FlowModel", B, S, "system:update");
     }
   }, O = {
-    flowModel: V(() => i.currentFlowModel.value),
+    flowModel: V(() => r.currentFlowModel.value),
     history: D,
     schema: e,
     mode: l,
-    idGenerator: s,
+    idGenerator: n,
     executeCommand: b,
     replaceFlowModel(S) {
       D.replaceFlowModel(S);
@@ -480,7 +480,7 @@ function Nn(n) {
     setSelectionMode(S) {
       a.value = S;
     },
-    api: v,
+    api: h,
     toolbarItems: f,
     extendedApi: p,
     _pluginManager: u,
@@ -493,9 +493,9 @@ function Nn(n) {
     history: D,
     schema: e,
     mode: l,
-    idGenerator: s,
+    idGenerator: n,
     executeCommand: b
-  }), f.value = u.collectToolbarItems(), it(() => {
+  }), f.value = u.collectToolbarItems(), rt(() => {
     u.dispose();
   });
   function b(S) {
@@ -506,16 +506,16 @@ function Nn(n) {
         envelope: S,
         error: M.error
       };
-      return n.onCommandResult?.(k), k;
+      return s.onCommandResult?.(k), k;
     }
-    const B = M.envelope, j = i.currentFlowModel.value;
+    const B = M.envelope, j = r.currentFlowModel.value;
     try {
-      const k = i.execute(B), X = {
+      const k = r.execute(B), X = {
         status: "applied",
         envelope: B,
         flowModel: k
       };
-      return u.afterCommand(B, j, k), f.value = u.collectToolbarItems(), n.onCommandResult?.(X), n.onFlowModelChange?.({
+      return u.afterCommand(B, j, k), f.value = u.collectToolbarItems(), s.onCommandResult?.(X), s.onFlowModelChange?.({
         flowModel: k,
         prevFlowModel: j,
         envelope: B,
@@ -532,7 +532,7 @@ function Nn(n) {
             source: "engine"
           }
         };
-        return n.onCommandResult?.(X), X;
+        return s.onCommandResult?.(X), X;
       }
       throw k;
     }
@@ -541,10 +541,10 @@ function Nn(n) {
 }
 const zt = ["top", "right", "bottom", "left"];
 function ut() {
-  return zt.map((n) => ({ id: n, group: n }));
+  return zt.map((s) => ({ id: s, group: s }));
 }
-function Ue(n, e) {
-  return e?.(n) ?? n.ports ?? ut();
+function Ue(s, e) {
+  return e?.(s) ?? s.ports ?? ut();
 }
 const Fe = -1, Ut = "flow-canvas-node-ring-target", We = "flow-canvas-node-ring-target--decorated", Ve = "flow-canvas-node-ring-target--pulse", jt = "linear-gradient(135deg, #cadcfa 0%, #cee0ff 100%)";
 class Wt {
@@ -574,8 +574,8 @@ class Wt {
   edgeDefaultAttrs = /* @__PURE__ */ new Map();
   lastModel = null;
   pendingDecorationRAFs = /* @__PURE__ */ new Map();
-  constructor(e, o, t, s, r, i) {
-    this.graph = e, this.schema = o, this.shapeRegistry = t, this.resolveNodeDecoration = s, this.resolveEdgeDecoration = r, this.resolveCanvasContext = i;
+  constructor(e, o, t, n, i, r) {
+    this.graph = e, this.schema = o, this.shapeRegistry = t, this.resolveNodeDecoration = n, this.resolveEdgeDecoration = i, this.resolveCanvasContext = r;
   }
   syncFlowModel(e) {
     if (!this.syncing) {
@@ -596,21 +596,21 @@ class Wt {
    * 仅在节点首次创建时调用一次。
    */
   saveNodeDefaultAttrs(e, o) {
-    const s = o.x6CellConfig?.attrs?.body;
-    if (!s) return;
-    const r = {};
-    let i = !1;
-    s.stroke !== void 0 && (r.stroke = s.stroke, i = !0), s.strokeWidth !== void 0 && (r.strokeWidth = s.strokeWidth, i = !0), i && this.nodeDefaultAttrs.set(e, r);
+    const n = o.x6CellConfig?.attrs?.body;
+    if (!n) return;
+    const i = {};
+    let r = !1;
+    n.stroke !== void 0 && (i.stroke = n.stroke, r = !0), n.strokeWidth !== void 0 && (i.strokeWidth = n.strokeWidth, r = !0), r && this.nodeDefaultAttrs.set(e, i);
   }
   /**
    * 从 x6EdgeConfig.attrs.line 中提取基线描边，用于管理层清理时恢复。
    */
   saveEdgeDefaultAttrs(e, o) {
-    const s = o?.x6EdgeConfig?.attrs?.line;
-    if (!s) return;
-    const r = {};
-    let i = !1;
-    s.stroke !== void 0 && (r.stroke = s.stroke, i = !0), s.strokeWidth !== void 0 && (r.strokeWidth = s.strokeWidth, i = !0), s.strokeDasharray !== void 0 && (r.strokeDasharray = s.strokeDasharray, i = !0), i && this.edgeDefaultAttrs.set(e, r);
+    const n = o?.x6EdgeConfig?.attrs?.line;
+    if (!n) return;
+    const i = {};
+    let r = !1;
+    n.stroke !== void 0 && (i.stroke = n.stroke, r = !0), n.strokeWidth !== void 0 && (i.strokeWidth = n.strokeWidth, r = !0), n.strokeDasharray !== void 0 && (i.strokeDasharray = n.strokeDasharray, r = !0), r && this.edgeDefaultAttrs.set(e, i);
   }
   /**
    * 恢复节点 attr 到基线值；无基线时设为安全默认值。
@@ -619,18 +619,18 @@ class Wt {
    * 使得内部 Vue 组件 (width/height: 100%) 折叠后无法恢复。
    */
   restoreNodeAttr(e, o, t) {
-    const s = this.nodeDefaultAttrs.get(e.id)?.[t];
-    if (s !== void 0)
-      e.setAttrByPath(o, s);
+    const n = this.nodeDefaultAttrs.get(e.id)?.[t];
+    if (n !== void 0)
+      e.setAttrByPath(o, n);
     else {
-      const r = t === "stroke" ? "none" : 0;
-      e.setAttrByPath(o, r);
+      const i = t === "stroke" ? "none" : 0;
+      e.setAttrByPath(o, i);
     }
   }
   /** 恢复边 attr 到基线值；无基线时移除。 */
   restoreEdgeAttr(e, o, t) {
-    const s = this.edgeDefaultAttrs.get(e.id)?.[t];
-    s !== void 0 ? this.setEdgeAttrIfChanged(e, o, s) : e.attr(o) !== void 0 && e.removeAttrByPath(o);
+    const n = this.edgeDefaultAttrs.get(e.id)?.[t];
+    n !== void 0 ? this.setEdgeAttrIfChanged(e, o, n) : e.attr(o) !== void 0 && e.removeAttrByPath(o);
   }
   /**
    * 仅在值实际变化时调用 setAttrByPath。
@@ -638,32 +638,32 @@ class Wt {
    * 即使值相同也会导致 EdgeView.update() → updateConnection() → 路由器全量重算。
    */
   setEdgeAttrIfChanged(e, o, t) {
-    const s = e.attr(o), r = typeof s == "object" && s !== null, i = typeof t == "object" && t !== null;
-    s !== t && (r && i && JSON.stringify(s) === JSON.stringify(t) || e.setAttrByPath(o, t));
+    const n = e.attr(o), i = typeof n == "object" && n !== null, r = typeof t == "object" && t !== null;
+    n !== t && (i && r && JSON.stringify(n) === JSON.stringify(t) || e.setAttrByPath(o, t));
   }
   getNodeRingTarget(e) {
     return e ? e.querySelector(".flow-canvas-highlight-target") ?? e.querySelector(".flow-canvas-node-surface > :first-child") : null;
   }
   /** 让正式边接管交互式预览边时，恢复 schema 定义的端点 marker。 */
   syncEdgeMarker(e, o, t) {
-    const r = o?.x6EdgeConfig?.attrs?.line?.[t], i = `line/${t}`;
-    e.removeAttrByPath(i), r !== void 0 && e.setAttrByPath(i, r);
+    const i = o?.x6EdgeConfig?.attrs?.line?.[t], r = `line/${t}`;
+    e.removeAttrByPath(r), i !== void 0 && e.setAttrByPath(r, i);
   }
   getEdgeMarkerConfig(e, o) {
-    const s = e?.x6EdgeConfig?.attrs?.line?.[o];
-    if (s)
-      return typeof s == "string" ? { name: s } : { ...s };
+    const n = e?.x6EdgeConfig?.attrs?.line?.[o];
+    if (n)
+      return typeof n == "string" ? { name: n } : { ...n };
   }
-  applyEdgeMarkerDecoration(e, o, t, s) {
-    if (!s) {
+  applyEdgeMarkerDecoration(e, o, t, n) {
+    if (!n) {
       this.prevEdgeDecorationMarkerIds.has(e.id) && (this.syncEdgeMarker(e, o, t), this.prevEdgeDecorationMarkerIds.delete(e.id));
       return;
     }
-    const r = this.getEdgeMarkerConfig(o, t) ?? { name: "block", width: 8, height: 8 };
+    const i = this.getEdgeMarkerConfig(o, t) ?? { name: "block", width: 8, height: 8 };
     this.setEdgeAttrIfChanged(e, `line/${t}`, {
-      ...r,
-      stroke: s,
-      fill: s
+      ...i,
+      stroke: n,
+      fill: n
     }), this.prevEdgeDecorationMarkerIds.add(e.id);
   }
   dispose() {
@@ -673,22 +673,22 @@ class Wt {
   }
   resolveNodes(e) {
     const o = /* @__PURE__ */ new Map();
-    for (const [t, s] of Object.entries(e.nodes)) {
-      const r = this.schema.nodeTypes[s.type];
-      if (!r)
+    for (const [t, n] of Object.entries(e.nodes)) {
+      const i = this.schema.nodeTypes[n.type];
+      if (!i)
         throw new kt(
-          `Unknown node type "${s.type}" for node "${t}". Registered types: [${Object.keys(this.schema.nodeTypes).join(", ")}]. Register the type in CanvasSchema.nodeTypes before using it in a FlowModel.`
+          `Unknown node type "${n.type}" for node "${t}". Registered types: [${Object.keys(this.schema.nodeTypes).join(", ")}]. Register the type in CanvasSchema.nodeTypes before using it in a FlowModel.`
         );
-      const i = this.shapeRegistry.registerNodeType(s.type, r.component), l = r.getSize(s), a = Ue(s, r.getPorts);
-      o.set(t, { model: s, definition: r, shapeName: i, size: l, ports: a });
+      const r = this.shapeRegistry.registerNodeType(n.type, i.component), l = i.getSize(n), a = Ue(n, i.getPorts);
+      o.set(t, { model: n, definition: i, shapeName: r, size: l, ports: a });
     }
     return o;
   }
   resolveEdges(e) {
     const o = /* @__PURE__ */ new Map();
-    for (const [t, s] of Object.entries(e.edges)) {
-      const r = s.type ?? this.schema.defaultEdgeType ?? "default", i = this.schema.edgeTypes?.[r];
-      o.set(t, { model: s, definition: i });
+    for (const [t, n] of Object.entries(e.edges)) {
+      const i = n.type ?? this.schema.defaultEdgeType ?? "default", r = this.schema.edgeTypes?.[i];
+      o.set(t, { model: n, definition: r });
     }
     return o;
   }
@@ -696,42 +696,42 @@ class Wt {
     const o = new Set(e.keys());
     for (const t of this.knownNodeIds)
       if (!o.has(t)) {
-        const s = this.graph.getCellById(t);
-        s && this.graph.removeCell(s), this.knownNodeIds.delete(t), this.defaultHighlightedNodeIds.delete(t), this.prevNodeDecorationClasses.delete(t), this.prevNodeDecorationColors.delete(t), this.nodeDefaultAttrs.delete(t);
-        const r = this.pendingDecorationRAFs.get(t);
-        r && (cancelAnimationFrame(r), this.pendingDecorationRAFs.delete(t));
+        const n = this.graph.getCellById(t);
+        n && this.graph.removeCell(n), this.knownNodeIds.delete(t), this.defaultHighlightedNodeIds.delete(t), this.prevNodeDecorationClasses.delete(t), this.prevNodeDecorationColors.delete(t), this.nodeDefaultAttrs.delete(t);
+        const i = this.pendingDecorationRAFs.get(t);
+        i && (cancelAnimationFrame(i), this.pendingDecorationRAFs.delete(t));
       }
-    for (const [t, s] of e) {
-      const r = this.graph.getCellById(t);
-      r ? this.updateExistingNode(r, s) : this.addNewNode(t, s);
+    for (const [t, n] of e) {
+      const i = this.graph.getCellById(t);
+      i ? this.updateExistingNode(i, n) : this.addNewNode(t, n);
     }
   }
   updateExistingNode(e, o) {
-    const { model: t, size: s, ports: r, definition: i } = o;
+    const { model: t, size: n, ports: i, definition: r } = o;
     if (e.getData()?.type !== t.type) {
       this.graph.removeCell(e), this.addNewNode(e.id, o);
       return;
     }
     const a = e.getPosition();
     (a.x !== t.position.x || a.y !== t.position.y) && e.setPosition(t.position.x, t.position.y);
-    const v = e.getSize();
-    (v.width !== s.width || v.height !== s.height) && e.setSize(s.width, s.height, { silent: !0 }), this.syncNodePorts(e, r), e.setData({ ...t }), this.applyNodeBehavior(e, t, i), this.applyNodeHighlightAndDecoration(e, t);
+    const h = e.getSize();
+    (h.width !== n.width || h.height !== n.height) && e.setSize(n.width, n.height, { silent: !0 }), this.syncNodePorts(e, i), e.setData({ ...t }), this.applyNodeBehavior(e, t, r), this.applyNodeHighlightAndDecoration(e, t);
   }
   syncNodePorts(e, o) {
-    const t = e.getPorts(), s = new Set(o.map((i) => i.id)), r = new Set(t.map((i) => i.id));
-    for (const i of t)
-      i.id && !s.has(i.id) && e.removePort(i.id);
-    for (const i of o)
-      r.has(i.id) || e.addPort({ id: i.id, group: i.group, ...i.x6PortConfig });
+    const t = e.getPorts(), n = new Set(o.map((r) => r.id)), i = new Set(t.map((r) => r.id));
+    for (const r of t)
+      r.id && !n.has(r.id) && e.removePort(r.id);
+    for (const r of o)
+      i.has(r.id) || e.addPort({ id: r.id, group: r.group, ...r.x6PortConfig });
   }
   addNewNode(e, o) {
-    const { model: t, shapeName: s, size: r, ports: i, definition: l } = o, a = {
+    const { model: t, shapeName: n, size: i, ports: r, definition: l } = o, a = {
       id: t.id,
-      shape: s,
+      shape: n,
       x: t.position.x,
       y: t.position.y,
-      width: r.width,
-      height: r.height,
+      width: i.width,
+      height: i.height,
       data: { ...t },
       ports: {
         groups: {
@@ -760,13 +760,13 @@ class Wt {
             }
           }
         },
-        items: i.map((f) => ({ id: f.id, group: f.group, ...f.x6PortConfig }))
+        items: r.map((f) => ({ id: f.id, group: f.group, ...f.x6PortConfig }))
       },
       ...l.x6CellConfig
     };
     this.graph.addNode(a), this.knownNodeIds.add(e), this.saveNodeDefaultAttrs(e, l);
-    const v = this.graph.getCellById(e);
-    v && (this.applyNodeBehavior(v, t, l), this.applyNodeHighlightAndDecoration(v, t), this.scheduleDecorationRetryIfNeeded(v));
+    const h = this.graph.getCellById(e);
+    h && (this.applyNodeBehavior(h, t, l), this.applyNodeHighlightAndDecoration(h, t), this.scheduleDecorationRetryIfNeeded(h));
   }
   /**
    * Vue Shape 组件在 foreignObject 内异步挂载，addNewNode 同步调用
@@ -777,16 +777,16 @@ class Wt {
   scheduleDecorationRetryIfNeeded(e) {
     const o = this.graph.findViewByCell(e)?.container;
     if (this.getNodeRingTarget(o)) return;
-    const t = e.id, s = this.pendingDecorationRAFs.get(t);
-    s && cancelAnimationFrame(s);
-    const r = requestAnimationFrame(() => {
+    const t = e.id, n = this.pendingDecorationRAFs.get(t);
+    n && cancelAnimationFrame(n);
+    const i = requestAnimationFrame(() => {
       if (this.pendingDecorationRAFs.delete(t), !this.knownNodeIds.has(t)) return;
-      const i = this.lastModel?.nodes[t];
-      if (!i) return;
+      const r = this.lastModel?.nodes[t];
+      if (!r) return;
       const l = this.graph.getCellById(t);
-      l?.isNode() && this.applyNodeHighlightAndDecoration(l, i);
+      l?.isNode() && this.applyNodeHighlightAndDecoration(l, r);
     });
-    this.pendingDecorationRAFs.set(t, r);
+    this.pendingDecorationRAFs.set(t, i);
   }
   /**
    * 将 schema 定义的 getBehavior 映射到 X6 节点属性。
@@ -802,32 +802,32 @@ class Wt {
    */
   applyNodeBehavior(e, o, t) {
     if (!t.getBehavior) return;
-    const s = this.resolveCanvasContext?.();
-    if (!s) return;
-    const r = t.getBehavior(o, s);
-    if (r.draggable !== void 0 && e.setProp("draggable", r.draggable, { silent: !0 }), r.connectable !== void 0) {
-      const l = r.connectable ? !0 : r.targetable === !1 ? !1 : "passive";
+    const n = this.resolveCanvasContext?.();
+    if (!n) return;
+    const i = t.getBehavior(o, n);
+    if (i.draggable !== void 0 && e.setProp("draggable", i.draggable, { silent: !0 }), i.connectable !== void 0) {
+      const l = i.connectable ? !0 : i.targetable === !1 ? !1 : "passive";
       for (const a of e.getPorts())
         e.setPortProp(a.id, "attrs/circle/magnet", l, { silent: !0 });
     }
-    if (r.showPorts !== void 0) {
-      const l = r.showPorts;
+    if (i.showPorts !== void 0) {
+      const l = i.showPorts;
       for (const a of e.getPorts())
         e.setPortProp(a.id, "attrs/circle/visibility", l ? "visible" : "hidden", { silent: !0 });
     }
-    const i = e.getData() ?? {};
-    r.deletable !== void 0 && i._deletable !== r.deletable && e.setData({ ...i, _deletable: r.deletable }, { silent: !0 }), r.selectable !== void 0 && i._selectable !== r.selectable && e.setData({ ...e.getData(), _selectable: r.selectable }, { silent: !0 });
+    const r = e.getData() ?? {};
+    i.deletable !== void 0 && r._deletable !== i.deletable && e.setData({ ...r, _deletable: i.deletable }, { silent: !0 }), i.selectable !== void 0 && r._selectable !== i.selectable && e.setData({ ...e.getData(), _selectable: i.selectable }, { silent: !0 });
   }
   syncEdges(e, o) {
     const t = new Set(e.keys());
-    for (const s of this.knownEdgeIds)
-      if (!t.has(s)) {
-        const r = this.graph.getCellById(s);
-        r && this.graph.removeCell(r), this.knownEdgeIds.delete(s), this.defaultHighlightedEdgeIds.delete(s), this.prevEdgeDecorationClasses.delete(s), this.prevEdgeDecorationColors.delete(s), this.prevEdgeDecorationMarkerIds.delete(s), this.prevEdgeStyleIds.delete(s), this.edgeDefaultAttrs.delete(s);
+    for (const n of this.knownEdgeIds)
+      if (!t.has(n)) {
+        const i = this.graph.getCellById(n);
+        i && this.graph.removeCell(i), this.knownEdgeIds.delete(n), this.defaultHighlightedEdgeIds.delete(n), this.prevEdgeDecorationClasses.delete(n), this.prevEdgeDecorationColors.delete(n), this.prevEdgeDecorationMarkerIds.delete(n), this.prevEdgeStyleIds.delete(n), this.edgeDefaultAttrs.delete(n);
       }
-    for (const [s, r] of e) {
-      const i = this.graph.getCellById(s), { model: l, definition: a } = r;
-      i ? (this.updateExistingEdge(i, l, a, o), this.knownEdgeIds.has(s) || (this.knownEdgeIds.add(s), this.saveEdgeDefaultAttrs(s, a))) : this.addNewEdge(s, l, a);
+    for (const [n, i] of e) {
+      const r = this.graph.getCellById(n), { model: l, definition: a } = i;
+      r ? (this.updateExistingEdge(r, l, a, o), this.knownEdgeIds.has(n) || (this.knownEdgeIds.add(n), this.saveEdgeDefaultAttrs(n, a))) : this.addNewEdge(n, l, a);
     }
   }
   /**
@@ -835,8 +835,8 @@ class Wt {
    * X6 Edge.getSource() 返回 { cell, port } 格式，与 FlowEdgeModel 的 { nodeId, portId } 不同，
    * 需要用 (currentSource as any).cell 来比较。
    */
-  updateExistingEdge(e, o, t, s) {
-    const r = e.getSource(), i = e.getTarget(), l = r.cell !== o.source.nodeId || r.port !== o.source.portId, a = i.cell !== o.target.nodeId || i.port !== o.target.portId;
+  updateExistingEdge(e, o, t, n) {
+    const i = e.getSource(), r = e.getTarget(), l = i.cell !== o.source.nodeId || i.port !== o.source.portId, a = r.cell !== o.target.nodeId || r.port !== o.target.portId;
     l && e.setSource({ cell: o.source.nodeId, port: o.source.portId }), a && e.setTarget({ cell: o.target.nodeId, port: o.target.portId });
     const f = (e.getData()?.type ?? void 0) !== (o.type ?? void 0);
     if (f) {
@@ -856,28 +856,28 @@ class Wt {
       e.getLabels().length > 0 && e.setLabels([]);
       return;
     }
-    const t = o.labels.map((s) => ({
+    const t = o.labels.map((n) => ({
       attrs: {
-        label: { text: s.text ?? "" }
+        label: { text: n.text ?? "" }
       },
-      position: s.position != null ? { distance: s.position } : void 0
+      position: n.position != null ? { distance: n.position } : void 0
     }));
     e.setLabels(t);
   }
   addNewEdge(e, o, t) {
-    const s = {
+    const n = {
       id: o.id,
       source: { cell: o.source.nodeId, port: o.source.portId },
       target: { cell: o.target.nodeId, port: o.target.portId },
       data: { ...o },
       zIndex: Fe
     };
-    t?.router && (s.router = typeof t.router == "string" ? { name: t.router } : t.router), t?.connector && (s.connector = typeof t.connector == "string" ? { name: t.connector } : t.connector), t?.x6EdgeConfig && Object.assign(s, t.x6EdgeConfig), o.labels?.length && (s.labels = o.labels.map((i) => ({
-      attrs: { label: { text: i.text ?? "" } },
-      position: i.position != null ? { distance: i.position } : void 0
-    }))), this.graph.addEdge(s), this.knownEdgeIds.add(e), this.saveEdgeDefaultAttrs(e, t);
-    const r = this.graph.getCellById(e);
-    r && this.applyEdgeStyleAndDecoration(r, o, t);
+    t?.router && (n.router = typeof t.router == "string" ? { name: t.router } : t.router), t?.connector && (n.connector = typeof t.connector == "string" ? { name: t.connector } : t.connector), t?.x6EdgeConfig && Object.assign(n, t.x6EdgeConfig), o.labels?.length && (n.labels = o.labels.map((r) => ({
+      attrs: { label: { text: r.text ?? "" } },
+      position: r.position != null ? { distance: r.position } : void 0
+    }))), this.graph.addEdge(n), this.knownEdgeIds.add(e), this.saveEdgeDefaultAttrs(e, t);
+    const i = this.graph.getCellById(e);
+    i && this.applyEdgeStyleAndDecoration(i, o, t);
   }
   /**
    * 重算所有边的视觉样式。
@@ -888,8 +888,8 @@ class Wt {
       for (const [e, o] of Object.entries(this.lastModel.edges)) {
         const t = this.graph.getCellById(e);
         if (!t?.isEdge()) continue;
-        const s = o.type ?? this.schema.defaultEdgeType ?? "default", r = this.schema.edgeTypes?.[s];
-        this.applyEdgeStyleAndDecoration(t, o, r);
+        const n = o.type ?? this.schema.defaultEdgeType ?? "default", i = this.schema.edgeTypes?.[n];
+        this.applyEdgeStyleAndDecoration(t, o, i);
       }
   }
   /**
@@ -902,8 +902,8 @@ class Wt {
     if (!o) return;
     const t = this.graph.getCellById(e);
     if (!t?.isEdge()) return;
-    const s = o.type ?? this.schema.defaultEdgeType ?? "default", r = this.schema.edgeTypes?.[s];
-    this.applyEdgeStyleAndDecoration(t, o, r);
+    const n = o.type ?? this.schema.defaultEdgeType ?? "default", i = this.schema.edgeTypes?.[n];
+    this.applyEdgeStyleAndDecoration(t, o, i);
   }
   /**
    * 重算所有节点的高亮 + 装饰视觉。
@@ -928,13 +928,13 @@ class Wt {
    * body/stroke 仅作为普通 SVG shape 的兜底同步。
    */
   applyNodeHighlightAndDecoration(e, o) {
-    const t = this.highlightedNodeIds.has(e.id), s = this.resolveNodeDecoration?.(o), r = this.graph.findViewByCell(e)?.container, i = this.getNodeRingTarget(r), l = this.prevNodeDecorationClasses.get(e.id);
-    l && (r?.classList.remove(l), this.prevNodeDecorationClasses.delete(e.id)), s?.className && (r?.classList.add(s.className), this.prevNodeDecorationClasses.set(e.id, s.className));
-    const a = s?.borderColor, f = a ?? (t ? "#3a84ff" : void 0), p = this.prevNodeDecorationColors.has(e.id) || this.defaultHighlightedNodeIds.has(e.id);
-    f ? (e.setAttrByPath("body/stroke", f), e.setAttrByPath("body/strokeWidth", 2)) : p && (this.restoreNodeAttr(e, "body/stroke", "stroke"), this.restoreNodeAttr(e, "body/strokeWidth", "strokeWidth")), i && (i.classList.add(Ut), a ? (i.classList.add(We), i.style.setProperty("--flow-canvas-node-decoration-ring-background", a), i.style.setProperty("--flow-canvas-node-decoration-ring-opacity", "0.95")) : (i.classList.remove(We), i.style.removeProperty("--flow-canvas-node-decoration-ring-background"), i.style.removeProperty("--flow-canvas-node-decoration-ring-opacity")), t ? (i.classList.add(Ve), i.style.setProperty(
+    const t = this.highlightedNodeIds.has(e.id), n = this.resolveNodeDecoration?.(o), i = this.graph.findViewByCell(e)?.container, r = this.getNodeRingTarget(i), l = this.prevNodeDecorationClasses.get(e.id);
+    l && (i?.classList.remove(l), this.prevNodeDecorationClasses.delete(e.id)), n?.className && (i?.classList.add(n.className), this.prevNodeDecorationClasses.set(e.id, n.className));
+    const a = n?.borderColor, f = a ?? (t ? "#3a84ff" : void 0), p = this.prevNodeDecorationColors.has(e.id) || this.defaultHighlightedNodeIds.has(e.id);
+    f ? (e.setAttrByPath("body/stroke", f), e.setAttrByPath("body/strokeWidth", 2)) : p && (this.restoreNodeAttr(e, "body/stroke", "stroke"), this.restoreNodeAttr(e, "body/strokeWidth", "strokeWidth")), r && (r.classList.add(Ut), a ? (r.classList.add(We), r.style.setProperty("--flow-canvas-node-decoration-ring-background", a), r.style.setProperty("--flow-canvas-node-decoration-ring-opacity", "0.95")) : (r.classList.remove(We), r.style.removeProperty("--flow-canvas-node-decoration-ring-background"), r.style.removeProperty("--flow-canvas-node-decoration-ring-opacity")), t ? (r.classList.add(Ve), r.style.setProperty(
       "--flow-canvas-node-pulse-ring-background",
       a ?? jt
-    ), i.style.setProperty("--flow-canvas-node-pulse-ring-opacity", "0.95")) : (i.classList.remove(Ve), i.style.removeProperty("--flow-canvas-node-pulse-ring-background"), i.style.removeProperty("--flow-canvas-node-pulse-ring-opacity"))), a ? this.prevNodeDecorationColors.add(e.id) : this.prevNodeDecorationColors.delete(e.id), t && !a ? this.defaultHighlightedNodeIds.add(e.id) : this.defaultHighlightedNodeIds.delete(e.id);
+    ), r.style.setProperty("--flow-canvas-node-pulse-ring-opacity", "0.95")) : (r.classList.remove(Ve), r.style.removeProperty("--flow-canvas-node-pulse-ring-background"), r.style.removeProperty("--flow-canvas-node-pulse-ring-opacity"))), a ? this.prevNodeDecorationColors.add(e.id) : this.prevNodeDecorationColors.delete(e.id), t && !a ? this.defaultHighlightedNodeIds.add(e.id) : this.defaultHighlightedNodeIds.delete(e.id);
   }
   getHoveredEdgeId() {
     return this.hoveredEdgeId;
@@ -961,15 +961,15 @@ class Wt {
    * 最终值 = decorationStroke ?? styleStroke ?? defaultHighlightStroke ?? (清除)。
    */
   applyEdgeStyleAndDecoration(e, o, t) {
-    const s = this.highlightedEdgeIds.has(e.id), r = this.resolveEdgeDecoration?.(o), i = this.prevEdgeDecorationClasses.get(e.id);
-    i && (this.graph.findViewByCell(e)?.container?.classList.remove(i), this.prevEdgeDecorationClasses.delete(e.id)), r?.className && (this.graph.findViewByCell(e)?.container?.classList.add(r.className), this.prevEdgeDecorationClasses.set(e.id, r.className));
-    let l, a, v;
+    const n = this.highlightedEdgeIds.has(e.id), i = this.resolveEdgeDecoration?.(o), r = this.prevEdgeDecorationClasses.get(e.id);
+    r && (this.graph.findViewByCell(e)?.container?.classList.remove(r), this.prevEdgeDecorationClasses.delete(e.id)), i?.className && (this.graph.findViewByCell(e)?.container?.classList.add(i.className), this.prevEdgeDecorationClasses.set(e.id, i.className));
+    let l, a, h;
     if (t?.style) {
-      const O = this.graph.isSelected?.(e) ?? !1, b = this.hoveredEdgeId === e.id, S = t.style(o, { selected: O, highlighted: s, hovered: b });
-      l = S.stroke, a = S.strokeWidth, v = S.strokeDasharray;
+      const O = this.graph.isSelected?.(e) ?? !1, b = this.hoveredEdgeId === e.id, S = t.style(o, { selected: O, highlighted: n, hovered: b });
+      l = S.stroke, a = S.strokeWidth, h = S.strokeDasharray;
     }
-    const f = !t?.style && s ? "#3a84ff" : void 0, p = r?.strokeColor, u = r?.targetMarkerColor, w = p ?? l ?? f, D = !!t?.style || this.prevEdgeDecorationColors.has(e.id) || this.defaultHighlightedEdgeIds.has(e.id) || this.prevEdgeStyleIds.has(e.id);
-    w ? this.setEdgeAttrIfChanged(e, "line/stroke", w) : D && this.restoreEdgeAttr(e, "line/stroke", "stroke"), this.applyEdgeMarkerDecoration(e, t, "targetMarker", u), t?.style ? (this.prevEdgeStyleIds.add(e.id), a ? this.setEdgeAttrIfChanged(e, "line/strokeWidth", a) : this.restoreEdgeAttr(e, "line/strokeWidth", "strokeWidth"), v ? this.setEdgeAttrIfChanged(e, "line/strokeDasharray", v) : this.restoreEdgeAttr(e, "line/strokeDasharray", "strokeDasharray")) : this.prevEdgeStyleIds.has(e.id) && (this.restoreEdgeAttr(e, "line/strokeWidth", "strokeWidth"), this.restoreEdgeAttr(e, "line/strokeDasharray", "strokeDasharray"), this.prevEdgeStyleIds.delete(e.id)), p ? this.prevEdgeDecorationColors.add(e.id) : this.prevEdgeDecorationColors.delete(e.id), f ? this.defaultHighlightedEdgeIds.add(e.id) : this.defaultHighlightedEdgeIds.delete(e.id);
+    const f = !t?.style && n ? "#3a84ff" : void 0, p = i?.strokeColor, u = i?.targetMarkerColor, w = p ?? l ?? f, D = !!t?.style || this.prevEdgeDecorationColors.has(e.id) || this.defaultHighlightedEdgeIds.has(e.id) || this.prevEdgeStyleIds.has(e.id);
+    w ? this.setEdgeAttrIfChanged(e, "line/stroke", w) : D && this.restoreEdgeAttr(e, "line/stroke", "stroke"), this.applyEdgeMarkerDecoration(e, t, "targetMarker", u), t?.style ? (this.prevEdgeStyleIds.add(e.id), a ? this.setEdgeAttrIfChanged(e, "line/strokeWidth", a) : this.restoreEdgeAttr(e, "line/strokeWidth", "strokeWidth"), h ? this.setEdgeAttrIfChanged(e, "line/strokeDasharray", h) : this.restoreEdgeAttr(e, "line/strokeDasharray", "strokeDasharray")) : this.prevEdgeStyleIds.has(e.id) && (this.restoreEdgeAttr(e, "line/strokeWidth", "strokeWidth"), this.restoreEdgeAttr(e, "line/strokeDasharray", "strokeDasharray"), this.prevEdgeStyleIds.delete(e.id)), p ? this.prevEdgeDecorationColors.add(e.id) : this.prevEdgeDecorationColors.delete(e.id), f ? this.defaultHighlightedEdgeIds.add(e.id) : this.defaultHighlightedEdgeIds.delete(e.id);
   }
 }
 class Vt {
@@ -982,15 +982,15 @@ class Vt {
   }
   registerNodeType(e, o) {
     const t = this.getShapeName(e);
-    let s = this.wrappedComponents.get(e);
-    return s || (s = fe({
-      name: `FlowCanvasNodeShape${e.replace(/(^|[-_])(\w)/g, (r, i, l) => l.toUpperCase())}`,
+    let n = this.wrappedComponents.get(e);
+    return n || (n = fe({
+      name: `FlowCanvasNodeShape${e.replace(/(^|[-_])(\w)/g, (i, r, l) => l.toUpperCase())}`,
       setup() {
         return () => qe("div", { class: "flow-canvas-node-surface" }, [qe(o)]);
       }
-    }), this.wrappedComponents.set(e, s)), xt({
+    }), this.wrappedComponents.set(e, n)), xt({
       shape: t,
-      component: s,
+      component: n,
       width: 100,
       height: 40
     }), t;
@@ -1006,8 +1006,8 @@ class Xt {
   flowModelRef;
   idGenerator;
   disposers = [];
-  constructor(e, o, t, s, r) {
-    this.graph = e, this.onUiEvent = o, this.onCommand = t, this.flowModelRef = s, this.idGenerator = r ?? ze, this.bindEvents();
+  constructor(e, o, t, n, i) {
+    this.graph = e, this.onUiEvent = o, this.onCommand = t, this.flowModelRef = n, this.idGenerator = i ?? ze, this.bindEvents();
   }
   dispose() {
     for (const e of this.disposers) e();
@@ -1018,6 +1018,10 @@ class Xt {
       this.onUiEvent({ type: "node.click", nodeId: e.id });
     }), this.on("node:dblclick", ({ node: e }) => {
       this.onUiEvent({ type: "node.dblclick", nodeId: e.id });
+    }), this.on("node:mouseenter", ({ node: e }) => {
+      this.onUiEvent({ type: "node.mouseenter", nodeId: e.id });
+    }), this.on("node:mouseleave", ({ node: e }) => {
+      this.onUiEvent({ type: "node.mouseleave", nodeId: e.id });
     }), this.on("node:contextmenu", ({ node: e, e: o }) => {
       this.onUiEvent({
         type: "node.contextmenu",
@@ -1025,13 +1029,13 @@ class Xt {
         position: { x: o.clientX, y: o.clientY }
       });
     }), this.on("edge:click", ({ edge: e, e: o }) => {
-      const s = o.target?.closest?.(".x6-edge-label");
-      if (s) {
-        const i = e.getData?.()?.labels ?? [], l = s.parentElement?.querySelectorAll(".x6-edge-label"), a = l ? Array.from(l).indexOf(s) : 0, v = i[Math.max(0, a)];
+      const n = o.target?.closest?.(".x6-edge-label");
+      if (n) {
+        const r = e.getData?.()?.labels ?? [], l = n.parentElement?.querySelectorAll(".x6-edge-label"), a = l ? Array.from(l).indexOf(n) : 0, h = r[Math.max(0, a)];
         this.onUiEvent({
           type: "edge.label.click",
           edgeId: e.id,
-          labelId: v?.id ?? `label-${a}`
+          labelId: h?.id ?? `label-${a}`
         });
         return;
       }
@@ -1054,9 +1058,9 @@ class Xt {
         commands: [{ type: "node.move", nodeId: e.id, position: { x: o.x, y: o.y } }]
       });
     }), this.on("edge:connected", ({ edge: e, isNew: o }) => {
-      const t = e.getSourceCell(), s = e.getTargetCell();
-      if (!t || !s) return;
-      const r = e.getSourcePortId(), i = e.getTargetPortId(), l = e.id in this.flowModelRef.value.edges;
+      const t = e.getSourceCell(), n = e.getTargetCell();
+      if (!t || !n) return;
+      const i = e.getSourcePortId(), r = e.getTargetPortId(), l = e.id in this.flowModelRef.value.edges;
       o && !l ? (this.graph.removeCell(e), this.onCommand({
         id: J(),
         source: "user:drag",
@@ -1067,8 +1071,8 @@ class Xt {
             type: "edge.add",
             edge: {
               id: this.idGenerator("edge"),
-              source: { nodeId: t.id, portId: r ?? void 0 },
-              target: { nodeId: s.id, portId: i ?? void 0 }
+              source: { nodeId: t.id, portId: i ?? void 0 },
+              target: { nodeId: n.id, portId: r ?? void 0 }
             }
           }
         ]
@@ -1081,32 +1085,32 @@ class Xt {
           {
             type: "edge.reconnect",
             edgeId: e.id,
-            source: { nodeId: t.id, portId: r ?? void 0 },
-            target: { nodeId: s.id, portId: i ?? void 0 }
+            source: { nodeId: t.id, portId: i ?? void 0 },
+            target: { nodeId: n.id, portId: r ?? void 0 }
           }
         ]
       });
     }), this.on("edge:change:labels", ({ edge: e, current: o }) => {
-      const s = e.getData?.()?.labels ?? [];
-      if (!s.length || !o?.length) return;
-      const r = [];
-      for (let i = 0; i < Math.min(s.length, o.length); i++) {
-        const l = o[i], a = s[i];
+      const n = e.getData?.()?.labels ?? [];
+      if (!n.length || !o?.length) return;
+      const i = [];
+      for (let r = 0; r < Math.min(n.length, o.length); r++) {
+        const l = o[r], a = n[r];
         if (!a?.id) continue;
-        const v = typeof l.position == "object" ? l.position?.distance : l.position;
-        v != null && r.push({
+        const h = typeof l.position == "object" ? l.position?.distance : l.position;
+        h != null && i.push({
           type: "edge.label.update",
           edgeId: e.id,
           labelId: a.id,
-          patch: { position: v }
+          patch: { position: h }
         });
       }
-      r.length && this.onCommand({
+      i.length && this.onCommand({
         id: J(),
         source: "user:drag",
         label: "拖动标签",
         timestamp: Date.now(),
-        commands: r
+        commands: i
       });
     });
   }
@@ -1114,15 +1118,24 @@ class Xt {
     this.graph.on(e, o), this.disposers.push(() => this.graph.off(e, o));
   }
 }
-function Kt(n) {
-  function e(o) {
-    const t = n.getCellById(o);
-    if (!t || !t.isNode()) return null;
-    const s = t, r = s.getPosition(), i = s.getSize(), l = { x: r.x, y: r.y, width: i.width, height: i.height }, a = n.localToGraph(l);
-    return new DOMRect(a.x, a.y, a.width, a.height);
+function Kt(s) {
+  function e(t) {
+    const n = s.getCellById(t);
+    if (!n || !n.isNode()) return null;
+    const i = n, r = i.getPosition(), l = i.getSize(), a = { x: r.x, y: r.y, width: l.width, height: l.height }, h = s.localToGraph(a);
+    return new DOMRect(h.x, h.y, h.width, h.height);
+  }
+  function o(t) {
+    const n = e(t);
+    if (!n) return null;
+    const i = s.container;
+    if (!i || typeof i.getBoundingClientRect != "function") return n;
+    const r = i.getBoundingClientRect();
+    return new DOMRect(n.x + r.left, n.y + r.top, n.width, n.height);
   }
   return {
-    getNodeScreenRect: e
+    getNodeScreenRect: e,
+    getNodeViewportRect: o
   };
 }
 const Yt = Object.freeze({
@@ -1131,64 +1144,64 @@ const Yt = Object.freeze({
   bottom: 8,
   left: 8
 });
-function ft(n) {
+function ft(s) {
   return {
-    nodeIds: n.filter((e) => e.isNode()).map((e) => e.id),
-    edgeIds: n.filter((e) => e.isEdge()).map((e) => e.id)
+    nodeIds: s.filter((e) => e.isNode()).map((e) => e.id),
+    edgeIds: s.filter((e) => e.isEdge()).map((e) => e.id)
   };
 }
-function Zt(n, e = Yt) {
+function Zt(s, e = Yt) {
   return new DOMRect(
-    n.x - e.left,
-    n.y - e.top,
-    n.width + e.left + e.right,
-    n.height + e.top + e.bottom
+    s.x - e.left,
+    s.y - e.top,
+    s.width + e.left + e.right,
+    s.height + e.top + e.bottom
   );
 }
-function Qt(n, e) {
+function Qt(s, e) {
   const o = [
-    ...e.nodeIds.map((r) => n.getCellById(r)),
-    ...e.edgeIds.map((r) => n.getCellById(r))
-  ].filter((r) => !!r);
+    ...e.nodeIds.map((i) => s.getCellById(i)),
+    ...e.edgeIds.map((i) => s.getCellById(i))
+  ].filter((i) => !!i);
   if (o.length === 0) return null;
-  const t = n.getCellsBBox(o);
+  const t = s.getCellsBBox(o);
   if (!t) return null;
-  const s = n.localToGraph(t);
-  return Zt(s);
+  const n = s.localToGraph(t);
+  return Zt(n);
 }
-function gt(n, e, o) {
-  const t = n.nodeIds.filter((i) => {
-    const l = e.nodes[i];
+function gt(s, e, o) {
+  const t = s.nodeIds.filter((r) => {
+    const l = e.nodes[r];
     if (!l) return !1;
     const a = o(l);
     return a.deletable !== !1 && a.deleteDisabled !== !0;
-  }), s = new Set(t), r = n.edgeIds.filter((i) => {
-    const l = e.edges[i];
-    return l ? !s.has(l.source.nodeId) && !s.has(l.target.nodeId) : !1;
+  }), n = new Set(t), i = s.edgeIds.filter((r) => {
+    const l = e.edges[r];
+    return l ? !n.has(l.source.nodeId) && !n.has(l.target.nodeId) : !1;
   });
-  return { nodeIds: t, edgeIds: r };
+  return { nodeIds: t, edgeIds: i };
 }
-function Jt(n) {
+function Jt(s) {
   return [
-    ...n.edgeIds.map((e) => ({ type: "edge.remove", edgeId: e })),
-    ...n.nodeIds.map((e) => ({ type: "node.remove", nodeId: e }))
+    ...s.edgeIds.map((e) => ({ type: "edge.remove", edgeId: e })),
+    ...s.nodeIds.map((e) => ({ type: "node.remove", nodeId: e }))
   ];
 }
 const eo = 100;
 function to({
-  graph: n,
+  graph: s,
   overlayManager: e,
   executeCommand: o,
   schema: t,
-  flowModel: s,
-  getNodeBehavior: r,
-  idGenerator: i,
+  flowModel: n,
+  getNodeBehavior: i,
+  idGenerator: r,
   defaultInsertGap: l,
   getContextMenuItems: a,
-  onHighlightChange: v,
+  onHighlightChange: h,
   resolveNodeShape: f
 }) {
-  const p = i ?? ze;
+  const p = r ?? ze;
   let u = [], w = [], D = null, O = !1, b = null;
   async function S() {
     if (O) return D;
@@ -1196,7 +1209,7 @@ function to({
     try {
       const d = await import("@antv/x6-plugin-dnd"), y = d.Dnd ?? d.default;
       return y ? (D = new y({
-        target: n,
+        target: s,
         scaled: !0,
         animation: !0,
         getDragNode: (c) => c.clone(),
@@ -1216,8 +1229,8 @@ function to({
     if (!y?._dndSessionId || y._dndSessionId !== b) return;
     b = null;
     const c = d.getPosition();
-    n.removeNode(d.id);
-    const { _dndSessionId: g, ...h } = y, m = h.id || p("node");
+    s.removeNode(d.id);
+    const { _dndSessionId: g, ...v } = y, m = v.id || p("node");
     o({
       id: J(),
       source: "user:drag",
@@ -1226,39 +1239,39 @@ function to({
       commands: [
         {
           type: "node.add",
-          node: { ...h, id: m, position: { x: c.x, y: c.y } }
+          node: { ...v, id: m, position: { x: c.x, y: c.y } }
         }
       ]
     });
   };
-  n.on("node:added", B);
+  s.on("node:added", B);
   function j(d) {
     const y = t.nodeTypes[d.type];
     return Ue(d, y?.getPorts);
   }
   function k(d) {
-    return d ?? ft(n.getSelectedCells?.() ?? []);
+    return d ?? ft(s.getSelectedCells?.() ?? []);
   }
-  function X(d, y, c, g, h) {
+  function X(d, y, c, g, v) {
     switch (d) {
       case "left":
         return {
-          x: y.position.x - h - g.width,
+          x: y.position.x - v - g.width,
           y: y.position.y + (c.height - g.height) / 2
         };
       case "top":
         return {
           x: y.position.x + (c.width - g.width) / 2,
-          y: y.position.y - h - g.height
+          y: y.position.y - v - g.height
         };
       case "bottom":
         return {
           x: y.position.x + (c.width - g.width) / 2,
-          y: y.position.y + c.height + h
+          y: y.position.y + c.height + v
         };
       default:
         return {
-          x: y.position.x + c.width + h,
+          x: y.position.x + c.width + v,
           y: y.position.y + (c.height - g.height) / 2
         };
     }
@@ -1277,73 +1290,73 @@ function to({
   }
   const G = {
     zoomIn() {
-      n.zoom(0.1);
+      s.zoom(0.1);
     },
     zoomOut() {
-      n.zoom(-0.1);
+      s.zoom(-0.1);
     },
     zoomTo(d) {
-      n.zoomTo(d);
+      s.zoomTo(d);
     },
     zoomToFit(d) {
-      n.zoomToFit({ padding: 40, maxScale: 1, ...d });
+      s.zoomToFit({ padding: 40, maxScale: 1, ...d });
     },
     getZoom() {
-      return n.zoom();
+      return s.zoom();
     },
     centerContent() {
-      n.centerContent();
+      s.centerContent();
     },
     scrollToOrigin() {
-      n.translate(0, 0);
+      s.translate(0, 0);
     },
     scrollToNode(d) {
-      const y = n.getCellById(d);
-      y && n.centerCell(y);
+      const y = s.getCellById(d);
+      y && s.centerCell(y);
     },
     getSelection() {
       return k();
     },
     getSelectionBounds(d) {
-      return Qt(n, k(d));
+      return Qt(s, k(d));
     },
     selectNodes(d) {
-      const y = d.map((c) => n.getCellById(c)).filter(Boolean);
-      n.select?.(y);
+      const y = d.map((c) => s.getCellById(c)).filter(Boolean);
+      s.select?.(y);
     },
     selectEdges(d) {
-      const y = d.map((c) => n.getCellById(c)).filter(Boolean);
-      n.select?.(y);
+      const y = d.map((c) => s.getCellById(c)).filter(Boolean);
+      s.select?.(y);
     },
     clearSelection() {
-      const d = n.getSelectedCells?.();
-      d?.length && n.unselect?.(d);
+      const d = s.getSelectedCells?.();
+      d?.length && s.unselect?.(d);
     },
     deleteSelection(d) {
-      const y = k(d?.selection), c = gt(y, s.value, r ?? (() => ({}))), g = Jt(c);
+      const y = k(d?.selection), c = gt(y, n.value, i ?? (() => ({}))), g = Jt(c);
       if (g.length === 0) return null;
-      const h = o({
+      const v = o({
         id: J(),
         source: d?.source ?? "user:toolbar",
         label: d?.label ?? "删除选中",
         timestamp: Date.now(),
         commands: g
       });
-      return h.status === "applied" && d?.clearSelectionAfterApply !== !1 && G.clearSelection(), h;
+      return v.status === "applied" && d?.clearSelectionAfterApply !== !1 && G.clearSelection(), v;
     },
     registerDndSource(d, y) {
       const c = async (g) => {
-        const h = await S();
-        if (!h) return;
+        const v = await S();
+        if (!v) return;
         const m = J();
         b = m;
-        const E = y(), L = f?.(E.type), z = n.createNode({
+        const E = y(), L = f?.(E.type), z = s.createNode({
           width: L?.width ?? 154,
           height: L?.height ?? 54,
           shape: L?.shapeName ?? "rect",
           data: { ...E, _dndSessionId: m }
         });
-        h.start(z, g);
+        v.start(z, g);
       };
       return d.addEventListener("mousedown", c), () => {
         d.removeEventListener("mousedown", c);
@@ -1354,14 +1367,14 @@ function to({
      * 复用 X6 原生的连线拖拽流程与 connecting.createEdge 配置。
      */
     startConnection(d, y) {
-      const c = n.getCellById(d);
+      const c = s.getCellById(d);
       if (!c?.isNode()) return;
-      const g = c, h = n.findViewByCell(g);
-      if (!h) return;
-      const m = h.findPortElem(y, "circle") ?? h.findPortElem(y);
+      const g = c, v = s.findViewByCell(g);
+      if (!v) return;
+      const m = v.findPortElem(y, "circle") ?? v.findPortElem(y);
       if (!m) return;
-      const L = (m.matches?.("[magnet]") ? m : m.querySelector?.("[magnet]")) ?? m, z = L.getBoundingClientRect(), ie = z.left + z.width / 2, N = z.top + z.height / 2, _ = new MouseEvent("mousedown", {
-        clientX: ie,
+      const L = (m.matches?.("[magnet]") ? m : m.querySelector?.("[magnet]")) ?? m, z = L.getBoundingClientRect(), re = z.left + z.width / 2, N = z.top + z.height / 2, _ = new MouseEvent("mousedown", {
+        clientX: re,
         clientY: N,
         button: 0,
         buttons: 1,
@@ -1371,15 +1384,15 @@ function to({
       L.dispatchEvent(_);
     },
     async exportAsImage(d) {
-      const { domToBlob: y } = await import("modern-screenshot"), c = d?.padding ?? 20, g = d?.backgroundColor ?? n.options.background?.color ?? "#ffffff", h = n.zoom(), m = n.translate(), E = n.getContentBBox(), L = E.width / h, z = E.height / h;
+      const { domToBlob: y } = await import("modern-screenshot"), c = d?.padding ?? 20, g = d?.backgroundColor ?? s.options.background?.color ?? "#ffffff", v = s.zoom(), m = s.translate(), E = s.getContentBBox(), L = E.width / v, z = E.height / v;
       if (L === 0 || z === 0)
         return new Blob();
-      const ie = (E.x - m.tx) / h, N = (E.y - m.ty) / h, _ = Math.ceil(L + c * 2), x = Math.ceil(z + c * 2), R = document.createElement("div");
+      const re = (E.x - m.tx) / v, N = (E.y - m.ty) / v, _ = Math.ceil(L + c * 2), x = Math.ceil(z + c * 2), R = document.createElement("div");
       R.style.cssText = "position:fixed;left:-99999px;top:0;pointer-events:none;";
-      const F = n.container.cloneNode(!0);
+      const F = s.container.cloneNode(!0);
       F.style.width = `${_}px`, F.style.height = `${x}px`, F.style.overflow = "visible";
       const Z = F.querySelector("svg");
-      Z && (Z.setAttribute("width", String(_)), Z.setAttribute("height", String(x)), Z.style.width = `${_}px`, Z.style.height = `${x}px`), F.querySelector(".x6-graph-svg-viewport")?.setAttribute("transform", `matrix(1,0,0,1,${-ie + c},${-N + c})`), R.appendChild(F), document.body.appendChild(R);
+      Z && (Z.setAttribute("width", String(_)), Z.setAttribute("height", String(x)), Z.style.width = `${_}px`, Z.style.height = `${x}px`), F.querySelector(".x6-graph-svg-viewport")?.setAttribute("transform", `matrix(1,0,0,1,${-re + c},${-N + c})`), R.appendChild(F), document.body.appendChild(R);
       try {
         return await M(), await y(F, {
           width: _,
@@ -1402,32 +1415,32 @@ function to({
       }
     },
     highlightNodes(d) {
-      u = d, v?.(u, w);
+      u = d, h?.(u, w);
     },
     highlightEdges(d) {
-      w = d, v?.(u, w);
+      w = d, h?.(u, w);
     },
     clearHighlight() {
-      u = [], w = [], v?.([], []);
+      u = [], w = [], h?.([], []);
     },
     overlay: e,
     getContextMenuItems(d) {
       return a?.(d) ?? [];
     },
     insertNodeToRight(d, y, c) {
-      const g = s.value, h = g.nodes[d];
-      if (!h)
+      const g = n.value, v = g.nodes[d];
+      if (!v)
         return {
           status: "invalid",
           envelope: { id: "", source: "user:toolbar", timestamp: Date.now(), commands: [] },
           error: { code: "constraint_violated", reason: `Source node "${d}" not found`, source: "api" }
         };
-      const m = c?.gap ?? l ?? eo, E = c?.direction ?? "right", L = t.nodeTypes[h.type], z = t.nodeTypes[y.type], ie = L?.getSize(h) ?? { width: 154, height: 54 }, N = z?.getSize({ ...y, position: { x: 0, y: 0 } }) ?? {
+      const m = c?.gap ?? l ?? eo, E = c?.direction ?? "right", L = t.nodeTypes[v.type], z = t.nodeTypes[y.type], re = L?.getSize(v) ?? { width: 154, height: 54 }, N = z?.getSize({ ...y, position: { x: 0, y: 0 } }) ?? {
         width: 154,
         height: 54
-      }, _ = X(E, h, ie, N, m), x = y.id || p("node"), R = { ...y, id: x, position: _ }, F = [{ type: "node.add", node: R }];
+      }, _ = X(E, v, re, N, m), x = y.id || p("node"), R = { ...y, id: x, position: _ }, F = [{ type: "node.add", node: R }];
       if (c?.autoWireEdges) {
-        const ae = j(h), Q = j(R), K = E, me = U(E), pe = ae.find((I) => I.group === K), we = Q.find((I) => I.group === me), $e = Q.find((I) => I.group === K), Se = pe ? Object.values(g.edges).find(
+        const ae = j(v), Q = j(R), K = E, me = U(E), pe = ae.find((I) => I.group === K), we = Q.find((I) => I.group === me), $e = Q.find((I) => I.group === K), Se = pe ? Object.values(g.edges).find(
           (I) => I.source.nodeId === d && I.source.portId === pe.id
         ) : Object.values(g.edges).find((I) => I.source.nodeId === d);
         if (Se) {
@@ -1485,108 +1498,108 @@ function to({
       return o(Z);
     },
     onGraphEvent(d, y) {
-      return n.on(d, y), () => n.off(d, y);
+      return s.on(d, y), () => s.off(d, y);
     },
     unsafeGetGraph() {
-      return n;
+      return s;
     }
   };
   return G;
 }
 function oo() {
-  const n = H(null), e = H(!1);
+  const s = H(null), e = H(!1);
   let o = null, t = !1;
-  function s(p) {
-    o && (clearTimeout(o), o = null), n.value = p;
+  function n(p) {
+    o && (clearTimeout(o), o = null), s.value = p;
   }
-  function r(p = 100) {
+  function i(p = 100) {
     t || (o && clearTimeout(o), o = setTimeout(() => {
-      n.value = null, o = null;
+      s.value = null, o = null;
     }, p));
   }
-  function i() {
+  function r() {
     t = !0, o && (clearTimeout(o), o = null);
   }
   function l(p = 100) {
-    t = !1, r(p);
+    t = !1, i(p);
   }
   function a() {
     o && (clearTimeout(o), o = null);
   }
-  function v() {
-    a(), t = !1, n.value = null;
+  function h() {
+    a(), t = !1, s.value = null;
   }
   function f() {
     o && clearTimeout(o);
   }
-  return { hoveredNodeId: n, isDraggingNode: e, enter: s, leave: r, enterOverlay: i, leaveOverlay: l, cancelLeave: a, reset: v, cleanup: f };
+  return { hoveredNodeId: s, isDraggingNode: e, enter: n, leave: i, enterOverlay: r, leaveOverlay: l, cancelLeave: a, reset: h, cleanup: f };
 }
 const Xe = 10, Ae = 12;
-function Ke(n, e) {
-  const o = n.getTotalLength();
+function Ke(s, e) {
+  const o = s.getTotalLength();
   if (o === 0) return { ...e, length: 0, totalLength: 0 };
-  let t = n.getPointAtLength(0), s = 1 / 0;
-  const r = 50, i = o / r;
+  let t = s.getPointAtLength(0), n = 1 / 0;
+  const i = 50, r = o / i;
   let l = 0;
-  for (let p = 0; p <= r; p++) {
-    const u = p * i, w = n.getPointAtLength(u), D = (w.x - e.x) ** 2 + (w.y - e.y) ** 2;
-    D < s && (s = D, t = w, l = u);
+  for (let p = 0; p <= i; p++) {
+    const u = p * r, w = s.getPointAtLength(u), D = (w.x - e.x) ** 2 + (w.y - e.y) ** 2;
+    D < n && (n = D, t = w, l = u);
   }
-  const a = Math.max(0, l - i), v = Math.min(o, l + i), f = (v - a) / 20;
-  for (let p = a; p <= v; p += f) {
-    const u = n.getPointAtLength(p), w = (u.x - e.x) ** 2 + (u.y - e.y) ** 2;
-    w < s && (s = w, t = u, l = p);
+  const a = Math.max(0, l - r), h = Math.min(o, l + r), f = (h - a) / 20;
+  for (let p = a; p <= h; p += f) {
+    const u = s.getPointAtLength(p), w = (u.x - e.x) ** 2 + (u.y - e.y) ** 2;
+    w < n && (n = w, t = u, l = p);
   }
   return { x: t.x, y: t.y, length: l, totalLength: o };
 }
-function Ye(n, e) {
-  return n < Xe || n > e - Xe;
+function Ye(s, e) {
+  return s < Xe || s > e - Xe;
 }
-function Ze(n, e, o) {
-  const t = n.querySelectorAll(".x6-edge-label");
-  for (const s of t) {
-    const r = s.getBoundingClientRect();
-    if (e >= r.left - Ae && e <= r.right + Ae && o >= r.top - Ae && o <= r.bottom + Ae)
+function Ze(s, e, o) {
+  const t = s.querySelectorAll(".x6-edge-label");
+  for (const n of t) {
+    const i = n.getBoundingClientRect();
+    if (e >= i.left - Ae && e <= i.right + Ae && o >= i.top - Ae && o <= i.bottom + Ae)
       return !0;
   }
   return !1;
 }
 function Qe() {
-  const n = "http://www.w3.org/2000/svg", e = document.createElementNS(n, "g");
+  const s = "http://www.w3.org/2000/svg", e = document.createElementNS(s, "g");
   e.setAttribute("class", "flow-canvas-edge-delete-tool"), e.style.cursor = "pointer";
-  const o = document.createElementNS(n, "rect");
+  const o = document.createElementNS(s, "rect");
   o.setAttribute("width", "20"), o.setAttribute("height", "20"), o.setAttribute("x", "-10"), o.setAttribute("y", "-10"), o.setAttribute("rx", "4"), o.setAttribute("ry", "4"), o.setAttribute("fill", "#3a84ff"), e.appendChild(o);
-  const t = document.createElementNS(n, "text");
+  const t = document.createElementNS(s, "text");
   return t.setAttribute("font-family", "flow-canvas"), t.setAttribute("font-size", "16"), t.setAttribute("fill", "#ffffff"), t.setAttribute("text-anchor", "middle"), t.setAttribute("dominant-baseline", "central"), t.textContent = "", e.appendChild(t), e;
 }
-function no(n) {
+function no(s) {
   let e = null, o = null;
   function t(l, a) {
-    if (r(), o = l, a.target?.closest?.(".x6-edge-label")) return;
-    const f = n.getCellById(l);
+    if (i(), o = l, a.target?.closest?.(".x6-edge-label")) return;
+    const f = s.getCellById(l);
     if (!f?.isEdge()) return;
-    const p = n.findViewByCell(f);
+    const p = s.findViewByCell(f);
     if (!p) return;
     const u = p.container.querySelector("path");
     if (!u) return;
-    const w = n.clientToLocal(a.clientX, a.clientY), D = Ke(u, w);
+    const w = s.clientToLocal(a.clientX, a.clientY), D = Ke(u, w);
     if (Ye(D.length, D.totalLength) || Ze(p.container, a.clientX, a.clientY)) return;
     const O = Qe();
     O.setAttribute("transform", `translate(${D.x}, ${D.y})`), p.container.appendChild(O), e = O;
   }
-  function s(l) {
+  function n(l) {
     if (!o) return;
     if (l.target?.closest?.(".x6-edge-label")) {
       e && e.setAttribute("display", "none");
       return;
     }
-    const v = n.getCellById(o);
-    if (!v?.isEdge()) return;
-    const f = n.findViewByCell(v);
+    const h = s.getCellById(o);
+    if (!h?.isEdge()) return;
+    const f = s.findViewByCell(h);
     if (!f) return;
     const p = f.container.querySelector("path");
     if (!p) return;
-    const u = n.clientToLocal(l.clientX, l.clientY), w = Ke(p, u);
+    const u = s.clientToLocal(l.clientX, l.clientY), w = Ke(p, u);
     if (Ye(w.length, w.totalLength) || Ze(f.container, l.clientX, l.clientY))
       e && e.setAttribute("display", "none");
     else if (e)
@@ -1596,36 +1609,36 @@ function no(n) {
       D.setAttribute("transform", `translate(${w.x}, ${w.y})`), f.container.appendChild(D), e = D;
     }
   }
-  function r() {
+  function i() {
     e && (e.remove(), e = null), o = null;
   }
-  function i(l) {
+  function r(l) {
     l === o && (e = null, o = null);
   }
-  return { show: t, move: s, remove: r, handleEdgeRemoved: i };
+  return { show: t, move: n, remove: i, handleEdgeRemoved: r };
 }
-function so(n) {
+function so(s) {
   let e = null, o = 0;
   function t(f) {
     const p = f ? "visible" : "hidden";
-    for (const u of n.getNodes())
+    for (const u of s.getNodes())
       for (const w of u.getPorts())
         u.setPortProp(w.id, "attrs/circle/visibility", p);
   }
-  function s(f) {
+  function n(f) {
     if (!e)
       for (const p of f.getPorts())
         f.setPortProp(p.id, "attrs/circle/visibility", "visible");
   }
-  function r(f) {
+  function i(f) {
     if (!e)
       for (const p of f.getPorts())
         f.setPortProp(p.id, "attrs/circle/visibility", "hidden");
   }
-  function i(f, p) {
+  function r(f, p) {
     if (!f.getTargetCell())
       if (e = f.id, p?.size)
-        for (const u of n.getNodes()) {
+        for (const u of s.getNodes()) {
           const w = p.has(u.id) ? "hidden" : "visible";
           for (const D of u.getPorts())
             u.setPortProp(D.id, "attrs/circle/visibility", w);
@@ -1639,30 +1652,30 @@ function so(n) {
   function a(f) {
     f === e && (e = null, t(!1));
   }
-  function v() {
+  function h() {
     return !e && Date.now() >= o;
   }
   return {
-    showNodePorts: s,
-    hideNodePorts: r,
-    handleEdgeAdded: i,
+    showNodePorts: n,
+    hideNodePorts: i,
+    handleEdgeAdded: r,
     handleEdgeConnected: l,
     handleEdgeRemoved: a,
-    canShowEdgeTool: v
+    canShowEdgeTool: h
   };
 }
-function Je(n) {
-  return n === "top" || n === "right" || n === "bottom" || n === "left";
+function Je(s) {
+  return s === "top" || s === "right" || s === "bottom" || s === "left";
 }
-function ro(n) {
-  const { editor: e, nodeHover: o, isSelectionModeActive: t, viewportVersion: s, getNodeBehavior: r, getInsertGap: i } = n, { isDraggingNode: l } = n, a = H(null), v = H(!1);
+function io(s) {
+  const { editor: e, nodeHover: o, isSelectionModeActive: t, viewportVersion: n, getNodeBehavior: i, getInsertGap: r } = s, { isDraggingNode: l } = s, a = H(null), h = H(!1);
   let f = null, p = null, u = null;
   const w = V(() => ({
     enabled: !0,
     portGroup: "right",
     autoPanOnOpen: !0,
     autoPanPadding: 16,
-    ...n.quickAddProp.value
+    ...s.quickAddProp.value
   }));
   function D() {
     f && (clearTimeout(f), f = null);
@@ -1673,7 +1686,7 @@ function ro(n) {
     }, 150);
   }
   function b(N) {
-    return v.value ? !0 : (D(), d(N) ? (a.value = N, !0) : (a.value = null, !1));
+    return h.value ? !0 : (D(), d(N) ? (a.value = N, !0) : (a.value = null, !1));
   }
   function S() {
     D(), o.enterOverlay();
@@ -1740,27 +1753,27 @@ function ro(n) {
   function d(N) {
     if (!w.value.enabled || e.mode.value !== "edit") return !1;
     const x = e.flowModel.value.nodes[N];
-    return !x || r(x).quickAddEnabled === !1 ? !1 : !!U(x);
+    return !x || i(x).quickAddEnabled === !1 ? !1 : !!U(x);
   }
   const y = V(() => {
-    if (s.value, !w.value.enabled) return null;
+    if (n.value, !w.value.enabled) return null;
     const N = a.value;
     if (!N || l.value || !e.api.value || e.mode.value !== "edit" || t.value)
       return null;
     const x = e.flowModel.value.nodes[N];
     if (!x) return null;
-    const R = r(x);
+    const R = i(x);
     if (R.quickAddEnabled === !1) return null;
     const F = U(x);
     return F ? { node: x, ...F, behavior: R } : null;
   });
   function c(N) {
-    v.value = !0, y.value && e._emitUiEvent({ type: "node.quick-add", nodeId: N, position: y.value.portPosition });
+    h.value = !0, y.value && e._emitUiEvent({ type: "node.quick-add", nodeId: N, position: y.value.portPosition });
   }
   function g() {
-    v.value = !1;
+    h.value = !1;
   }
-  function h(N) {
+  function v(N) {
     const _ = e.api.value;
     if (!_) return;
     const x = e.flowModel.value.nodes[N];
@@ -1781,10 +1794,10 @@ function ro(n) {
     x.insertNodeToRight(N, F, {
       autoWireEdges: !0,
       direction: G(Z),
-      gap: i(),
+      gap: r(),
       source: "user:quick-add",
       label: "快捷插入节点"
-    }).status === "applied" && e._emitUiEvent({ type: "node.action.quick-insert", sourceNodeId: N, newNodeId: R }), n.closePopover();
+    }).status === "applied" && e._emitUiEvent({ type: "node.action.quick-insert", sourceNodeId: N, newNodeId: R }), s.closePopover();
   }
   function L(N) {
     if (!p) return;
@@ -1794,7 +1807,7 @@ function ro(n) {
     if (!R) return;
     const F = U(R);
     let Z = !0;
-    r(R).hidePortForQuickAdd === !1 && (Z = !1);
+    i(R).hidePortForQuickAdd === !1 && (Z = !1);
     const Q = Z && !l.value && !!F && d(N);
     for (const K of x.getPorts()) {
       const me = Q && K.id === F?.portId ? "hidden" : "visible";
@@ -1815,14 +1828,14 @@ function ro(n) {
     );
   }
   ge(y, (N) => {
-    N || (v.value = !1);
+    N || (h.value = !1);
   });
-  function ie() {
+  function re() {
     f && clearTimeout(f), u?.(), u = null, p = null;
   }
   return {
     quickAddNodeId: a,
-    quickAddPopoverOpen: v,
+    quickAddPopoverOpen: h,
     mergedConfig: w,
     data: y,
     enter: b,
@@ -1832,58 +1845,58 @@ function ro(n) {
     handleOverlayLeave: M,
     handleOpen: c,
     handleClose: g,
-    handleStartDrag: h,
+    handleStartDrag: v,
     handlePopoverViewportOverflow: m,
     handleInsert: E,
     isActiveForNode: d,
     syncNodePorts: L,
     attachRuntime: z,
-    cleanup: ie
+    cleanup: re
   };
 }
-const io = 15, ao = 10;
-function lo(n) {
-  const { editor: e } = n;
-  let o = null, t = null, s = null, r = null;
-  const i = [];
+const ro = 15, ao = 10;
+function lo(s) {
+  const { editor: e } = s;
+  let o = null, t = null, n = null, i = null;
+  const r = [];
   let l = null;
   const a = V(() => ({
     enabled: !1,
-    bufferMargin: io,
+    bufferMargin: ro,
     incomingPortGroup: "left",
     outgoingPortGroup: "right",
-    ...n.edgeDropProp.value
+    ...s.edgeDropProp.value
   }));
-  function v(d) {
+  function h(d) {
     if (!o) return null;
     const y = o.getCellById(d);
     if (!y?.isEdge()) return null;
     const c = o.findViewByCell(y)?.container;
     if (!c) return null;
     const g = c.querySelectorAll("path");
-    for (const h of g)
-      if (h.getAttribute("stroke") !== "transparent") return h;
+    for (const v of g)
+      if (v.getAttribute("stroke") !== "transparent") return v;
     return null;
   }
   function f(d) {
-    const y = v(d);
-    y && (y.style.stroke = "#3a84ff", r = d);
+    const y = h(d);
+    y && (y.style.stroke = "#3a84ff", i = d);
   }
   function p() {
-    if (!r) return;
-    const d = v(r);
-    d && (d.style.stroke = ""), r = null;
+    if (!i) return;
+    const d = h(i);
+    d && (d.style.stroke = ""), i = null;
   }
   function u(d, y, c) {
     if (o) {
       const g = o.getCellById(d);
       if (g?.isNode()) {
-        const h = g.getPorts().find((m) => m.group === c);
-        if (h?.id) return h.id;
+        const v = g.getPorts().find((m) => m.group === c);
+        if (v?.id) return v.id;
       }
     }
     if (y.ports?.length) {
-      const g = y.ports.find((h) => h.group === c);
+      const g = y.ports.find((v) => v.group === c);
       if (g) return g.id;
     }
     return c;
@@ -1892,8 +1905,8 @@ function lo(n) {
     const y = d.getTotalLength();
     if (y === 0) return [];
     const c = [];
-    for (let h = 0; h <= y; h += ao) {
-      const m = d.getPointAtLength(h);
+    for (let v = 0; v <= y; v += ao) {
+      const m = d.getPointAtLength(v);
       c.push({ x: m.x, y: m.y });
     }
     const g = d.getPointAtLength(y);
@@ -1901,16 +1914,16 @@ function lo(n) {
   }
   function D(d, y, c) {
     if (!o) return null;
-    const g = a.value, h = g.bufferMargin, m = {
-      x: d.x + h,
-      y: d.y + h,
-      width: Math.max(0, d.width - h * 2),
-      height: Math.max(0, d.height - h * 2)
+    const g = a.value, v = g.bufferMargin, m = {
+      x: d.x + v,
+      y: d.y + v,
+      width: Math.max(0, d.width - v * 2),
+      height: Math.max(0, d.height - v * 2)
     };
     if (m.width <= 0 || m.height <= 0) return null;
     const E = m.x + m.width, L = m.y + m.height;
     let z = null;
-    const ie = d.x + d.width / 2, N = d.y + d.height / 2;
+    const re = d.x + d.width / 2, N = d.y + d.height / 2;
     for (const _ of o.getEdges()) {
       const x = y.edges[_.id];
       if (!x || c && (x.source.nodeId === c || x.target.nodeId === c) || g.isEdgeDropTarget && !g.isEdgeDropTarget(x, y)) continue;
@@ -1923,7 +1936,7 @@ function lo(n) {
       let ae = !1, Q = 1 / 0;
       for (const K of Z)
         if (K.x >= m.x && K.x <= E && K.y >= m.y && K.y <= L) {
-          const me = K.x - ie, pe = K.y - N, we = me * me + pe * pe;
+          const me = K.x - re, pe = K.y - N, we = me * me + pe * pe;
           we < Q && (Q = we), ae = !0;
         }
       ae && (!z || Q < z.distSq) && (z = { edgeId: _.id, edge: x, distSq: Q });
@@ -1932,8 +1945,8 @@ function lo(n) {
   }
   function O(d, y) {
     if (!a.value.enabled) return;
-    const g = e.flowModel.value, h = D(d, g, y);
-    h ? t !== h.edgeId && (p(), t = h.edgeId, f(h.edgeId)) : t && (p(), t = null);
+    const g = e.flowModel.value, v = D(d, g, y);
+    v ? t !== v.edgeId && (p(), t = v.edgeId, f(v.edgeId)) : t && (p(), t = null);
   }
   let b = !0;
   function S({ node: d }) {
@@ -1947,14 +1960,14 @@ function lo(n) {
     b = !g.isNodeInsertable || g.isNodeInsertable(c, y);
   }
   function M({ node: d }) {
-    !a.value.enabled || !b || s === null && (s = requestAnimationFrame(() => {
-      if (s = null, !o) return;
+    !a.value.enabled || !b || n === null && (n = requestAnimationFrame(() => {
+      if (n = null, !o) return;
       const y = d.getPosition(), c = d.getSize();
       O({ x: y.x, y: y.y, width: c.width, height: c.height }, d.id);
     }));
   }
   function B() {
-    s !== null && (cancelAnimationFrame(s), s = null), p(), b = !0;
+    n !== null && (cancelAnimationFrame(n), n = null), p(), b = !0;
   }
   function j() {
     if (!o) return;
@@ -1966,22 +1979,22 @@ function lo(n) {
         d && (d = !1, p(), t = null);
         return;
       }
-      d = !0, s === null && (s = requestAnimationFrame(() => {
-        if (s = null, !o) return;
-        const c = y.getBoundingClientRect(), g = o.clientToLocal(c.left, c.top), h = o.clientToLocal(c.right, c.bottom), m = {
+      d = !0, n === null && (n = requestAnimationFrame(() => {
+        if (n = null, !o) return;
+        const c = y.getBoundingClientRect(), g = o.clientToLocal(c.left, c.top), v = o.clientToLocal(c.right, c.bottom), m = {
           x: g.x,
           y: g.y,
-          width: h.x - g.x,
-          height: h.y - g.y
+          width: v.x - g.x,
+          height: v.y - g.y
         };
         O(m);
       }));
-    }, document.addEventListener("mousemove", l), i.push(() => {
+    }, document.addEventListener("mousemove", l), r.push(() => {
       l && (document.removeEventListener("mousemove", l), l = null);
     });
   }
   function k() {
-    p(), t = null, s !== null && (cancelAnimationFrame(s), s = null);
+    p(), t = null, n !== null && (cancelAnimationFrame(n), n = null);
   }
   function X(d) {
     if (!t || d.source !== "user:drag") return d;
@@ -1989,14 +2002,14 @@ function lo(n) {
     t = null, p();
     const c = e.flowModel.value, g = c.edges[y];
     if (!g) return d;
-    const h = d.commands.find((R) => R.type === "node.add" || R.type === "node.move");
-    if (!h) return d;
-    const m = h.type === "node.add" ? h.node.id : h.nodeId, E = h.type === "node.add" ? h.node : c.nodes[h.nodeId];
+    const v = d.commands.find((R) => R.type === "node.add" || R.type === "node.move");
+    if (!v) return d;
+    const m = v.type === "node.add" ? v.node.id : v.nodeId, E = v.type === "node.add" ? v.node : c.nodes[v.nodeId];
     if (!E) return d;
     const L = a.value;
     if (L.isNodeInsertable && !L.isNodeInsertable(E, c))
       return d;
-    const z = u(m, E, L.incomingPortGroup), ie = u(m, E, L.outgoingPortGroup), N = e.idGenerator("edge"), _ = e.idGenerator("edge"), x = [
+    const z = u(m, E, L.incomingPortGroup), re = u(m, E, L.outgoingPortGroup), N = e.idGenerator("edge"), _ = e.idGenerator("edge"), x = [
       { type: "edge.remove", edgeId: y },
       {
         type: "edge.add",
@@ -2012,7 +2025,7 @@ function lo(n) {
         edge: {
           id: _,
           type: g.type,
-          source: { nodeId: m, portId: ie },
+          source: { nodeId: m, portId: re },
           target: { nodeId: g.target.nodeId, portId: g.target.portId }
         }
       }
@@ -2026,14 +2039,14 @@ function lo(n) {
   function U(d) {
     o = d;
     const y = (c, g) => {
-      d.on(c, g), i.push(() => d.off(c, g));
+      d.on(c, g), r.push(() => d.off(c, g));
     };
     y("node:move", S), y("node:change:position", M), y("node:moved", B), j();
   }
   function G() {
     k();
-    for (const d of i) d();
-    i.length = 0, o = null, b = !0;
+    for (const d of r) d();
+    r.length = 0, o = null, b = !0;
   }
   return {
     attachRuntime: U,
@@ -2041,34 +2054,34 @@ function lo(n) {
     cleanup: G
   };
 }
-function co(n) {
-  function e(s) {
+function co(s) {
+  function e(n) {
     return {
-      id: n.idGenerator("node"),
-      type: s.type,
-      label: s.label,
-      ports: s.ports ? JSON.parse(JSON.stringify(s.ports)) : void 0,
-      payload: s.payload ? JSON.parse(JSON.stringify(s.payload)) : void 0,
-      extensions: s.extensions ? JSON.parse(JSON.stringify(s.extensions)) : void 0
+      id: s.idGenerator("node"),
+      type: n.type,
+      label: n.label,
+      ports: n.ports ? JSON.parse(JSON.stringify(n.ports)) : void 0,
+      payload: n.payload ? JSON.parse(JSON.stringify(n.payload)) : void 0,
+      extensions: n.extensions ? JSON.parse(JSON.stringify(n.extensions)) : void 0
     };
   }
-  function o(s, r, i) {
-    const l = n.api.value;
-    switch (s) {
+  function o(n, i, r) {
+    const l = s.api.value;
+    switch (n) {
       case "delete":
-        return n.executeCommand({
+        return s.executeCommand({
           id: J(),
           source: "user:toolbar",
           label: "删除节点",
           timestamp: Date.now(),
-          commands: [{ type: "node.remove", nodeId: r }]
-        }), n._emitUiEvent({ type: "node.action.delete", nodeId: r }), !0;
+          commands: [{ type: "node.remove", nodeId: i }]
+        }), s._emitUiEvent({ type: "node.action.delete", nodeId: i }), !0;
       case "copy": {
         if (!l) break;
-        const a = n.flowModel.value.nodes[r];
+        const a = s.flowModel.value.nodes[i];
         if (!a) break;
-        const v = e(a), f = 50;
-        n.executeCommand({
+        const h = e(a), f = 50;
+        s.executeCommand({
           id: J(),
           source: "user:toolbar",
           label: "复制节点",
@@ -2077,7 +2090,7 @@ function co(n) {
             {
               type: "node.add",
               node: {
-                ...v,
+                ...h,
                 position: {
                   x: a.position.x + f,
                   y: a.position.y + f
@@ -2085,46 +2098,46 @@ function co(n) {
               }
             }
           ]
-        }), l.selectNodes([v.id]), n._emitUiEvent({ type: "node.action.copy", sourceNodeId: r, newNodeId: v.id });
+        }), l.selectNodes([h.id]), s._emitUiEvent({ type: "node.action.copy", sourceNodeId: i, newNodeId: h.id });
         break;
       }
       case "copy-insert": {
         if (!l) break;
-        const a = n.flowModel.value.nodes[r];
+        const a = s.flowModel.value.nodes[i];
         if (!a) break;
-        const v = e(a);
-        l.insertNodeToRight(r, v, {
+        const h = e(a);
+        l.insertNodeToRight(i, h, {
           autoWireEdges: !0,
-          gap: i,
+          gap: r,
           label: "复制并插入节点"
-        }), l.selectNodes([v.id]), n._emitUiEvent({ type: "node.action.copy-insert", sourceNodeId: r, newNodeId: v.id });
+        }), l.selectNodes([h.id]), s._emitUiEvent({ type: "node.action.copy-insert", sourceNodeId: i, newNodeId: h.id });
         break;
       }
       case "disconnect": {
-        const a = n.flowModel.value, v = Object.entries(a.edges).filter(([, f]) => {
+        const a = s.flowModel.value, h = Object.entries(a.edges).filter(([, f]) => {
           const p = f;
-          return p.source.nodeId === r || p.target.nodeId === r;
+          return p.source.nodeId === i || p.target.nodeId === i;
         }).map(([f]) => f);
-        if (v.length === 0) break;
-        n.executeCommand({
+        if (h.length === 0) break;
+        s.executeCommand({
           id: J(),
           source: "user:toolbar",
           label: "断开连线",
           timestamp: Date.now(),
-          commands: v.map((f) => ({ type: "edge.remove", edgeId: f }))
-        }), n._emitUiEvent({ type: "node.action.disconnect", nodeId: r, edgeIds: v });
+          commands: h.map((f) => ({ type: "edge.remove", edgeId: f }))
+        }), s._emitUiEvent({ type: "node.action.disconnect", nodeId: i, edgeIds: h });
         break;
       }
       case "debug": {
-        n._emitUiEvent({ type: "node.action.debug", nodeId: r });
+        s._emitUiEvent({ type: "node.action.debug", nodeId: i });
         break;
       }
     }
     return !1;
   }
-  function t(s) {
-    n.api.value?.deleteSelection({
-      selection: s,
+  function t(n) {
+    s.api.value?.deleteSelection({
+      selection: n,
       source: "user:toolbar",
       label: "批量删除选中"
     });
@@ -2152,8 +2165,8 @@ function uo() {
     ]
   };
 }
-function fo(n, e) {
-  const o = e.defaultEdgeType ?? "default", t = e.edgeTypes?.[o], s = {
+function fo(s, e) {
+  const o = e.defaultEdgeType ?? "default", t = e.edgeTypes?.[o], n = {
     zIndex: -1,
     attrs: {
       line: {
@@ -2163,36 +2176,36 @@ function fo(n, e) {
       }
     }
   };
-  t?.router && (s.router = typeof t.router == "string" ? { name: t.router } : t.router), t?.connector && (s.connector = typeof t.connector == "string" ? { name: t.connector } : t.connector), t?.x6EdgeConfig && Object.assign(s, t.x6EdgeConfig);
-  const r = s.attrs ?? {}, i = r.line ?? {};
-  return s.attrs = {
-    ...r,
+  t?.router && (n.router = typeof t.router == "string" ? { name: t.router } : t.router), t?.connector && (n.connector = typeof t.connector == "string" ? { name: t.connector } : t.connector), t?.x6EdgeConfig && Object.assign(n, t.x6EdgeConfig);
+  const i = n.attrs ?? {}, r = i.line ?? {};
+  return n.attrs = {
+    ...i,
     line: {
-      ...i,
+      ...r,
       targetMarker: uo()
     }
-  }, n.createEdge(s);
+  }, s.createEdge(n);
 }
 const go = ".x6-widget-selection", po = ".x6-graph-svg";
-function ho(n) {
-  const e = n.querySelector(go), o = n.querySelector(po);
+function ho(s) {
+  const e = s.querySelector(go), o = s.querySelector(po);
   return !e || !o || e.parentNode !== o.parentNode || !o.parentNode || o.previousSibling === e ? !1 : (o.parentNode.insertBefore(e, o), !0);
 }
-function vo(n) {
-  const e = () => ho(n);
+function vo(s) {
+  const e = () => ho(s);
   e();
   const o = new MutationObserver(() => {
     e();
   });
-  return o.observe(n, { childList: !0 }), () => o.disconnect();
+  return o.observe(s, { childList: !0 }), () => o.disconnect();
 }
-function mo(n, e, o) {
-  const t = new Set(e), s = new Set(o), r = /* @__PURE__ */ new Set([...t, ...s]);
-  for (const i of r) {
-    const l = n.getCellById(i);
+function mo(s, e, o) {
+  const t = new Set(e), n = new Set(o), i = /* @__PURE__ */ new Set([...t, ...n]);
+  for (const r of i) {
+    const l = s.getCellById(r);
     if (!l?.isNode()) continue;
-    const a = s.has(i), v = l.getData() ?? {};
-    v._selected !== a && l.setData({ ...v, _selected: a });
+    const a = n.has(r), h = l.getData() ?? {};
+    h._selected !== a && l.setData({ ...h, _selected: a });
   }
 }
 const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
@@ -2205,15 +2218,15 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
     actionsOffset: {}
   },
   emits: ["action"],
-  setup(n, { emit: e }) {
-    const o = n, t = V(() => {
+  setup(s, { emit: e }) {
+    const o = s, t = V(() => {
       const p = o.actionsOffset?.x ?? 0, u = o.actionsOffset?.y ?? 0, w = p !== 0 || u !== 0;
       return {
         left: `${o.position.x}px`,
         top: `${o.position.y}px`,
         transform: w ? `translate(${p}px, ${u}px)` : "translateX(-100%)"
       };
-    }), s = e, r = V(() => ({
+    }), n = e, i = V(() => ({
       debug: {
         visible: o.config.showDebug && o.behavior.debuggable !== !1,
         disabled: o.behavior.debugDisabled === !0
@@ -2234,9 +2247,9 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
         visible: o.config.showDisconnect && o.behavior.disconnectable !== !1,
         disabled: o.behavior.disconnectDisabled === !0
       }
-    })), i = V(() => r.value.copy.visible || r.value.copyInsert.visible || r.value.disconnect.visible), l = H(!1);
+    })), r = V(() => i.value.copy.visible || i.value.copyInsert.visible || i.value.disconnect.visible), l = H(!1);
     let a = null;
-    function v() {
+    function h() {
       a && (clearTimeout(a), a = null), l.value = !0;
     }
     function f() {
@@ -2251,20 +2264,20 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
       style: Ee(t.value)
     }, [
       q("div", yo, [
-        r.value.debug.visible ? (A(), T("i", {
+        i.value.debug.visible ? (A(), T("i", {
           key: 0,
-          class: te(["flow-canvas-icon canvas-debug flow-canvas-node-actions__icon", { "is-disabled": r.value.debug.disabled }]),
-          onClick: u[0] || (u[0] = (w) => !r.value.debug.disabled && s("action", "debug", n.node.id))
+          class: te(["flow-canvas-icon canvas-debug flow-canvas-node-actions__icon", { "is-disabled": i.value.debug.disabled }]),
+          onClick: u[0] || (u[0] = (w) => !i.value.debug.disabled && n("action", "debug", s.node.id))
         }, null, 2)) : Y("", !0),
-        r.value.delete.visible ? (A(), T("i", {
+        i.value.delete.visible ? (A(), T("i", {
           key: 1,
-          class: te(["flow-canvas-icon canvas-shanchu flow-canvas-node-actions__icon", { "is-disabled": r.value.delete.disabled }]),
-          onClick: u[1] || (u[1] = (w) => !r.value.delete.disabled && s("action", "delete", n.node.id))
+          class: te(["flow-canvas-icon canvas-shanchu flow-canvas-node-actions__icon", { "is-disabled": i.value.delete.disabled }]),
+          onClick: u[1] || (u[1] = (w) => !i.value.delete.disabled && n("action", "delete", s.node.id))
         }, null, 2)) : Y("", !0),
-        i.value ? (A(), T("div", {
+        r.value ? (A(), T("div", {
           key: 2,
           class: "flow-canvas-node-actions__more-wrapper",
-          onMouseenter: v,
+          onMouseenter: h,
           onMouseleave: f
         }, [...u[5] || (u[5] = [
           q("i", { class: "flow-canvas-icon canvas-gengduo flow-canvas-node-actions__icon" }, null, -1)
@@ -2272,32 +2285,32 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
       ]),
       at(lt, { name: "flow-canvas-fade" }, {
         default: He(() => [
-          l.value && i.value ? (A(), T("div", {
+          l.value && r.value ? (A(), T("div", {
             key: 0,
             class: "flow-canvas-node-actions__dropdown",
-            onMouseenter: v,
+            onMouseenter: h,
             onMouseleave: f
           }, [
-            r.value.copy.visible ? (A(), T("div", {
+            i.value.copy.visible ? (A(), T("div", {
               key: 0,
-              class: te(["flow-canvas-node-actions__dropdown-item", { "is-disabled": r.value.copy.disabled }]),
-              onClick: u[2] || (u[2] = (w) => !r.value.copy.disabled && s("action", "copy", n.node.id))
+              class: te(["flow-canvas-node-actions__dropdown-item", { "is-disabled": i.value.copy.disabled }]),
+              onClick: u[2] || (u[2] = (w) => !i.value.copy.disabled && n("action", "copy", s.node.id))
             }, [...u[6] || (u[6] = [
               q("i", { class: "flow-canvas-icon canvas-copy-fuzhi-2" }, null, -1),
               q("span", null, "复制", -1)
             ])], 2)) : Y("", !0),
-            r.value.copyInsert.visible ? (A(), T("div", {
+            i.value.copyInsert.visible ? (A(), T("div", {
               key: 1,
-              class: te(["flow-canvas-node-actions__dropdown-item", { "is-disabled": r.value.copyInsert.disabled }]),
-              onClick: u[3] || (u[3] = (w) => !r.value.copyInsert.disabled && s("action", "copy-insert", n.node.id))
+              class: te(["flow-canvas-node-actions__dropdown-item", { "is-disabled": i.value.copyInsert.disabled }]),
+              onClick: u[3] || (u[3] = (w) => !i.value.copyInsert.disabled && n("action", "copy-insert", s.node.id))
             }, [...u[7] || (u[7] = [
               q("i", { class: "flow-canvas-icon canvas-fuzhibingcharu" }, null, -1),
               q("span", null, "复制并插入", -1)
             ])], 2)) : Y("", !0),
-            r.value.disconnect.visible ? (A(), T("div", {
+            i.value.disconnect.visible ? (A(), T("div", {
               key: 2,
-              class: te(["flow-canvas-node-actions__dropdown-item", { "is-disabled": r.value.disconnect.disabled }]),
-              onClick: u[4] || (u[4] = (w) => !r.value.disconnect.disabled && s("action", "disconnect", n.node.id))
+              class: te(["flow-canvas-node-actions__dropdown-item", { "is-disabled": i.value.disconnect.disabled }]),
+              onClick: u[4] || (u[4] = (w) => !i.value.disconnect.disabled && n("action", "disconnect", s.node.id))
             }, [...u[8] || (u[8] = [
               q("i", { class: "flow-canvas-icon canvas-unlock-jiebang" }, null, -1),
               q("span", null, "断开连线", -1)
@@ -2308,10 +2321,10 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
       })
     ], 4));
   }
-}), ve = (n, e) => {
-  const o = n.__vccOpts || n;
-  for (const [t, s] of e)
-    o[t] = s;
+}), ve = (s, e) => {
+  const o = s.__vccOpts || s;
+  for (const [t, n] of e)
+    o[t] = n;
   return o;
 }, bo = /* @__PURE__ */ ve(wo, [["__scopeId", "data-v-3b39dab5"]]), Eo = {
   key: 0,
@@ -2325,19 +2338,19 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
     autoPanPadding: {}
   },
   emits: ["open", "close", "start-drag", "viewport-overflow-right", "mouseenter", "mouseleave"],
-  setup(n, { expose: e, emit: o }) {
-    const t = n, s = o, r = H(), i = H(), l = H(!1), a = H(!1);
-    let v = null, f = !1, p = null;
+  setup(s, { expose: e, emit: o }) {
+    const t = s, n = o, i = H(), r = H(), l = H(!1), a = H(!1);
+    let h = null, f = !1, p = null;
     function u(G) {
-      G.preventDefault(), G.stopPropagation(), v = { x: G.clientX, y: G.clientY }, f = !1, document.addEventListener("mousemove", w), document.addEventListener("mouseup", D);
+      G.preventDefault(), G.stopPropagation(), h = { x: G.clientX, y: G.clientY }, f = !1, document.addEventListener("mousemove", w), document.addEventListener("mouseup", D);
     }
     function w(G) {
-      if (!v) return;
-      const d = G.clientX - v.x, y = G.clientY - v.y;
-      Math.sqrt(d * d + y * y) >= xo && (f = !0, O(), s("start-drag", t.node.id));
+      if (!h) return;
+      const d = G.clientX - h.x, y = G.clientY - h.y;
+      Math.sqrt(d * d + y * y) >= xo && (f = !0, O(), n("start-drag", t.node.id));
     }
     function D() {
-      O(), f || b(), v = null, f = !1;
+      O(), f || b(), h = null, f = !1;
     }
     function O() {
       document.removeEventListener("mousemove", w), document.removeEventListener("mouseup", D);
@@ -2346,7 +2359,7 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
       a.value ? B() : S();
     }
     function S() {
-      a.value = !0, s("open", t.node.id), Ge(() => {
+      a.value = !0, n("open", t.node.id), Ge(() => {
         requestAnimationFrame(() => {
           M();
         });
@@ -2355,43 +2368,43 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
       });
     }
     function M() {
-      if (!a.value || !t.autoPanOnOpen || !i.value) return;
+      if (!a.value || !t.autoPanOnOpen || !r.value) return;
       const G = window.innerWidth || document.documentElement.clientWidth || 0;
       if (G <= 0) return;
-      const d = t.autoPanPadding ?? 16, c = i.value.getBoundingClientRect().right + d - G;
-      c > 0 && s("viewport-overflow-right", c);
+      const d = t.autoPanPadding ?? 16, c = r.value.getBoundingClientRect().right + d - G;
+      c > 0 && n("viewport-overflow-right", c);
     }
     function B() {
-      a.value = !1, s("close"), document.removeEventListener("mousedown", j);
+      a.value = !1, n("close"), document.removeEventListener("mousedown", j);
     }
     function j(G) {
       const d = G.target;
-      r.value?.contains(d) || i.value?.contains(d) || B();
+      i.value?.contains(d) || r.value?.contains(d) || B();
     }
     function k() {
-      a.value || s("mouseleave");
+      a.value || n("mouseleave");
     }
     function X() {
-      p && (clearTimeout(p), p = null), s("mouseenter");
+      p && (clearTimeout(p), p = null), n("mouseenter");
     }
     function U() {
       p = setTimeout(() => {
-        B(), s("mouseleave"), p = null;
+        B(), n("mouseleave"), p = null;
       }, 150);
     }
     return Te(() => {
       O(), p && clearTimeout(p), document.removeEventListener("mousedown", j);
     }), e({ closePopover: B }), (G, d) => (A(), T("div", {
       class: "flow-canvas-quick-add",
-      style: Ee({ left: `${n.portPosition.x}px`, top: `${n.portPosition.y}px` }),
-      onMouseenter: d[2] || (d[2] = (y) => s("mouseenter")),
+      style: Ee({ left: `${s.portPosition.x}px`, top: `${s.portPosition.y}px` }),
+      onMouseenter: d[2] || (d[2] = (y) => n("mouseenter")),
       onMouseleave: k,
       onClick: d[3] || (d[3] = ht(() => {
       }, ["stop"]))
     }, [
       q("div", {
         ref_key: "btnRef",
-        ref: r,
+        ref: i,
         class: te(["flow-canvas-quick-add__btn", { "is-hovered": l.value, "is-active": a.value }]),
         onMouseenter: d[0] || (d[0] = (y) => l.value = !0),
         onMouseleave: d[1] || (d[1] = (y) => l.value = !1),
@@ -2414,7 +2427,7 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
           a.value ? (A(), T("div", {
             key: 0,
             ref_key: "popoverRef",
-            ref: i,
+            ref: r,
             class: "flow-canvas-quick-add__popover",
             onMouseenter: X,
             onMouseleave: U
@@ -2435,20 +2448,20 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
     canDelete: { type: Boolean }
   },
   emits: ["action"],
-  setup(n, { emit: e }) {
-    const o = n, t = e, s = V(() => ({
+  setup(s, { emit: e }) {
+    const o = s, t = e, n = V(() => ({
       left: `${o.position.x}px`,
       top: `${o.position.y}px`,
       transform: "translateX(-100%)"
     }));
-    return (r, i) => (A(), T("div", {
+    return (i, r) => (A(), T("div", {
       class: "flow-canvas-selection-actions",
-      style: Ee(s.value)
+      style: Ee(n.value)
     }, [
       q("div", ko, [
         q("i", {
-          class: te(["flow-canvas-icon canvas-shanchu flow-canvas-selection-actions__icon", { "is-disabled": !n.canDelete }]),
-          onClick: i[0] || (i[0] = (l) => n.canDelete && t("action", "delete"))
+          class: te(["flow-canvas-icon canvas-shanchu flow-canvas-selection-actions__icon", { "is-disabled": !s.canDelete }]),
+          onClick: r[0] || (r[0] = (l) => s.canDelete && t("action", "delete"))
         }, null, 2)
       ])
     ], 4));
@@ -2465,9 +2478,9 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
     toolbarInclude: {}
   },
   emits: ["ui-event"],
-  setup(n, { expose: e, emit: o }) {
-    const t = n, s = o, r = H(), i = H();
-    let l, a, v, f, p = null, u = null, w = null, D = null, O = null;
+  setup(s, { expose: e, emit: o }) {
+    const t = s, n = o, i = H(), r = H();
+    let l, a, h, f, p = null, u = null, w = null, D = null, O = null;
     const b = oo(), { hoveredNodeId: S, isDraggingNode: M } = b, B = b.enterOverlay, j = () => b.leaveOverlay(), k = H(0), X = H({ nodeIds: [], edgeIds: [] });
     function U(I) {
       const C = t.editor.api.value;
@@ -2529,7 +2542,7 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
         position: { x: C.x + C.width, y: C.y + C.height + 4 },
         canDelete: P.nodeIds.length > 0 || P.edgeIds.length > 0
       };
-    }), h = H(), m = ro({
+    }), v = H(), m = io({
       editor: t.editor,
       quickAddProp: V(() => t.quickAdd),
       isDraggingNode: M,
@@ -2538,9 +2551,9 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
       viewportVersion: k,
       getNodeBehavior: U,
       getInsertGap: () => d.value.insertGap,
-      closePopover: () => h.value?.closePopover()
+      closePopover: () => v.value?.closePopover()
     }), E = m.data, L = m.handleOpen, z = m.handleStartDrag;
-    function ie() {
+    function re() {
       m.handleClose(), b.leaveOverlay(200), m.leave();
     }
     const N = m.handleOverlayEnter, _ = m.handleOverlayLeave, x = m.handleInsert, R = lo({
@@ -2643,9 +2656,9 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
           return;
         }
         b.leave(180), m.quickAddPopoverOpen.value || m.leave();
-      }, r.value?.addEventListener("mousemove", w), D = () => {
+      }, i.value?.addEventListener("mousemove", w), D = () => {
         b.reset(), m.quickAddPopoverOpen.value || (m.quickAddNodeId.value = null);
-      }, r.value?.addEventListener("mouseleave", D), r.value?.addEventListener("keydown", Q);
+      }, i.value?.addEventListener("mouseleave", D), i.value?.addEventListener("keydown", Q);
     }
     function $e() {
       ge(
@@ -2660,7 +2673,7 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
       );
     }
     dt(() => {
-      if (!i.value) return;
+      if (!r.value) return;
       const I = /* @__PURE__ */ new Set(["model", "container"]), C = {};
       if (t.graphOptions)
         for (const [$, ne] of Object.entries(t.graphOptions)) {
@@ -2671,7 +2684,7 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
           C[$] = ne;
         }
       l = new Et({
-        container: i.value,
+        container: r.value,
         autoResize: !0,
         background: { color: "#edf2fc" },
         grid: {
@@ -2708,10 +2721,10 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
           }
         },
         ...C
-      }), v = new Vt(), a = new Wt(
+      }), h = new Vt(), a = new Wt(
         l,
         t.editor.schema,
-        v,
+        h,
         ($) => t.editor._pluginManager.collectNodeDecorations($),
         ($) => t.editor._pluginManager.collectEdgeDecorations($),
         () => t.editor.api.value ? {
@@ -2744,7 +2757,7 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
         resolveNodeShape: ($) => {
           const ne = t.editor.schema.nodeTypes[$];
           if (!ne) return null;
-          const he = v.registerNodeType($, ne.component), se = ne.getSize({ id: "", type: $, position: { x: 0, y: 0 } });
+          const he = h.registerNodeType($, ne.component), se = ne.getSize({ id: "", type: $, position: { x: 0, y: 0 } });
           return { shapeName: he, width: se.width, height: se.height };
         }
       });
@@ -2764,7 +2777,7 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
       t.editor._pluginManager.attachRuntime(ee);
       const le = t.editor._pluginManager.collectExtendedApi();
       Object.assign(t.editor.extendedApi, le), t.editor._emitUiEvent = ($) => {
-        t.editor._pluginManager.dispatchUiEvent($), s("ui-event", $);
+        t.editor._pluginManager.dispatchUiEvent($), n("ui-event", $);
       }, f = new Xt(
         l,
         ($) => {
@@ -2789,7 +2802,7 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
       let xe = /* @__PURE__ */ new Set(), be = /* @__PURE__ */ new Set();
       l.on("selection:changed", () => {
         const $ = ft(l.getSelectedCells?.() ?? []), ne = new Set($.nodeIds);
-        mo(l, xe, ne), xe = ne, X.value = $, t.editor._pluginManager.dispatchSelectionChange($), s("ui-event", {
+        mo(l, xe, ne), xe = ne, X.value = $, t.editor._pluginManager.dispatchSelectionChange($), n("ui-event", {
           type: "selection.change",
           nodeIds: $.nodeIds,
           edgeIds: $.edgeIds
@@ -2810,53 +2823,53 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
       b.reset(), m.quickAddNodeId.value = null, m.quickAddPopoverOpen.value = !1;
     }
     return e({ resetHoverState: Se }), Te(() => {
-      b.cleanup(), m.cleanup(), R.cleanup(), p?.remove(), u && l?.container?.removeEventListener("mousemove", u), w && r.value?.removeEventListener("mousemove", w), D && r.value?.removeEventListener("mouseleave", D), O?.(), r.value?.removeEventListener("keydown", Q), t.editor._pluginManager.detachRuntime(), t.editor.api.value = null;
+      b.cleanup(), m.cleanup(), R.cleanup(), p?.remove(), u && l?.container?.removeEventListener("mousemove", u), w && i.value?.removeEventListener("mousemove", w), D && i.value?.removeEventListener("mouseleave", D), O?.(), i.value?.removeEventListener("keydown", Q), t.editor._pluginManager.detachRuntime(), t.editor.api.value = null;
       for (const I of Object.keys(t.editor.extendedApi))
         delete t.editor.extendedApi[I];
-      f?.dispose(), a?.dispose(), v?.dispose(), l?.dispose();
+      f?.dispose(), a?.dispose(), h?.dispose(), l?.dispose();
     }), (I, C) => (A(), T("div", {
       ref_key: "rootRef",
-      ref: r,
+      ref: i,
       class: te(["flow-canvas-runtime-core", { "flow-canvas-runtime-core--selection-mode": G.value }]),
       tabindex: "0"
     }, [
       q("div", {
         ref_key: "containerRef",
-        ref: i,
+        ref: r,
         class: "flow-canvas-runtime-core__graph"
       }, null, 512),
       q("div", No, [
-        (A(!0), T(de, null, Ce(y.value, (P) => (A(), T("div", {
+        (A(!0), T(de, null, Ie(y.value, (P) => (A(), T("div", {
           key: `badge-${P.nodeId}`,
           class: "flow-canvas-runtime-core__badge",
           style: Ee({ left: `${P.x}px`, top: `${P.y}px`, backgroundColor: P.badge.color })
         }, ce(P.badge.text), 5))), 128)),
-        re(E) ? (A(), Ie(Co, {
+        ie(E) ? (A(), Ce(Co, {
           key: 0,
           ref_key: "quickAddPopoverRef",
-          ref: h,
-          node: re(E).node,
-          "port-position": re(E).portPosition,
-          "auto-pan-on-open": re(m).mergedConfig.value.autoPanOnOpen,
-          "auto-pan-padding": re(m).mergedConfig.value.autoPanPadding,
-          onOpen: re(L),
-          onClose: ie,
-          onStartDrag: re(z),
-          onViewportOverflowRight: re(m).handlePopoverViewportOverflow,
-          onMouseenter: re(N),
-          onMouseleave: re(_)
+          ref: v,
+          node: ie(E).node,
+          "port-position": ie(E).portPosition,
+          "auto-pan-on-open": ie(m).mergedConfig.value.autoPanOnOpen,
+          "auto-pan-padding": ie(m).mergedConfig.value.autoPanPadding,
+          onOpen: ie(L),
+          onClose: re,
+          onStartDrag: ie(z),
+          onViewportOverflowRight: ie(m).handlePopoverViewportOverflow,
+          onMouseenter: ie(N),
+          onMouseleave: ie(_)
         }, {
           default: He(() => [
             Me(I.$slots, "quick-add-panel", {
-              node: re(E).node,
-              api: n.editor.api.value,
-              insertNodeToRight: (P) => re(x)(re(E).node.id, P),
-              closePopover: () => h.value?.closePopover()
+              node: ie(E).node,
+              api: s.editor.api.value,
+              insertNodeToRight: (P) => ie(x)(ie(E).node.id, P),
+              closePopover: () => v.value?.closePopover()
             }, void 0, !0)
           ]),
           _: 3
         }, 8, ["node", "port-position", "auto-pan-on-open", "auto-pan-padding", "onOpen", "onStartDrag", "onViewportOverflowRight", "onMouseenter", "onMouseleave"])) : Y("", !0),
-        c.value ? (A(), Ie(bo, {
+        c.value ? (A(), Ce(bo, {
           key: 1,
           node: c.value.node,
           position: c.value.position,
@@ -2864,10 +2877,10 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
           behavior: c.value.behavior,
           "actions-offset": c.value.behavior.actionsOffset,
           onAction: Z,
-          onMouseenter: re(B),
+          onMouseenter: ie(B),
           onMouseleave: j
         }, null, 8, ["node", "position", "config", "behavior", "actions-offset", "onMouseenter"])) : Y("", !0),
-        g.value ? (A(), Ie(Mo, {
+        g.value ? (A(), Ce(Mo, {
           key: 2,
           position: g.value.position,
           "can-delete": g.value.canDelete,
@@ -2882,48 +2895,48 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
     editor: {},
     items: {}
   },
-  setup(n) {
-    const e = n, o = H(), t = V(() => e.items ? e.items : Object.keys(e.editor.schema.nodeTypes).map((s) => ({
-      type: s,
-      label: s.charAt(0).toUpperCase() + s.slice(1)
+  setup(s) {
+    const e = s, o = H(), t = V(() => e.items ? e.items : Object.keys(e.editor.schema.nodeTypes).map((n) => ({
+      type: n,
+      label: n.charAt(0).toUpperCase() + n.slice(1)
     })));
     return ge(
       [() => e.editor.api.value, t, o],
-      ([s, r, i], l, a) => {
-        if (!s || !i) return;
-        const v = [];
-        for (const f of r) {
-          const p = i.querySelector(`[data-node-type="${f.type}"]`);
+      ([n, i, r], l, a) => {
+        if (!n || !r) return;
+        const h = [];
+        for (const f of i) {
+          const p = r.querySelector(`[data-node-type="${f.type}"]`);
           if (!p) continue;
-          const u = s.registerDndSource(p, () => ({
+          const u = n.registerDndSource(p, () => ({
             id: J(),
             type: f.type,
             label: f.label,
             position: { x: 0, y: 0 }
           }));
-          v.push(u);
+          h.push(u);
         }
         a(() => {
-          for (const f of v) f();
+          for (const f of h) f();
         });
       },
       { flush: "post" }
-    ), (s, r) => (A(), T("div", Ao, [
+    ), (n, i) => (A(), T("div", Ao, [
       q("div", {
         ref_key: "listRef",
         ref: o,
         class: "flow-canvas-node-palette__list"
       }, [
-        (A(!0), T(de, null, Ce(t.value, (i) => (A(), T("div", {
-          key: i.type,
+        (A(!0), T(de, null, Ie(t.value, (r) => (A(), T("div", {
+          key: r.type,
           class: "flow-canvas-node-palette__item",
-          "data-node-type": i.type
+          "data-node-type": r.type
         }, [
-          i.icon ? (A(), T("i", {
+          r.icon ? (A(), T("i", {
             key: 0,
-            class: te([i.icon, "flow-canvas-node-palette__item-icon"])
+            class: te([r.icon, "flow-canvas-node-palette__item-icon"])
           }, null, 2)) : Y("", !0),
-          q("span", Po, ce(i.label), 1)
+          q("span", Po, ce(r.label), 1)
         ], 8, _o))), 128))
       ], 512)
     ]));
@@ -2942,18 +2955,18 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
     paletteItems: { default: void 0 }
   },
   emits: ["update:sidebarCollapsed"],
-  setup(n) {
+  setup(s) {
     return (e, o) => (A(), T("div", Lo, [
-      !n.hideSidebar && (e.$slots.sidebar || n.editor) ? (A(), T("aside", {
+      !s.hideSidebar && (e.$slots.sidebar || s.editor) ? (A(), T("aside", {
         key: 0,
-        class: te(["flow-canvas-layout__sidebar", { "is-collapsed": n.sidebarCollapsed }]),
-        style: Ee({ width: n.sidebarCollapsed ? "0px" : `${n.sidebarWidth}px` })
+        class: te(["flow-canvas-layout__sidebar", { "is-collapsed": s.sidebarCollapsed }]),
+        style: Ee({ width: s.sidebarCollapsed ? "0px" : `${s.sidebarWidth}px` })
       }, [
         Me(e.$slots, "sidebar", {}, () => [
-          n.editor ? (A(), Ie(Ro, {
+          s.editor ? (A(), Ce(Ro, {
             key: 0,
-            editor: n.editor,
-            items: n.paletteItems
+            editor: s.editor,
+            items: s.paletteItems
           }, null, 8, ["editor", "items"])) : Y("", !0)
         ], !0)
       ], 6)) : Y("", !0),
@@ -2961,15 +2974,15 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
         q("div", $o, [
           Me(e.$slots, "default", {}, void 0, !0)
         ]),
-        !n.hideFooter && e.$slots.footer ? (A(), T("div", Bo, [
+        !s.hideFooter && e.$slots.footer ? (A(), T("div", Bo, [
           Me(e.$slots, "footer", {}, void 0, !0)
         ])) : Y("", !0)
       ])
     ]));
   }
 }), An = /* @__PURE__ */ ve(Fo, [["__scopeId", "data-v-26f35b6b"]]), et = typeof navigator < "u" && /Mac|iPod|iPhone|iPad/.test(navigator.platform ?? navigator.userAgent), qo = ["undo", "redo"];
-function Ho(n) {
-  const e = new Set(n?.include), o = new Set(qo.filter((a) => !e.has(a))), t = [
+function Ho(s) {
+  const e = new Set(s?.include), o = new Set(qo.filter((a) => !e.has(a))), t = [
     {
       id: "undo",
       type: "undo",
@@ -2988,7 +3001,7 @@ function Ho(n) {
       shortcut: et ? ["⇧", "⌘", "Z"] : ["Ctrl", "Shift", "Z"],
       order: 11
     }
-  ], s = [
+  ], n = [
     {
       id: "select",
       type: "select",
@@ -3013,7 +3026,7 @@ function Ho(n) {
       description: "下载",
       order: 24
     }
-  ], r = [
+  ], i = [
     {
       id: "zoom-out",
       type: "zoom-out",
@@ -3031,7 +3044,7 @@ function Ho(n) {
       description: "放大画布",
       order: 32
     }
-  ], i = [
+  ], r = [
     {
       id: "reset",
       type: "reset",
@@ -3041,9 +3054,9 @@ function Ho(n) {
       order: 40
     }
   ];
-  return [...[...t, ...s].filter(
+  return [...[...t, ...n].filter(
     (a) => !o.has(a.type)
-  ), ...r, ...i];
+  ), ...i, ...r];
 }
 const Go = { class: "flow-canvas-toolbar" }, zo = {
   key: 0,
@@ -3062,7 +3075,7 @@ const Go = { class: "flow-canvas-toolbar" }, zo = {
     include: {},
     editor: {}
   },
-  setup(n) {
+  setup(s) {
     const e = /* @__PURE__ */ new Set([
       "undo",
       "redo",
@@ -3075,23 +3088,23 @@ const Go = { class: "flow-canvas-toolbar" }, zo = {
     function t(c) {
       return c.id.startsWith("plugin:") || c.type === "custom";
     }
-    function s(c) {
+    function n(c) {
       return c !== "custom" && o.has(c);
     }
-    const r = n, i = V(() => {
-      if (r.items) return r.items;
-      const c = Ho({ include: r.include }), g = r.editor.toolbarItems.value, h = new Set(r.exclude ?? []), m = /* @__PURE__ */ new Map();
+    const i = s, r = V(() => {
+      if (i.items) return i.items;
+      const c = Ho({ include: i.include }), g = i.editor.toolbarItems.value, v = new Set(i.exclude ?? []), m = /* @__PURE__ */ new Map();
       for (const E of c)
         m.set(E.id, E);
       for (const E of g) {
         const L = m.get(E.id);
         L ? m.set(E.id, { ...L, ...E, order: L.order, group: L.group }) : t(E) && m.set(E.id, E);
       }
-      return [...m.values()].filter((E) => E.type === "custom" || !e.has(E.type) ? !0 : !h.has(E.type)).sort((E, L) => (E.order ?? 0) - (L.order ?? 0));
-    }), l = H(1), a = H(null), v = H(null), f = H(!1);
+      return [...m.values()].filter((E) => E.type === "custom" || !e.has(E.type) ? !0 : !v.has(E.type)).sort((E, L) => (E.order ?? 0) - (L.order ?? 0));
+    }), l = H(1), a = H(null), h = H(null), f = H(!1);
     let p = null;
     ge(
-      () => r.editor.api.value,
+      () => i.editor.api.value,
       (c) => {
         p?.(), p = null, c && (l.value = c.getZoom(), p = c.onGraphEvent("scale", () => {
           l.value = c.getZoom();
@@ -3111,62 +3124,62 @@ const Go = { class: "flow-canvas-toolbar" }, zo = {
     function D() {
       u.visible = !1, a.value = null;
     }
-    it(() => {
+    rt(() => {
       p?.();
     });
-    const O = V(() => `${Math.round(l.value * 100)}%`), b = V(() => r.editor.api.value ? {
-      api: r.editor.api.value,
-      flowModel: r.editor.flowModel.value,
-      history: r.editor.history,
-      mode: r.editor.mode.value
+    const O = V(() => `${Math.round(l.value * 100)}%`), b = V(() => i.editor.api.value ? {
+      api: i.editor.api.value,
+      flowModel: i.editor.flowModel.value,
+      history: i.editor.history,
+      mode: i.editor.mode.value
     } : null);
     function S(c) {
       return c.visible === !1 ? !1 : typeof c.visible == "function" ? b.value ? c.visible(b.value) : !1 : !0;
     }
     function M(c) {
-      return typeof c.active == "function" ? b.value ? c.active(b.value) : !1 : c.active !== void 0 ? c.active : c.type === "select" ? r.editor.selectionMode.value : !1;
+      return typeof c.active == "function" ? b.value ? c.active(b.value) : !1 : c.active !== void 0 ? c.active : c.type === "select" ? i.editor.selectionMode.value : !1;
     }
     const B = V(() => {
       const c = d.value.filter(
-        (h) => s(h.type) && M(h)
+        (v) => n(v.type) && M(v)
       );
       if (c.length === 0) return null;
-      const g = v.value;
-      return g && c.some((h) => h.type === g) ? g : c[0]?.type ?? null;
+      const g = h.value;
+      return g && c.some((v) => v.type === g) ? g : c[0]?.type ?? null;
     });
     function j(c) {
-      return s(c.type) ? B.value === c.type : M(c);
+      return n(c.type) ? B.value === c.type : M(c);
     }
     function k(c) {
-      return !b.value || c.disabled === !0 ? !0 : typeof c.disabled == "function" ? c.disabled(b.value) : c.type === "undo" ? !r.editor.history.canUndo.value : c.type === "redo" ? !r.editor.history.canRedo.value : c.type === "export" ? f.value : !1;
+      return !b.value || c.disabled === !0 ? !0 : typeof c.disabled == "function" ? c.disabled(b.value) : c.type === "undo" ? !i.editor.history.canUndo.value : c.type === "redo" ? !i.editor.history.canRedo.value : c.type === "export" ? f.value : !1;
     }
     function X(c) {
-      if (!(!b.value || !s(c.type) || !M(c))) {
+      if (!(!b.value || !n(c.type) || !M(c))) {
         if (c.type === "select") {
-          r.editor.setSelectionMode(!1);
+          i.editor.setSelectionMode(!1);
           return;
         }
         c.onClick?.(b.value);
       }
     }
     function U(c) {
-      if (s(c.type))
+      if (n(c.type))
         for (const g of d.value)
-          !s(g.type) || g.id === c.id || X(g);
+          !n(g.type) || g.id === c.id || X(g);
     }
     function G(c) {
       if (!b.value || k(c)) return;
-      if (s(c.type) && (v.value = c.type, U(c)), c.onClick) {
+      if (n(c.type) && (h.value = c.type, U(c)), c.onClick) {
         c.onClick(b.value);
         return;
       }
       const { api: g } = b.value;
       switch (c.type) {
         case "undo":
-          r.editor.history.undo();
+          i.editor.history.undo();
           break;
         case "redo":
-          r.editor.history.redo();
+          i.editor.history.redo();
           break;
         case "zoom-in":
           g.zoomIn(), l.value = g.getZoom();
@@ -3182,20 +3195,20 @@ const Go = { class: "flow-canvas-toolbar" }, zo = {
           break;
         case "export":
           if (f.value) break;
-          f.value = !0, g.exportAsImage().then((h) => {
-            const m = URL.createObjectURL(h), E = document.createElement("a");
+          f.value = !0, g.exportAsImage().then((v) => {
+            const m = URL.createObjectURL(v), E = document.createElement("a");
             E.href = m, E.download = "canvas-export.png", E.click(), URL.revokeObjectURL(m);
-          }).catch((h) => {
-            console.warn("[flow-canvas] Export failed:", h);
+          }).catch((v) => {
+            console.warn("[flow-canvas] Export failed:", v);
           }).finally(() => {
             f.value = !1;
           });
           break;
         case "select":
-          r.editor.setSelectionMode(!r.editor.selectionMode.value);
+          i.editor.setSelectionMode(!i.editor.selectionMode.value);
           break;
         case "auto-layout":
-          r.editor._emitUiEvent({ type: "toolbar.auto-layout" });
+          i.editor._emitUiEvent({ type: "toolbar.auto-layout" });
           break;
         case "search":
         case "minimap":
@@ -3206,21 +3219,21 @@ const Go = { class: "flow-canvas-toolbar" }, zo = {
           break;
       }
     }
-    const d = V(() => i.value.filter(S)), y = V(() => {
+    const d = V(() => r.value.filter(S)), y = V(() => {
       const c = /* @__PURE__ */ new Map(), g = [];
-      for (const h of d.value) {
-        const m = h.group ?? "default";
-        c.has(m) || (c.set(m, []), g.push(m)), c.get(m).push(h);
+      for (const v of d.value) {
+        const m = v.group ?? "default";
+        c.has(m) || (c.set(m, []), g.push(m)), c.get(m).push(v);
       }
-      return g.map((h) => ({ name: h, items: c.get(h) })).filter((h) => h.items.length > 0);
+      return g.map((v) => ({ name: v, items: c.get(v) })).filter((v) => v.items.length > 0);
     });
     return (c, g) => (A(), T("div", Go, [
-      (A(!0), T(de, null, Ce(y.value, (h, m) => (A(), T(de, {
-        key: h.name
+      (A(!0), T(de, null, Ie(y.value, (v, m) => (A(), T(de, {
+        key: v.name
       }, [
         m > 0 ? (A(), T("div", zo)) : Y("", !0),
         q("div", Uo, [
-          (A(!0), T(de, null, Ce(h.items, (E) => (A(), T(de, {
+          (A(!0), T(de, null, Ie(v.items, (E) => (A(), T(de, {
             key: E.id
           }, [
             E.type === "zoom-display" ? (A(), T("span", jo, ce(O.value), 1)) : (A(), T("button", {
@@ -3238,7 +3251,7 @@ const Go = { class: "flow-canvas-toolbar" }, zo = {
               onMouseenter: (L) => w(L, E),
               onMouseleave: D
             }, [
-              E.component ? (A(), Ie(mt(E.component), { key: 0 })) : E.icon ? (A(), T("i", {
+              E.component ? (A(), Ce(mt(E.component), { key: 0 })) : E.icon ? (A(), T("i", {
                 key: 1,
                 class: te(E.icon)
               }, null, 2)) : (A(), T("span", {
@@ -3250,7 +3263,7 @@ const Go = { class: "flow-canvas-toolbar" }, zo = {
           ], 64))), 128))
         ])
       ], 64))), 128)),
-      (A(), Ie(yt, { to: "body" }, [
+      (A(), Ce(yt, { to: "body" }, [
         u.visible ? (A(), T("div", {
           key: 0,
           ref_key: "tooltipRef",
@@ -3260,7 +3273,7 @@ const Go = { class: "flow-canvas-toolbar" }, zo = {
         }, [
           q("span", null, ce(u.text), 1),
           u.shortcut.length ? (A(), T("kbd", Xo, [
-            (A(!0), T(de, null, Ce(u.shortcut, (h, m) => (A(), T("span", { key: m }, ce(h), 1))), 128))
+            (A(!0), T(de, null, Ie(u.shortcut, (v, m) => (A(), T("span", { key: m }, ce(v), 1))), 128))
           ])) : Y("", !0),
           g[0] || (g[0] = q("div", { class: "flow-canvas-toolbar-tooltip__arrow" }, null, -1))
         ], 4)) : Y("", !0)
@@ -3275,38 +3288,38 @@ const Go = { class: "flow-canvas-toolbar" }, zo = {
   class: "flow-canvas-default-node__task-label"
 }, Jo = /* @__PURE__ */ fe({
   __name: "default-node",
-  setup(n) {
-    const o = wt("getNode")?.(), t = V(() => o?.getData?.() ?? null), s = V(() => t.value?.label || t.value?.type || ""), r = {
+  setup(s) {
+    const o = wt("getNode")?.(), t = V(() => o?.getData?.() ?? null), n = V(() => t.value?.label || t.value?.type || ""), i = {
       start: "canvas-kaishi",
       end: "canvas-stop",
       "parallel-gateway": "canvas-bingxingwangguan",
       "branch-gateway": "canvas-fenzhiwangguan",
       "converge-gateway": "canvas-huijuwangguan",
       "conditional-parallel-gateway": "canvas-tiaojianbingxingwangguan"
-    }, i = /* @__PURE__ */ new Set(["start", "end"]), l = /* @__PURE__ */ new Set([
+    }, r = /* @__PURE__ */ new Set(["start", "end"]), l = /* @__PURE__ */ new Set([
       "parallel-gateway",
       "branch-gateway",
       "converge-gateway",
       "conditional-parallel-gateway"
     ]), a = V(() => {
       const f = t.value?.type ?? "";
-      return i.has(f) ? "endpoint" : l.has(f) ? "gateway" : "task";
-    }), v = V(() => r[t.value?.type ?? ""] ?? "");
+      return r.has(f) ? "endpoint" : l.has(f) ? "gateway" : "task";
+    }), h = V(() => i[t.value?.type ?? ""] ?? "");
     return (f, p) => (A(), T("div", {
       class: te(["flow-canvas-default-node", [`is-${a.value}`, { "flow-canvas-highlight-target": a.value !== "gateway" }]])
     }, [
       a.value === "endpoint" ? (A(), T(de, { key: 0 }, [
-        v.value ? (A(), T("i", {
+        h.value ? (A(), T("i", {
           key: 0,
-          class: te([["flow-canvas-icon", v.value], "flow-canvas-default-node__ep-icon"])
+          class: te([["flow-canvas-icon", h.value], "flow-canvas-default-node__ep-icon"])
         }, null, 2)) : Y("", !0),
-        q("span", Yo, ce(s.value), 1)
+        q("span", Yo, ce(n.value), 1)
       ], 64)) : a.value === "gateway" ? (A(), T("div", Zo, [
-        v.value ? (A(), T("i", {
+        h.value ? (A(), T("i", {
           key: 0,
-          class: te([["flow-canvas-icon", v.value], "flow-canvas-default-node__gw-icon"])
+          class: te([["flow-canvas-icon", h.value], "flow-canvas-default-node__gw-icon"])
         }, null, 2)) : Y("", !0)
-      ])) : (A(), T("span", Qo, ce(s.value), 1))
+      ])) : (A(), T("span", Qo, ce(n.value), 1))
     ], 2));
   }
 }), en = /* @__PURE__ */ ve(Jo, [["__scopeId", "data-v-f0e24a9f"]]), tn = {
@@ -3322,7 +3335,7 @@ const Go = { class: "flow-canvas-toolbar" }, zo = {
     width: 64,
     height: 64
   }
-}, tt = (n, e) => ({
+}, tt = (s, e) => ({
   stroke: e.hovered ? "#3a84ff" : "#abb5cc",
   strokeWidth: 2
 });
@@ -3352,48 +3365,48 @@ function on() {
     }
   };
 }
-function Pn(n) {
-  const e = n?.nodeTypes ?? tn, o = {}, t = [];
-  for (const [i, l] of Object.entries(e)) {
-    const a = l.width ?? 150, v = l.height ?? 50;
-    o[i] = {
+function Pn(s) {
+  const e = s?.nodeTypes ?? tn, o = {}, t = [];
+  for (const [r, l] of Object.entries(e)) {
+    const a = l.width ?? 150, h = l.height ?? 50;
+    o[r] = {
       component: en,
-      getSize: () => ({ width: a, height: v }),
+      getSize: () => ({ width: a, height: h }),
       getPorts: () => ut()
     }, t.push({
-      type: i,
-      label: l.label ?? i,
+      type: r,
+      label: l.label ?? r,
       icon: l.icon
     });
   }
-  const s = {
+  const n = {
     ...on(),
-    ...n?.edgeTypes
-  }, r = n?.defaultEdgeType ?? "manhattan";
+    ...s?.edgeTypes
+  }, i = s?.defaultEdgeType ?? "manhattan";
   return {
-    schema: { nodeTypes: o, defaultEdgeType: r, edgeTypes: s },
+    schema: { nodeTypes: o, defaultEdgeType: i, edgeTypes: n },
     paletteItems: t
   };
 }
-function Tn(n) {
+function Tn(s) {
   return {
     name: "connection-validator",
     priority: 10,
     transformCommand(e, o, t) {
-      const s = /* @__PURE__ */ new Set();
-      for (const r of e.commands)
-        r.type === "edge.remove" && s.add(r.edgeId);
-      for (const r of e.commands) {
-        if (r.type !== "edge.add" && r.type !== "edge.reconnect") continue;
-        const i = t.flowModel.value, l = r.type === "edge.add" ? r.edge.source.nodeId : r.source?.nodeId, a = r.type === "edge.add" ? r.edge.target.nodeId : r.target?.nodeId;
+      const n = /* @__PURE__ */ new Set();
+      for (const i of e.commands)
+        i.type === "edge.remove" && n.add(i.edgeId);
+      for (const i of e.commands) {
+        if (i.type !== "edge.add" && i.type !== "edge.reconnect") continue;
+        const r = t.flowModel.value, l = i.type === "edge.add" ? i.edge.source.nodeId : i.source?.nodeId, a = i.type === "edge.add" ? i.edge.target.nodeId : i.target?.nodeId;
         if (!l || !a) continue;
-        const v = i.nodes[l], f = i.nodes[a];
-        if (!v || !f) continue;
-        const p = r.type === "edge.add" ? r.edge.source.portId : r.source?.portId, u = r.type === "edge.add" ? r.edge.target.portId : r.target?.portId, w = p ? v.ports?.find((M) => M.id === p) : void 0, D = u ? f.ports?.find((M) => M.id === u) : void 0, O = r.type === "edge.reconnect" ? r.edgeId : void 0, b = Object.values(i.edges).filter(
-          (M) => M.id !== O && !s.has(M.id)
-        ), S = n({
-          flowModel: i,
-          sourceNode: v,
+        const h = r.nodes[l], f = r.nodes[a];
+        if (!h || !f) continue;
+        const p = i.type === "edge.add" ? i.edge.source.portId : i.source?.portId, u = i.type === "edge.add" ? i.edge.target.portId : i.target?.portId, w = p ? h.ports?.find((M) => M.id === p) : void 0, D = u ? f.ports?.find((M) => M.id === u) : void 0, O = i.type === "edge.reconnect" ? i.edgeId : void 0, b = Object.values(r.edges).filter(
+          (M) => M.id !== O && !n.has(M.id)
+        ), S = s({
+          flowModel: r,
+          sourceNode: h,
           targetNode: f,
           sourcePort: w,
           targetPort: D,
@@ -3410,13 +3423,13 @@ function Tn(n) {
     }
   };
 }
-function Rn(n) {
-  const { rubberband: e = !0, multiple: o = !0, movable: t = !0 } = n ?? {};
+function Rn(s) {
+  const { rubberband: e = !0, multiple: o = !0, movable: t = !0 } = s ?? {};
   return {
     name: "selection",
     priority: 90,
-    attachRuntime(s) {
-      s.graph.use(
+    attachRuntime(n) {
+      n.graph.use(
         new It({
           enabled: !0,
           rubberband: e,
@@ -3424,22 +3437,22 @@ function Rn(n) {
           movable: t,
           pointerEvents: "none",
           showNodeSelectionBox: !0,
-          filter: (r) => !(r.isNode() && (r.getData?.() ?? {})._selectable === !1)
+          filter: (i) => !(i.isNode() && (i.getData?.() ?? {})._selectable === !1)
         })
       );
     }
   };
 }
-function Ln(n) {
-  const { tolerance: e = 10, color: o = "#3a84ff" } = n ?? {};
+function Ln(s) {
+  const { tolerance: e = 10, color: o = "#3a84ff" } = s ?? {};
   let t = null;
   return {
     name: "snapline",
     priority: 90,
-    async attachRuntime(s) {
-      const { Snapline: r } = await import("@antv/x6-plugin-snapline");
-      s.graph.use(
-        new r({
+    async attachRuntime(n) {
+      const { Snapline: i } = await import("@antv/x6-plugin-snapline");
+      n.graph.use(
+        new i({
           enabled: !0,
           tolerance: e,
           className: "flow-canvas-snapline"
@@ -3466,38 +3479,38 @@ const nn = { class: "flow-canvas-search-popover__input-box" }, sn = ["value", "p
     isAnchorTarget: { type: Function, default: void 0 }
   },
   emits: ["update:query", "select", "nextMatch", "prevMatch", "close"],
-  setup(n, { emit: e }) {
-    const o = n, t = e, s = H(null), r = H(null), i = H(-1);
+  setup(s, { emit: e }) {
+    const o = s, t = e, n = H(null), i = H(null), r = H(-1);
     ge(
       () => o.open,
       (u) => {
-        u && (i.value = -1, Ge(() => {
-          s.value?.focus(), s.value?.select();
+        u && (r.value = -1, Ge(() => {
+          n.value?.focus(), n.value?.select();
         }));
       }
     ), ge(
       () => o.query,
       () => {
-        i.value = -1;
+        r.value = -1;
       }
     ), ge(
       () => o.results.length,
       (u) => {
         if (!u) {
-          i.value = -1;
+          r.value = -1;
           return;
         }
-        i.value >= u && (i.value = -1);
+        r.value >= u && (r.value = -1);
       }
     );
     function l(u) {
       t("update:query", u.target.value);
     }
     function a(u) {
-      i.value = u;
+      r.value = u;
     }
-    function v() {
-      i.value = -1;
+    function h() {
+      r.value = -1;
     }
     function f(u) {
       if (u.key === "Escape") {
@@ -3506,17 +3519,17 @@ const nn = { class: "flow-canvas-search-popover__input-box" }, sn = ["value", "p
       }
       if (u.key === "ArrowDown") {
         if (u.preventDefault(), !o.results.length) return;
-        i.value = i.value < o.results.length - 1 ? i.value + 1 : 0;
+        r.value = r.value < o.results.length - 1 ? r.value + 1 : 0;
         return;
       }
       if (u.key === "ArrowUp") {
         if (u.preventDefault(), !o.results.length) return;
-        i.value = i.value > 0 ? i.value - 1 : o.results.length - 1;
+        r.value = r.value > 0 ? r.value - 1 : o.results.length - 1;
         return;
       }
       if (u.key === "Enter") {
-        if (u.preventDefault(), i.value >= 0) {
-          const w = o.results[i.value];
+        if (u.preventDefault(), r.value >= 0) {
+          const w = o.results[r.value];
           w && t("select", w.id);
           return;
         }
@@ -3526,30 +3539,30 @@ const nn = { class: "flow-canvas-search-popover__input-box" }, sn = ["value", "p
     function p(u) {
       if (!o.open) return;
       const w = u.target;
-      w && r.value?.contains(w) || o.isAnchorTarget?.(u.target) || t("close");
+      w && i.value?.contains(w) || o.isAnchorTarget?.(u.target) || t("close");
     }
     return dt(() => {
       document.addEventListener("mousedown", p);
     }), Te(() => {
       document.removeEventListener("mousedown", p);
-    }), (u, w) => n.open ? (A(), T("div", {
+    }), (u, w) => s.open ? (A(), T("div", {
       key: 0,
       ref_key: "panelRef",
-      ref: r,
+      ref: i,
       class: "flow-canvas-search-popover",
-      style: Ee({ left: `${n.position.x}px`, top: `${n.position.y}px`, width: `${n.position.width}px` })
+      style: Ee({ left: `${s.position.x}px`, top: `${s.position.y}px`, width: `${s.position.width}px` })
     }, [
       q("div", nn, [
         q("input", {
           ref_key: "inputRef",
-          ref: s,
-          value: n.query,
-          placeholder: n.placeholder,
+          ref: n,
+          value: s.query,
+          placeholder: s.placeholder,
           onInput: l,
           onKeydown: f
         }, null, 40, sn),
-        n.query ? (A(), T(de, { key: 0 }, [
-          n.results.length ? (A(), T(de, { key: 1 }, [
+        s.query ? (A(), T(de, { key: 0 }, [
+          s.results.length ? (A(), T(de, { key: 1 }, [
             q("button", {
               type: "button",
               class: "flow-canvas-search-popover__nav-btn",
@@ -3571,7 +3584,7 @@ const nn = { class: "flow-canvas-search-popover__input-box" }, sn = ["value", "p
                 })
               ], -1)
             ])]),
-            q("span", an, ce(n.matchIndex >= 0 ? n.matchIndex + 1 : 0) + " / " + ce(n.results.length), 1),
+            q("span", an, ce(s.matchIndex >= 0 ? s.matchIndex + 1 : 0) + " / " + ce(s.results.length), 1),
             q("button", {
               type: "button",
               class: "flow-canvas-search-popover__nav-btn",
@@ -3597,15 +3610,15 @@ const nn = { class: "flow-canvas-search-popover__input-box" }, sn = ["value", "p
         ], 64)) : Y("", !0),
         w[4] || (w[4] = q("i", { class: "flow-canvas-icon canvas-search flow-canvas-search-popover__search-icon" }, null, -1))
       ]),
-      n.query && n.results.length ? (A(), T("div", {
+      s.query && s.results.length ? (A(), T("div", {
         key: 0,
         class: "flow-canvas-search-popover__list-box",
-        onMouseleave: v
+        onMouseleave: h
       }, [
-        (A(!0), T(de, null, Ce(n.results, (D, O) => (A(), T("button", {
+        (A(!0), T(de, null, Ie(s.results, (D, O) => (A(), T("button", {
           key: D.id,
           type: "button",
-          class: te(["flow-canvas-search-popover__item", { "is-active": O === i.value, "is-matched": O === n.matchIndex }]),
+          class: te(["flow-canvas-search-popover__item", { "is-active": O === r.value, "is-matched": O === s.matchIndex }]),
           onMouseenter: (b) => a(O),
           onClick: (b) => t("select", D.id)
         }, [
@@ -3615,36 +3628,36 @@ const nn = { class: "flow-canvas-search-popover__input-box" }, sn = ["value", "p
     ], 4)) : Y("", !0);
   }
 }), un = /* @__PURE__ */ ve(cn, [["__scopeId", "data-v-aca2b1c1"]]), nt = 282, fn = 4, gn = 300, _e = "flow-canvas-node-ring-target--search-match", Pe = "flow-canvas-node-ring-target--search-current", pn = "flow-canvas-node-ring-target";
-function hn(n) {
-  return n !== null;
+function hn(s) {
+  return s !== null;
 }
-function vn(n) {
+function vn(s) {
   const e = /* @__PURE__ */ new Set();
-  return n.map((o) => o?.trim()).filter((o) => !!o).filter((o) => {
+  return s.map((o) => o?.trim()).filter((o) => !!o).filter((o) => {
     const t = o.toLowerCase();
     return e.has(t) ? !1 : (e.add(t), !0);
   });
 }
-function mn(n, e) {
+function mn(s, e) {
   const o = Math.max(8, window.innerWidth - e - 8);
-  return Math.min(Math.max(8, n), o);
+  return Math.min(Math.max(8, s), o);
 }
-function yn(n, e) {
-  const o = e?.getNodeMeta?.(n);
+function yn(s, e) {
+  const o = e?.getNodeMeta?.(s);
   if (o === null) return null;
-  const t = o?.label?.trim() || n.label?.trim() || n.id, s = o?.subtitle?.trim() || void 0, r = vn(o?.keywords ?? [n.label, s]);
-  return r.length ? {
-    id: n.id,
+  const t = o?.label?.trim() || s.label?.trim() || s.id, n = o?.subtitle?.trim() || void 0, i = vn(o?.keywords ?? [s.label, n]);
+  return i.length ? {
+    id: s.id,
     label: t,
-    subtitle: s,
-    keywords: r
+    subtitle: n,
+    keywords: i
   } : null;
 }
-function On(n) {
-  let e = null, o = null, t = null, s = null, r = null, i = null;
-  const l = H(!1), a = H(""), v = H({ x: 0, y: 0, width: nt }), f = H(-1), p = V(() => e ? Object.values(e.flowModel.value.nodes).map((g) => yn(g, n)).filter(hn) : []), u = V(() => {
-    const g = a.value.trim().toLowerCase(), h = Math.max(1, n?.maxResults ?? gn);
-    return g ? p.value.filter((m) => m.keywords.some((E) => E.toLowerCase().includes(g))).slice(0, h) : p.value.slice(0, h);
+function On(s) {
+  let e = null, o = null, t = null, n = null, i = null, r = null;
+  const l = H(!1), a = H(""), h = H({ x: 0, y: 0, width: nt }), f = H(-1), p = V(() => e ? Object.values(e.flowModel.value.nodes).map((g) => yn(g, s)).filter(hn) : []), u = V(() => {
+    const g = a.value.trim().toLowerCase(), v = Math.max(1, s?.maxResults ?? gn);
+    return g ? p.value.filter((m) => m.keywords.some((E) => E.toLowerCase().includes(g))).slice(0, v) : p.value.slice(0, v);
   });
   function w() {
     return t?.querySelector('.flow-canvas-toolbar__btn[data-toolbar-type="search"]');
@@ -3653,10 +3666,10 @@ function On(n) {
     return w()?.closest(".flow-canvas-toolbar");
   }
   function O() {
-    const g = D(), h = t?.getBoundingClientRect(), m = g?.getBoundingClientRect() ?? h;
+    const g = D(), v = t?.getBoundingClientRect(), m = g?.getBoundingClientRect() ?? v;
     if (!m) return;
     const E = Math.max(nt, Math.round(m.width));
-    v.value = {
+    h.value = {
       x: mn(m.left, E),
       y: m.bottom + fn,
       width: E
@@ -3664,16 +3677,16 @@ function On(n) {
   }
   function b(g) {
     if (!o) return null;
-    const h = o.graph.getCellById(g);
-    if (!h?.isNode()) return null;
-    const m = o.graph.findViewByCell(h)?.container;
+    const v = o.graph.getCellById(g);
+    if (!v?.isNode()) return null;
+    const m = o.graph.findViewByCell(v)?.container;
     return m ? m.querySelector(".flow-canvas-highlight-target") ?? m.querySelector(".flow-canvas-node-surface > :first-child") : null;
   }
   function S() {
     if (!o) return;
     const g = o.graph.getNodes();
-    for (const h of g) {
-      const m = b(h.id);
+    for (const v of g) {
+      const m = b(v.id);
       m && m.classList.remove(_e, Pe);
     }
   }
@@ -3684,28 +3697,28 @@ function On(n) {
       S();
       return;
     }
-    const h = new Set(u.value.map((L) => L.id)), m = f.value >= 0 ? u.value[f.value]?.id : null, E = o.graph.getNodes();
+    const v = new Set(u.value.map((L) => L.id)), m = f.value >= 0 ? u.value[f.value]?.id : null, E = o.graph.getNodes();
     for (const L of E) {
       const z = b(L.id);
-      z && (z.classList.add(pn), L.id === m ? (z.classList.remove(_e), z.classList.add(Pe)) : h.has(L.id) ? (z.classList.remove(Pe), z.classList.add(_e)) : z.classList.remove(_e, Pe));
+      z && (z.classList.add(pn), L.id === m ? (z.classList.remove(_e), z.classList.add(Pe)) : v.has(L.id) ? (z.classList.remove(Pe), z.classList.add(_e)) : z.classList.remove(_e, Pe));
     }
   }
   function B(g) {
     if (!o) return;
-    const h = u.value.findIndex((m) => m.id === g);
-    h >= 0 && (f.value = h), o.api.scrollToNode(g), M();
+    const v = u.value.findIndex((m) => m.id === g);
+    v >= 0 && (f.value = v), o.api.scrollToNode(g), M();
   }
   function j() {
     const g = u.value;
     if (g.length === 0) return;
-    const h = f.value < g.length - 1 ? f.value + 1 : 0;
-    f.value = h, B(g[h].id);
+    const v = f.value < g.length - 1 ? f.value + 1 : 0;
+    f.value = v, B(g[v].id);
   }
   function k() {
     const g = u.value;
     if (g.length === 0) return;
-    const h = f.value > 0 ? f.value - 1 : g.length - 1;
-    f.value = h, B(g[h].id);
+    const v = f.value > 0 ? f.value - 1 : g.length - 1;
+    f.value = v, B(g[v].id);
   }
   function X() {
     o && (l.value = !0, O(), requestAnimationFrame(() => O()));
@@ -3721,8 +3734,8 @@ function On(n) {
     X();
   }
   function d(g) {
-    const h = w();
-    return !!(h && g instanceof Node && h.contains(g));
+    const v = w();
+    return !!(v && g instanceof Node && v.contains(g));
   }
   function y() {
     l.value && O();
@@ -3732,11 +3745,11 @@ function On(n) {
     setup() {
       return () => qe(un, {
         open: l.value,
-        position: v.value,
+        position: h.value,
         query: a.value,
         results: u.value,
         matchIndex: f.value,
-        placeholder: n?.placeholder ?? "搜索节点名称",
+        placeholder: s?.placeholder ?? "搜索节点名称",
         isAnchorTarget: d,
         "onUpdate:query": (g) => {
           a.value = g, f.value = -1;
@@ -3755,7 +3768,7 @@ function On(n) {
       e = g;
     },
     attachRuntime(g) {
-      o = g, t = g.graph.container.closest(".flow-canvas-layout__content") ?? g.graph.container.parentElement, s = document.createElement("div"), s.className = "flow-canvas-search-host", document.body.append(s), r = bt(c), r.mount(s), i = ge(
+      o = g, t = g.graph.container.closest(".flow-canvas-layout__content") ?? g.graph.container.parentElement, n = document.createElement("div"), n.className = "flow-canvas-search-host", document.body.append(n), i = bt(c), i.mount(n), r = ge(
         () => [a.value, u.value.length],
         () => {
           f.value = -1, M();
@@ -3763,10 +3776,10 @@ function On(n) {
       ), window.addEventListener("resize", y), window.addEventListener("scroll", y, !0);
     },
     detachRuntime() {
-      U(), i?.(), i = null, window.removeEventListener("resize", y), window.removeEventListener("scroll", y, !0), r?.unmount(), r = null, s?.remove(), s = null, t = null, o = null;
+      U(), r?.(), r = null, window.removeEventListener("resize", y), window.removeEventListener("scroll", y, !0), i?.unmount(), i = null, n?.remove(), n = null, t = null, o = null;
     },
     dispose() {
-      U(), i?.(), i = null, e = null;
+      U(), r?.(), r = null, e = null;
     },
     provideToolbarItems() {
       return [
@@ -3784,53 +3797,53 @@ function On(n) {
     }
   };
 }
-const st = 52, rt = 16, pt = 4, wn = 40;
-function bn(n) {
-  const { mountRect: e, toolbarRect: o, fallbackLeft: t, fallbackTop: s, fallbackWidth: r, height: i } = n, l = n.offset ?? pt;
+const st = 52, it = 16, pt = 4, wn = 40;
+function bn(s) {
+  const { mountRect: e, toolbarRect: o, fallbackLeft: t, fallbackTop: n, fallbackWidth: i, height: r } = s, l = s.offset ?? pt;
   return !o || o.width <= 0 ? {
     left: t,
-    top: s,
-    width: r,
-    height: i
+    top: n,
+    width: i,
+    height: r
   } : {
     left: Math.round(o.left - e.left),
     top: Math.round(o.bottom - e.top + l),
     width: Math.round(o.width),
-    height: i
+    height: r
   };
 }
-function En(n) {
+function En(s) {
   const e = document.createElement("div");
-  e.className = "flow-canvas-minimap", n.floating !== !1 && e.classList.add("flow-canvas-minimap--floating");
+  e.className = "flow-canvas-minimap", s.floating !== !1 && e.classList.add("flow-canvas-minimap--floating");
   const o = document.createElement("div");
   o.className = "flow-canvas-minimap__host", e.append(o), Object.assign(e.style, {
-    width: `${n.width}px`,
-    height: `${n.height}px`
-  }), n.floating !== !1 && Object.assign(e.style, {
+    width: `${s.width}px`,
+    height: `${s.height}px`
+  }), s.floating !== !1 && Object.assign(e.style, {
     top: `${st}px`,
-    left: `${rt}px`
+    left: `${it}px`
   });
-  let t = null, s = n.defaultOpen ?? !1, r = null, i = null, l = null, a = null, v = {
-    width: n.width,
-    height: n.height
+  let t = null, n = s.defaultOpen ?? !1, i = null, r = null, l = null, a = null, h = {
+    width: s.width,
+    height: s.height
   };
   function f(k, X) {
     if (!t) return;
     const U = t;
-    U.options.width = k, U.options.height = X, U.updatePaper(n.sourceGraph.container.clientWidth, n.sourceGraph.container.clientHeight);
+    U.options.width = k, U.options.height = X, U.updatePaper(s.sourceGraph.container.clientWidth, s.sourceGraph.container.clientHeight);
   }
   function p() {
-    if (n.floating === !1) return;
+    if (s.floating === !1) return;
     const k = bn({
-      mountRect: n.mountTarget.getBoundingClientRect(),
-      toolbarRect: n.getToolbarElement?.()?.getBoundingClientRect() ?? null,
-      fallbackLeft: rt,
+      mountRect: s.mountTarget.getBoundingClientRect(),
+      toolbarRect: s.getToolbarElement?.()?.getBoundingClientRect() ?? null,
+      fallbackLeft: it,
       fallbackTop: st,
-      fallbackWidth: n.width,
-      height: n.height,
-      offset: n.panelOffset ?? pt
+      fallbackWidth: s.width,
+      height: s.height,
+      offset: s.panelOffset ?? pt
     });
-    v = {
+    h = {
       width: k.width,
       height: k.height
     }, Object.assign(e.style, {
@@ -3841,70 +3854,70 @@ function En(n) {
     }), f(k.width, k.height);
   }
   function u() {
-    if (n.floating === !1 || typeof ResizeObserver > "u") return;
-    const k = n.getToolbarElement?.() ?? null;
-    i || (i = new ResizeObserver(() => {
-      s && (u(), p());
-    })), a !== k && (i.disconnect(), i.observe(n.mountTarget), k && i.observe(k), a = k);
+    if (s.floating === !1 || typeof ResizeObserver > "u") return;
+    const k = s.getToolbarElement?.() ?? null;
+    r || (r = new ResizeObserver(() => {
+      n && (u(), p());
+    })), a !== k && (r.disconnect(), r.observe(s.mountTarget), k && r.observe(k), a = k);
   }
   function w() {
-    n.floating !== !1 && (p(), u(), l || (l = () => {
-      s && (u(), p());
+    s.floating !== !1 && (p(), u(), l || (l = () => {
+      n && (u(), p());
     }, window.addEventListener("resize", l)));
   }
   function D() {
-    l && (window.removeEventListener("resize", l), l = null), i?.disconnect(), i = null, a = null;
+    l && (window.removeEventListener("resize", l), l = null), r?.disconnect(), r = null, a = null;
   }
   function O() {
-    !n.onClickOutside || r || (r = (k) => {
+    !s.onClickOutside || i || (i = (k) => {
       const X = k.target;
-      X && e.contains(X) || k.target?.closest('[data-toolbar-type="minimap"]') || k.target?.closest(".flow-canvas-layout__content") || n.onClickOutside();
-    }, document.addEventListener("mousedown", r));
+      X && e.contains(X) || k.target?.closest('[data-toolbar-type="minimap"]') || k.target?.closest(".flow-canvas-layout__content") || s.onClickOutside();
+    }, document.addEventListener("mousedown", i));
   }
   function b() {
-    r && (document.removeEventListener("mousedown", r), r = null);
+    i && (document.removeEventListener("mousedown", i), i = null);
   }
   function S() {
     t || (t = new Ct({
       container: o,
-      width: v.width,
-      height: v.height,
-      padding: n.contentPadding ?? wn,
+      width: h.width,
+      height: h.height,
+      padding: s.contentPadding ?? wn,
       scalable: !1
-    }), n.sourceGraph.use(t));
+    }), s.sourceGraph.use(t));
   }
   function M(k) {
-    s = k, e.style.display = s ? "" : "none", s ? (w(), S(), O(), requestAnimationFrame(() => {
-      s && (u(), p());
+    n = k, e.style.display = n ? "" : "none", n ? (w(), S(), O(), requestAnimationFrame(() => {
+      n && (u(), p());
     })) : (b(), D());
   }
   function B() {
-    M(s), n.mountTarget.appendChild(e);
+    M(n), s.mountTarget.appendChild(e);
   }
   function j() {
     b(), D(), t?.dispose(), t = null, e.remove();
   }
   return B(), {
     element: e,
-    isOpen: () => s,
+    isOpen: () => n,
     setOpen: M,
     toggle() {
-      const k = !s;
+      const k = !n;
       return M(k), k;
     },
     destroy: j
   };
 }
-function $n(n) {
+function $n(s) {
   let e = null, o = null;
   const t = H(!1);
-  function s() {
+  function n() {
     return o?.querySelector('.flow-canvas-toolbar__btn[data-toolbar-type="minimap"]');
   }
-  function r() {
-    return s()?.closest(".flow-canvas-toolbar");
+  function i() {
+    return n()?.closest(".flow-canvas-toolbar");
   }
-  function i(a) {
+  function r(a) {
     e?.setOpen(a), t.value = a;
   }
   function l() {
@@ -3914,19 +3927,19 @@ function $n(n) {
     name: "minimap",
     priority: 90,
     attachRuntime(a) {
-      const v = a, f = n?.width ?? 334, p = n?.height ?? 180;
-      o = v.graph.container.closest(".flow-canvas-layout__content") ?? v.graph.container.parentElement;
-      const u = n?.container ?? o;
+      const h = a, f = s?.width ?? 334, p = s?.height ?? 180;
+      o = h.graph.container.closest(".flow-canvas-layout__content") ?? h.graph.container.parentElement;
+      const u = s?.container ?? o;
       u && (e = En({
         sourceGraph: a.graph,
         mountTarget: u,
         width: f,
         height: p,
-        floating: !n?.container,
+        floating: !s?.container,
         defaultOpen: !1,
-        getToolbarElement: n?.container ? void 0 : r,
-        onClickOutside: () => i(!1)
-      }), i(!1));
+        getToolbarElement: s?.container ? void 0 : i,
+        onClickOutside: () => r(!1)
+      }), r(!1));
     },
     detachRuntime() {
       e?.destroy(), e = null, o = null, t.value = !1;
@@ -3948,50 +3961,50 @@ function $n(n) {
   };
 }
 function Bn() {
-  let n = null, e = 0;
+  let s = null, e = 0;
   return {
     name: "clipboard",
     priority: 90,
     onKeyboardShortcut(o, t) {
-      const s = o.metaKey || o.ctrlKey;
-      if (s && o.key === "c") {
-        const r = t.graph.getSelectedCells?.() ?? [];
-        if (!r.length) return !1;
-        const i = t.flowModel.value, l = new Set(r.filter((f) => f.isNode()).map((f) => f.id)), a = [...l].map((f) => i.nodes[f]).filter(Boolean);
+      const n = o.metaKey || o.ctrlKey;
+      if (n && o.key === "c") {
+        const i = t.graph.getSelectedCells?.() ?? [];
+        if (!i.length) return !1;
+        const r = t.flowModel.value, l = new Set(i.filter((f) => f.isNode()).map((f) => f.id)), a = [...l].map((f) => r.nodes[f]).filter(Boolean);
         if (!a.length) return !1;
-        const v = Object.values(i.edges).filter(
+        const h = Object.values(r.edges).filter(
           (f) => l.has(f.source.nodeId) && l.has(f.target.nodeId)
         );
-        return n = { nodes: a, edges: v }, e = 0, !0;
+        return s = { nodes: a, edges: h }, e = 0, !0;
       }
-      if (s && o.key === "v") {
-        if (!n?.nodes.length) return !1;
+      if (n && o.key === "v") {
+        if (!s?.nodes.length) return !1;
         e++;
-        const r = e * 30, i = /* @__PURE__ */ new Map(), l = [];
-        for (const a of n.nodes) {
-          const v = `${a.id}_cp${J().slice(0, 6)}`;
-          i.set(a.id, v), l.push({
+        const i = e * 30, r = /* @__PURE__ */ new Map(), l = [];
+        for (const a of s.nodes) {
+          const h = `${a.id}_cp${J().slice(0, 6)}`;
+          r.set(a.id, h), l.push({
             type: "node.add",
             node: {
               ...a,
-              id: v,
+              id: h,
               position: {
-                x: a.position.x + r,
-                y: a.position.y + r
+                x: a.position.x + i,
+                y: a.position.y + i
               },
               payload: a.payload ? { ...a.payload } : {},
               extensions: a.extensions ? { ...a.extensions } : void 0
             }
           });
         }
-        for (const a of n.edges) {
-          const v = i.get(a.source.nodeId), f = i.get(a.target.nodeId);
-          !v || !f || l.push({
+        for (const a of s.edges) {
+          const h = r.get(a.source.nodeId), f = r.get(a.target.nodeId);
+          !h || !f || l.push({
             type: "edge.add",
             edge: {
               ...a,
               id: `${a.id}_cp${J().slice(0, 6)}`,
-              source: { ...a.source, nodeId: v },
+              source: { ...a.source, nodeId: h },
               target: { ...a.target, nodeId: f },
               labels: a.labels?.map((p) => ({ ...p, id: `${p.id}_cp${J().slice(0, 6)}` })),
               payload: a.payload ? { ...a.payload } : {}