npm - @blueking/flow-canvas - Versions diffs - 0.0.2 → 0.0.3 - Mend

@blueking/flow-canvas 0.0.2 → 0.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/index.esm.js CHANGED Viewed

@@ -1,24 +1,24 @@
-import { ref as L, computed as H, onScopeDispose as Ue, defineComponent as ce, onBeforeUnmount as Re, createElementBlock as N, openBlock as I, normalizeStyle as Ie, createElementVNode as R, createVNode as Ve, createCommentVNode as F, normalizeClass as Q, Transition as We, withCtx as $e, withModifiers as Ze, createTextVNode as Oe, renderSlot as me, onMounted as Je, watch as ge, createBlock as Ce, Fragment as de, renderList as Ee, toDisplayString as he, unref as et, resolveDynamicComponent as tt, inject as ot } from "vue";
-import { Graph as nt } from "@antv/x6";
-import { register as st } from "@antv/x6-vue-shape";
-function mo() {
+import { ref as O, computed as F, onScopeDispose as et, defineComponent as ge, onBeforeUnmount as ze, createElementBlock as S, openBlock as M, normalizeStyle as _e, createElementVNode as B, createVNode as tt, createCommentVNode as U, normalizeClass as ee, Transition as ot, withCtx as je, withModifiers as rt, createTextVNode as Ve, renderSlot as ke, onMounted as at, watch as fe, createBlock as De, Fragment as pe, renderList as Pe, toDisplayString as me, unref as lt, resolveDynamicComponent as dt, inject as ct } from "vue";
+import { Graph as ut } from "@antv/x6";
+import { register as ft } from "@antv/x6-vue-shape";
+function Mo() {
   return {
     version: "1.0",
     nodes: {},
     edges: {}
   };
 }
-class Y extends Error {
+class ne extends Error {
   constructor(e) {
     super(e), this.name = "CanvasConstraintError";
   }
 }
-class it extends Error {
+class pt extends Error {
   constructor(e) {
     super(e), this.name = "CanvasSchemaError";
   }
 }
-function Me(s, e, t) {
+function Ae(s, e, t) {
   if (e.length === 0) {
     if (t === void 0) return;
     if (typeof t != "object" || t === null || Array.isArray(t))
@@ -27,196 +27,196 @@ function Me(s, e, t) {
   }
   const o = s ? { ...s } : {};
   let n = o;
-  for (let r = 0; r < e.length - 1; r++) {
-    const l = e[r], a = n[l];
+  for (let i = 0; i < e.length - 1; i++) {
+    const l = e[i], a = n[l];
     a && typeof a == "object" && !Array.isArray(a) ? n[l] = { ...a } : n[l] = {}, n = n[l];
   }
-  const i = e[e.length - 1];
-  return t === void 0 ? delete n[i] : n[i] = t, o;
+  const r = e[e.length - 1];
+  return t === void 0 ? delete n[r] : n[r] = t, o;
 }
-function Te(s, e) {
+function Ge(s, e) {
   switch (e.type) {
     case "node.add":
-      return rt(s, e.node);
+      return gt(s, e.node);
     case "node.move":
-      return at(s, e.nodeId, e.position);
+      return ht(s, e.nodeId, e.position);
     case "node.remove":
-      return lt(s, e.nodeId);
+      return vt(s, e.nodeId);
     case "node.update":
-      return dt(s, e.nodeId, e.patch);
+      return yt(s, e.nodeId, e.patch);
     case "node.set-payload":
-      return ct(s, e.nodeId, e.path, e.value);
+      return mt(s, e.nodeId, e.path, e.value);
     case "node.set-extensions":
-      return ut(s, e.nodeId, e.path, e.value);
+      return bt(s, e.nodeId, e.path, e.value);
     case "edge.add":
-      return ft(s, e.edge);
+      return wt(s, e.edge);
     case "edge.remove":
-      return pt(s, e.edgeId);
+      return xt(s, e.edgeId);
     case "edge.reconnect":
-      return gt(s, e.edgeId, e.source, e.target);
+      return kt(s, e.edgeId, e.source, e.target);
     case "edge.update":
-      return ht(s, e.edgeId, e.patch);
+      return Ct(s, e.edgeId, e.patch);
     case "edge.set-payload":
-      return vt(s, e.edgeId, e.path, e.value);
+      return Et(s, e.edgeId, e.path, e.value);
     case "edge.label.update":
-      return yt(s, e.edgeId, e.labelId, e.patch);
+      return It(s, e.edgeId, e.labelId, e.patch);
     case "model.set-meta":
-      return mt(s, e.path, e.value);
+      return Mt(s, e.path, e.value);
     default:
-      throw new Y(`Unknown command type: ${e.type}`);
+      throw new ne(`Unknown command type: ${e.type}`);
   }
 }
-function be(s, e) {
+function Ce(s, e) {
   const t = s.nodes[e];
-  if (!t) throw new Y(`Node "${e}" does not exist`);
+  if (!t) throw new ne(`Node "${e}" does not exist`);
   return t;
 }
-function we(s, e) {
+function Ee(s, e) {
   const t = s.edges[e];
-  if (!t) throw new Y(`Edge "${e}" does not exist`);
+  if (!t) throw new ne(`Edge "${e}" does not exist`);
   return t;
 }
-function ve(s, e, t) {
+function be(s, e, t) {
   const o = s.nodes[e.nodeId];
   if (!o)
-    throw new Y(`${t} node "${e.nodeId}" does not exist`);
-  if (e.portId && o.ports && !o.ports.some((i) => i.id === e.portId))
-    throw new Y(`${t} port "${e.portId}" not found on node "${e.nodeId}"`);
+    throw new ne(`${t} node "${e.nodeId}" does not exist`);
+  if (e.portId && o.ports && !o.ports.some((r) => r.id === e.portId))
+    throw new ne(`${t} port "${e.portId}" not found on node "${e.nodeId}"`);
 }
-function Ne(s, e, t) {
+function Te(s, e, t) {
   return { ...s, nodes: { ...s.nodes, [e]: t } };
 }
-function Se(s, e, t) {
+function Re(s, e, t) {
   return { ...s, edges: { ...s.edges, [e]: t } };
 }
-function rt(s, e) {
+function gt(s, e) {
   if (s.nodes[e.id])
-    throw new Y(`Node id "${e.id}" already exists`);
+    throw new ne(`Node id "${e.id}" already exists`);
   return { ...s, nodes: { ...s.nodes, [e.id]: e } };
 }
-function at(s, e, t) {
-  const o = be(s, e);
-  return Ne(s, e, { ...o, position: t });
+function ht(s, e, t) {
+  const o = Ce(s, e);
+  return Te(s, e, { ...o, position: t });
 }
-function lt(s, e) {
-  be(s, e);
+function vt(s, e) {
+  Ce(s, e);
   const { [e]: t, ...o } = s.nodes, n = {};
-  for (const [i, r] of Object.entries(s.edges))
-    r.source.nodeId !== e && r.target.nodeId !== e && (n[i] = r);
+  for (const [r, i] of Object.entries(s.edges))
+    i.source.nodeId !== e && i.target.nodeId !== e && (n[r] = i);
   return { ...s, nodes: o, edges: n };
 }
-function dt(s, e, t) {
-  const o = be(s, e);
-  return Ne(s, e, { ...o, ...t, id: o.id });
+function yt(s, e, t) {
+  const o = Ce(s, e);
+  return Te(s, e, { ...o, ...t, id: o.id });
 }
-function ct(s, e, t, o) {
-  const n = be(s, e), i = Me(n.payload, t, o);
-  return Ne(s, e, { ...n, payload: i });
+function mt(s, e, t, o) {
+  const n = Ce(s, e), r = Ae(n.payload, t, o);
+  return Te(s, e, { ...n, payload: r });
 }
-function ut(s, e, t, o) {
-  const n = be(s, e), i = Me(n.extensions, t, o);
-  return Ne(s, e, { ...n, extensions: i });
+function bt(s, e, t, o) {
+  const n = Ce(s, e), r = Ae(n.extensions, t, o);
+  return Te(s, e, { ...n, extensions: r });
 }
-function ft(s, e) {
+function wt(s, e) {
   if (s.edges[e.id])
-    throw new Y(`Edge id "${e.id}" already exists`);
-  if (ve(s, e.source, "Source"), ve(s, e.target, "Target"), e.labels) {
+    throw new ne(`Edge id "${e.id}" already exists`);
+  if (be(s, e.source, "Source"), be(s, e.target, "Target"), e.labels) {
     const t = /* @__PURE__ */ new Set();
     for (const o of e.labels) {
       if (t.has(o.id))
-        throw new Y(`Duplicate label id "${o.id}" in edge "${e.id}"`);
+        throw new ne(`Duplicate label id "${o.id}" in edge "${e.id}"`);
       t.add(o.id);
     }
   }
   return { ...s, edges: { ...s.edges, [e.id]: e } };
 }
-function pt(s, e) {
-  we(s, e);
+function xt(s, e) {
+  Ee(s, e);
   const { [e]: t, ...o } = s.edges;
   return { ...s, edges: o };
 }
-function gt(s, e, t, o) {
-  const n = we(s, e), i = t ?? n.source, r = o ?? n.target;
-  return ve(s, i, "Source"), ve(s, r, "Target"), Se(s, e, { ...n, source: i, target: r });
+function kt(s, e, t, o) {
+  const n = Ee(s, e), r = t ?? n.source, i = o ?? n.target;
+  return be(s, r, "Source"), be(s, i, "Target"), Re(s, e, { ...n, source: r, target: i });
 }
-function ht(s, e, t) {
-  const o = we(s, e), n = { ...o, ...t, id: o.id };
-  return t.source && ve(s, n.source, "Source"), t.target && ve(s, n.target, "Target"), Se(s, e, n);
+function Ct(s, e, t) {
+  const o = Ee(s, e), n = { ...o, ...t, id: o.id };
+  return t.source && be(s, n.source, "Source"), t.target && be(s, n.target, "Target"), Re(s, e, n);
 }
-function vt(s, e, t, o) {
-  const n = we(s, e), i = Me(n.payload, t, o);
-  return Se(s, e, { ...n, payload: i });
+function Et(s, e, t, o) {
+  const n = Ee(s, e), r = Ae(n.payload, t, o);
+  return Re(s, e, { ...n, payload: r });
 }
-function yt(s, e, t, o) {
-  const n = we(s, e);
+function It(s, e, t, o) {
+  const n = Ee(s, e);
   if (!n.labels)
-    throw new Y(`Edge "${e}" has no labels`);
-  const i = n.labels.findIndex((l) => l.id === t);
-  if (i === -1)
-    throw new Y(`Label "${t}" not found in edge "${e}"`);
-  const r = [...n.labels];
-  return r[i] = { ...r[i], ...o, id: t }, Se(s, e, { ...n, labels: r });
+    throw new ne(`Edge "${e}" has no labels`);
+  const r = n.labels.findIndex((l) => l.id === t);
+  if (r === -1)
+    throw new ne(`Label "${t}" not found in edge "${e}"`);
+  const i = [...n.labels];
+  return i[r] = { ...i[r], ...o, id: t }, Re(s, e, { ...n, labels: i });
 }
-function mt(s, e, t) {
-  const o = Me(s.meta, e, t);
+function Mt(s, e, t) {
+  const o = Ae(s.meta, e, t);
   return { ...s, meta: o };
 }
-function bt(s, e) {
-  const t = e?.maxHistorySize ?? 100, o = L(s), n = [], i = [], r = L(!1), l = L(!1);
+function Nt(s, e) {
+  const t = e?.maxHistorySize ?? 100, o = O(s), n = [], r = [], i = O(!1), l = O(!1);
   function a() {
-    r.value = n.length > 0, l.value = i.length > 0;
+    i.value = n.length > 0, l.value = r.length > 0;
   }
-  function f(k) {
-    const w = o.value;
-    let x = w;
-    for (const A of k.commands)
-      x = Te(x, A);
-    return n.push({ snapshot: w, envelope: k }), n.length > t && n.shift(), i.length = 0, o.value = x, a(), x;
+  function g(w) {
+    const N = o.value;
+    let m = N;
+    for (const D of w.commands)
+      m = Ge(m, D);
+    return n.push({ snapshot: N, envelope: w }), n.length > t && n.shift(), r.length = 0, o.value = m, a(), m;
   }
   function d() {
-    const k = n.pop();
-    return k ? (i.push({ snapshot: o.value, envelope: k.envelope }), o.value = k.snapshot, a(), k.snapshot) : null;
+    const w = n.pop();
+    return w ? (r.push({ snapshot: o.value, envelope: w.envelope }), o.value = w.snapshot, a(), w.snapshot) : null;
+  }
+  function v() {
+    const w = r.pop();
+    if (!w) return null;
+    n.push({ snapshot: o.value, envelope: w.envelope });
+    let N = o.value;
+    for (const m of w.envelope.commands)
+      N = Ge(N, m);
+    return o.value = N, a(), N;
   }
-  function b() {
-    const k = i.pop();
-    if (!k) return null;
-    n.push({ snapshot: o.value, envelope: k.envelope });
-    let w = o.value;
-    for (const x of k.envelope.commands)
-      w = Te(w, x);
-    return o.value = w, a(), w;
-  }
-  function m() {
-    n.length = 0, i.length = 0, a();
+  function f() {
+    n.length = 0, r.length = 0, a();
   }
-  function g() {
+  function p() {
     return o.value;
   }
-  function S(k) {
-    o.value = k, m();
+  function E(w) {
+    o.value = w, f();
   }
   return {
     currentFlowModel: o,
-    execute: f,
+    execute: g,
     undo: d,
-    redo: b,
-    canUndo: r,
+    redo: v,
+    canUndo: i,
     canRedo: l,
     get undoStack() {
-      return n.map((k) => k.envelope);
+      return n.map((w) => w.envelope);
     },
     get redoStack() {
-      return i.map((k) => k.envelope);
+      return r.map((w) => w.envelope);
     },
-    clear: m,
-    createSnapshot: g,
-    replaceFlowModel: S
+    clear: f,
+    createSnapshot: p,
+    replaceFlowModel: E
   };
 }
-function wt(s) {
+function St(s) {
   return s !== null && typeof s == "object" && s.rejected === !0;
 }
-class xt {
+class Dt {
   plugins = [];
   editorContext = null;
   runtimeCtx = null;
@@ -251,11 +251,11 @@ class xt {
    */
   createSafeRuntimeContext(e, t) {
     const o = this, n = new Proxy(e.graph, {
-      get(i, r, l) {
-        const a = Reflect.get(i, r, l);
-        return r === "use" && typeof a == "function" ? function(...d) {
+      get(r, i, l) {
+        const a = Reflect.get(r, i, l);
+        return i === "use" && typeof a == "function" ? function(...d) {
           if (o.runtimeVersion === t)
-            return a.apply(i, d);
+            return a.apply(r, d);
         } : a;
       }
     });
@@ -271,8 +271,8 @@ class xt {
     let t = e;
     for (const o of this.plugins) {
       if (!o.transformCommand) continue;
-      const n = this.createPreview(t), i = o.transformCommand(t, n, this.editorContext);
-      if (i === null)
+      const n = this.createPreview(t), r = o.transformCommand(t, n, this.editorContext);
+      if (r === null)
         return {
           rejected: !0,
           error: {
@@ -281,16 +281,16 @@ class xt {
             source: o.name
           }
         };
-      if (wt(i))
+      if (St(r))
         return {
           rejected: !0,
           error: {
-            code: i.code ?? "plugin_rejected",
-            reason: i.reason,
+            code: r.code ?? "plugin_rejected",
+            reason: r.reason,
             source: o.name
           }
         };
-      t = i;
+      t = r;
     }
     return { envelope: t };
   }
@@ -372,44 +372,50 @@ class xt {
     return {
       previewFlowModel(o) {
         const n = o ?? e.commands;
-        let i = t.flowModel.value;
-        for (const r of n)
-          i = Te(i, r);
-        return i;
+        let r = t.flowModel.value;
+        for (const i of n)
+          r = Ge(r, i);
+        return r;
       }
     };
   }
 }
-function bo(s) {
-  const { schema: e, plugins: t = [], historyOptions: o } = s, n = { version: "1.0", ...s.initialFlowModel }, i = bt(n, o), r = L(s.mode ?? "edit"), l = L(!1), a = L(null), f = L([]), d = {}, b = new xt();
-  function m(w, x, A, U = "user:toolbar") {
-    const O = {
+let Pt = 0;
+function W() {
+  const s = Date.now().toString(36), e = Math.random().toString(36).substring(2, 8);
+  return `${s}-${e}-${++Pt}`;
+}
+const He = () => W();
+function No(s) {
+  const { schema: e, plugins: t = [], historyOptions: o } = s, n = s.idGenerator ?? He, r = { version: "1.0", ...s.initialFlowModel }, i = Nt(r, o), l = O(s.mode ?? "edit"), a = O(!1), g = O(null), d = O([]), v = {}, f = new Dt();
+  function p(m, D, z, X = "user:toolbar") {
+    const j = {
       id: `history-${Date.now()}`,
-      source: U,
-      label: w,
+      source: X,
+      label: m,
       timestamp: Date.now(),
       commands: []
     };
-    b.afterCommand(O, x, A), f.value = b.collectToolbarItems(), s.onCommandResult?.({
+    f.afterCommand(j, D, z), d.value = f.collectToolbarItems(), s.onCommandResult?.({
       status: "applied",
-      envelope: O,
-      flowModel: A
+      envelope: j,
+      flowModel: z
     }), s.onFlowModelChange?.({
-      flowModel: A,
-      prevFlowModel: x,
-      envelope: O,
-      source: U
+      flowModel: z,
+      prevFlowModel: D,
+      envelope: j,
+      source: X
     });
   }
-  const g = {
+  const E = {
     execute: i.execute,
     undo() {
-      const w = i.currentFlowModel.value, x = i.undo();
-      return x && m("撤销", w, x), x;
+      const m = i.currentFlowModel.value, D = i.undo();
+      return D && p("撤销", m, D), D;
     },
     redo() {
-      const w = i.currentFlowModel.value, x = i.redo();
-      return x && m("重做", w, x), x;
+      const m = i.currentFlowModel.value, D = i.redo();
+      return D && p("重做", m, D), D;
     },
     get canUndo() {
       return i.canUndo;
@@ -425,89 +431,91 @@ function bo(s) {
     },
     clear: i.clear,
     createSnapshot: i.createSnapshot,
-    replaceFlowModel(w) {
-      const x = i.currentFlowModel.value;
-      i.replaceFlowModel(w), m("替换 FlowModel", x, w, "system:replace");
+    replaceFlowModel(m) {
+      const D = i.currentFlowModel.value;
+      i.replaceFlowModel(m), p("替换 FlowModel", D, m, "system:replace");
     }
-  }, S = {
-    flowModel: H(() => i.currentFlowModel.value),
-    history: g,
+  }, w = {
+    flowModel: F(() => i.currentFlowModel.value),
+    history: E,
     schema: e,
-    mode: r,
-    executeCommand: k,
-    replaceFlowModel(w) {
-      g.replaceFlowModel(w);
+    mode: l,
+    idGenerator: n,
+    executeCommand: N,
+    replaceFlowModel(m) {
+      E.replaceFlowModel(m);
     },
-    setMode(w) {
-      r.value = w;
+    setMode(m) {
+      l.value = m;
     },
-    selectionMode: l,
-    setSelectionMode(w) {
-      l.value = w;
+    selectionMode: a,
+    setSelectionMode(m) {
+      a.value = m;
     },
-    api: a,
-    toolbarItems: f,
-    extendedApi: d,
-    _pluginManager: b
+    api: g,
+    toolbarItems: d,
+    extendedApi: v,
+    _pluginManager: f
   };
-  b.install(t, {
-    flowModel: S.flowModel,
-    history: g,
+  f.install(t, {
+    flowModel: w.flowModel,
+    history: E,
     schema: e,
-    mode: r,
-    executeCommand: k
-  }), f.value = b.collectToolbarItems(), Ue(() => {
-    b.dispose();
+    mode: l,
+    idGenerator: n,
+    executeCommand: N
+  }), d.value = f.collectToolbarItems(), et(() => {
+    f.dispose();
   });
-  function k(w) {
-    const x = b.transformCommand(w);
-    if ("rejected" in x) {
-      const O = {
+  function N(m) {
+    const D = f.transformCommand(m);
+    if ("rejected" in D) {
+      const j = {
         status: "rejected",
-        envelope: w,
-        error: x.error
+        envelope: m,
+        error: D.error
       };
-      return s.onCommandResult?.(O), O;
+      return s.onCommandResult?.(j), j;
     }
-    const A = x.envelope, U = i.currentFlowModel.value;
+    const z = D.envelope, X = i.currentFlowModel.value;
     try {
-      const O = i.execute(A), K = {
+      const j = i.execute(z), oe = {
         status: "applied",
-        envelope: A,
-        flowModel: O
+        envelope: z,
+        flowModel: j
       };
-      return b.afterCommand(A, U, O), f.value = b.collectToolbarItems(), s.onCommandResult?.(K), s.onFlowModelChange?.({
-        flowModel: O,
-        prevFlowModel: U,
-        envelope: A,
-        source: A.source
-      }), K;
-    } catch (O) {
-      if (O instanceof Y) {
-        const K = {
+      return f.afterCommand(z, X, j), d.value = f.collectToolbarItems(), s.onCommandResult?.(oe), s.onFlowModelChange?.({
+        flowModel: j,
+        prevFlowModel: X,
+        envelope: z,
+        source: z.source
+      }), oe;
+    } catch (j) {
+      if (j instanceof ne) {
+        const oe = {
           status: "invalid",
-          envelope: A,
+          envelope: z,
           error: {
             code: "constraint_violated",
-            reason: O.message,
+            reason: j.message,
             source: "engine"
           }
         };
-        return s.onCommandResult?.(K), K;
+        return s.onCommandResult?.(oe), oe;
       }
-      throw O;
+      throw j;
     }
   }
-  return S;
+  return w;
 }
-const kt = ["top", "right", "bottom", "left"];
-function Qe() {
-  return kt.map((s) => ({ id: s, group: s }));
+const _t = ["top", "right", "bottom", "left"];
+function nt() {
+  return _t.map((s) => ({ id: s, group: s }));
 }
-function Be(s, e) {
-  return e?.(s) ?? s.ports ?? Qe();
+function Fe(s, e) {
+  return e?.(s) ?? s.ports ?? nt();
 }
-class Ct {
+class At {
   graph;
   schema;
   shapeRegistry;
@@ -532,8 +540,8 @@ class Ct {
   /** x6EdgeConfig 中 attrs.line 的基线值，清理时恢复而非删除 */
   edgeDefaultAttrs = /* @__PURE__ */ new Map();
   lastModel = null;
-  constructor(e, t, o, n, i, r) {
-    this.graph = e, this.schema = t, this.shapeRegistry = o, this.resolveNodeDecoration = n, this.resolveEdgeDecoration = i, this.resolveCanvasContext = r;
+  constructor(e, t, o, n, r, i) {
+    this.graph = e, this.schema = t, this.shapeRegistry = o, this.resolveNodeDecoration = n, this.resolveEdgeDecoration = r, this.resolveCanvasContext = i;
   }
   syncFlowModel(e) {
     if (!this.syncing) {
@@ -556,9 +564,9 @@ class Ct {
   saveNodeDefaultAttrs(e, t) {
     const n = t.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);
+    const r = {};
+    let i = !1;
+    n.stroke !== void 0 && (r.stroke = n.stroke, i = !0), n.strokeWidth !== void 0 && (r.strokeWidth = n.strokeWidth, i = !0), i && this.nodeDefaultAttrs.set(e, r);
   }
   /**
    * 从 x6EdgeConfig.attrs.line 中提取基线描边，用于管理层清理时恢复。
@@ -566,9 +574,9 @@ class Ct {
   saveEdgeDefaultAttrs(e, t) {
     const n = t?.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);
+    const r = {};
+    let i = !1;
+    n.stroke !== void 0 && (r.stroke = n.stroke, i = !0), n.strokeWidth !== void 0 && (r.strokeWidth = n.strokeWidth, i = !0), n.strokeDasharray !== void 0 && (r.strokeDasharray = n.strokeDasharray, i = !0), i && this.edgeDefaultAttrs.set(e, r);
   }
   /** 恢复节点 attr 到基线值；无基线时移除。 */
   restoreNodeAttr(e, t, o) {
@@ -582,8 +590,8 @@ class Ct {
   }
   /** 让正式边接管交互式预览边时，恢复 schema 定义的端点 marker。 */
   syncEdgeMarker(e, t, o) {
-    const i = t?.x6EdgeConfig?.attrs?.line?.[o], r = `line/${o}`;
-    e.removeAttrByPath(r), i !== void 0 && e.setAttrByPath(r, i);
+    const r = t?.x6EdgeConfig?.attrs?.line?.[o], i = `line/${o}`;
+    e.removeAttrByPath(i), r !== void 0 && e.setAttrByPath(i, r);
   }
   dispose() {
     this.knownNodeIds.clear(), this.knownEdgeIds.clear();
@@ -591,21 +599,21 @@ class Ct {
   resolveNodes(e) {
     const t = /* @__PURE__ */ new Map();
     for (const [o, n] of Object.entries(e.nodes)) {
-      const i = this.schema.nodeTypes[n.type];
-      if (!i)
-        throw new it(
+      const r = this.schema.nodeTypes[n.type];
+      if (!r)
+        throw new pt(
           `Unknown node type "${n.type}" for node "${o}". Registered types: [${Object.keys(this.schema.nodeTypes).join(", ")}]. Register the type in CanvasSchema.nodeTypes before using it in a FlowModel.`
         );
-      const r = this.shapeRegistry.registerNodeType(n.type, i.component), l = i.getSize(n), a = Be(n, i.getPorts);
-      t.set(o, { model: n, definition: i, shapeName: r, size: l, ports: a });
+      const i = this.shapeRegistry.registerNodeType(n.type, r.component), l = r.getSize(n), a = Fe(n, r.getPorts);
+      t.set(o, { model: n, definition: r, shapeName: i, size: l, ports: a });
     }
     return t;
   }
   resolveEdges(e) {
     const t = /* @__PURE__ */ new Map();
     for (const [o, n] of Object.entries(e.edges)) {
-      const i = n.type ?? this.schema.defaultEdgeType ?? "default", r = this.schema.edgeTypes?.[i];
-      t.set(o, { model: n, definition: r });
+      const r = n.type ?? this.schema.defaultEdgeType ?? "default", i = this.schema.edgeTypes?.[r];
+      t.set(o, { model: n, definition: i });
     }
     return t;
   }
@@ -617,31 +625,36 @@ class Ct {
         n && this.graph.removeCell(n), this.knownNodeIds.delete(o), this.defaultHighlightedNodeIds.delete(o), this.prevNodeDecorationClasses.delete(o), this.prevNodeDecorationColors.delete(o), this.nodeDefaultAttrs.delete(o);
       }
     for (const [o, n] of e) {
-      const i = this.graph.getCellById(o);
-      i ? this.updateExistingNode(i, n) : this.addNewNode(o, n);
+      const r = this.graph.getCellById(o);
+      r ? this.updateExistingNode(r, n) : this.addNewNode(o, n);
     }
   }
   updateExistingNode(e, t) {
-    const { model: o, size: n, ports: i, definition: r } = t, l = e.getPosition();
-    (l.x !== o.position.x || l.y !== o.position.y) && e.setPosition(o.position.x, o.position.y);
-    const a = e.getSize();
-    (a.width !== n.width || a.height !== n.height) && e.setSize(n.width, n.height, { silent: !0 }), this.syncNodePorts(e, i), e.setData({ ...o }), this.applyNodeBehavior(e, o, r), this.applyNodeHighlightAndDecoration(e, o);
+    const { model: o, size: n, ports: r, definition: i } = t;
+    if (e.getData()?.type !== o.type) {
+      this.graph.removeCell(e), this.addNewNode(e.id, t);
+      return;
+    }
+    const a = e.getPosition();
+    (a.x !== o.position.x || a.y !== o.position.y) && e.setPosition(o.position.x, o.position.y);
+    const g = e.getSize();
+    (g.width !== n.width || g.height !== n.height) && e.setSize(n.width, n.height, { silent: !0 }), this.syncNodePorts(e, r), e.setData({ ...o }), this.applyNodeBehavior(e, o, i), this.applyNodeHighlightAndDecoration(e, o);
   }
   syncNodePorts(e, t) {
-    const o = e.getPorts(), n = new Set(t.map((r) => r.id)), i = new Set(o.map((r) => r.id));
-    for (const r of o)
-      r.id && !n.has(r.id) && e.removePort(r.id);
-    for (const r of t)
-      i.has(r.id) || e.addPort({ id: r.id, group: r.group, ...r.x6PortConfig });
+    const o = e.getPorts(), n = new Set(t.map((i) => i.id)), r = new Set(o.map((i) => i.id));
+    for (const i of o)
+      i.id && !n.has(i.id) && e.removePort(i.id);
+    for (const i of t)
+      r.has(i.id) || e.addPort({ id: i.id, group: i.group, ...i.x6PortConfig });
   }
   addNewNode(e, t) {
-    const { model: o, shapeName: n, size: i, ports: r, definition: l } = t, a = {
+    const { model: o, shapeName: n, size: r, ports: i, definition: l } = t, a = {
       id: o.id,
       shape: n,
       x: o.position.x,
       y: o.position.y,
-      width: i.width,
-      height: i.height,
+      width: r.width,
+      height: r.height,
       data: { ...o },
       ports: {
         groups: {
@@ -670,13 +683,13 @@ class Ct {
             }
           }
         },
-        items: r.map((d) => ({ id: d.id, group: d.group, ...d.x6PortConfig }))
+        items: i.map((d) => ({ id: d.id, group: d.group, ...d.x6PortConfig }))
       },
       ...l.x6CellConfig
     };
     this.graph.addNode(a), this.knownNodeIds.add(e), this.saveNodeDefaultAttrs(e, l);
-    const f = this.graph.getCellById(e);
-    f && (this.applyNodeBehavior(f, o, l), this.applyNodeHighlightAndDecoration(f, o));
+    const g = this.graph.getCellById(e);
+    g && (this.applyNodeBehavior(g, o, l), this.applyNodeHighlightAndDecoration(g, o));
   }
   /**
    * 将 schema 定义的 getBehavior 映射到 X6 节点属性。
@@ -691,30 +704,30 @@ class Ct {
     if (!o.getBehavior) return;
     const n = this.resolveCanvasContext?.();
     if (!n) return;
-    const i = o.getBehavior(t, n);
-    if (i.draggable !== void 0 && e.setProp("draggable", i.draggable, { silent: !0 }), i.connectable !== void 0) {
-      const l = i.connectable;
+    const r = o.getBehavior(t, n);
+    if (r.draggable !== void 0 && e.setProp("draggable", r.draggable, { silent: !0 }), r.connectable !== void 0) {
+      const l = r.connectable;
       for (const a of e.getPorts())
         e.setPortProp(a.id, "attrs/circle/magnet", l, { silent: !0 });
     }
-    if (i.showPorts !== void 0) {
-      const l = i.showPorts;
+    if (r.showPorts !== void 0) {
+      const l = r.showPorts;
       for (const a of e.getPorts())
-        e.setPortProp(a.id, "attrs/circle/style/visibility", l ? "visible" : "hidden", { silent: !0 });
+        e.setPortProp(a.id, "attrs/circle/visibility", l ? "visible" : "hidden", { 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 });
+    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 });
   }
   syncEdges(e, t) {
     const o = new Set(e.keys());
     for (const n of this.knownEdgeIds)
       if (!o.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.prevEdgeStyleIds.delete(n), this.edgeDefaultAttrs.delete(n);
+        const r = this.graph.getCellById(n);
+        r && this.graph.removeCell(r), this.knownEdgeIds.delete(n), this.defaultHighlightedEdgeIds.delete(n), this.prevEdgeDecorationClasses.delete(n), this.prevEdgeDecorationColors.delete(n), this.prevEdgeStyleIds.delete(n), this.edgeDefaultAttrs.delete(n);
       }
-    for (const [n, i] of e) {
-      const r = this.graph.getCellById(n), { model: l, definition: a } = i;
-      r ? (this.updateExistingEdge(r, l, a, t), this.knownEdgeIds.has(n) || (this.knownEdgeIds.add(n), this.saveEdgeDefaultAttrs(n, a))) : this.addNewEdge(n, l, a);
+    for (const [n, r] of e) {
+      const i = this.graph.getCellById(n), { model: l, definition: a } = r;
+      i ? (this.updateExistingEdge(i, l, a, t), this.knownEdgeIds.has(n) || (this.knownEdgeIds.add(n), this.saveEdgeDefaultAttrs(n, a))) : this.addNewEdge(n, l, a);
     }
   }
   /**
@@ -723,8 +736,8 @@ class Ct {
    * 需要用 (currentSource as any).cell 来比较。
    */
   updateExistingEdge(e, t, o, n) {
-    const i = e.getSource(), r = e.getTarget();
-    if ((i.cell !== t.source.nodeId || i.port !== t.source.portId) && e.setSource({ cell: t.source.nodeId, port: t.source.portId }), (r.cell !== t.target.nodeId || r.port !== t.target.portId) && e.setTarget({ cell: t.target.nodeId, port: t.target.portId }), o?.router) {
+    const r = e.getSource(), i = e.getTarget();
+    if ((r.cell !== t.source.nodeId || r.port !== t.source.portId) && e.setSource({ cell: t.source.nodeId, port: t.source.portId }), (i.cell !== t.target.nodeId || i.port !== t.target.portId) && e.setTarget({ cell: t.target.nodeId, port: t.target.portId }), o?.router) {
       const l = typeof o.router == "string" ? { name: o.router } : o.router;
       e.setRouter(l);
     }
@@ -755,12 +768,12 @@ class Ct {
       data: { ...t },
       zIndex: -1
     };
-    o?.router && (n.router = typeof o.router == "string" ? { name: o.router } : o.router), o?.connector && (n.connector = typeof o.connector == "string" ? { name: o.connector } : o.connector), o?.x6EdgeConfig && Object.assign(n, o.x6EdgeConfig), t.labels?.length && (n.labels = t.labels.map((r) => ({
-      attrs: { label: { text: r.text ?? "" } },
-      position: r.position != null ? { distance: r.position } : void 0
+    o?.router && (n.router = typeof o.router == "string" ? { name: o.router } : o.router), o?.connector && (n.connector = typeof o.connector == "string" ? { name: o.connector } : o.connector), o?.x6EdgeConfig && Object.assign(n, o.x6EdgeConfig), t.labels?.length && (n.labels = t.labels.map((i) => ({
+      attrs: { label: { text: i.text ?? "" } },
+      position: i.position != null ? { distance: i.position } : void 0
     }))), this.graph.addEdge(n), this.knownEdgeIds.add(e), this.saveEdgeDefaultAttrs(e, o);
-    const i = this.graph.getCellById(e);
-    i && this.applyEdgeStyleAndDecoration(i, t, o);
+    const r = this.graph.getCellById(e);
+    r && this.applyEdgeStyleAndDecoration(r, t, o);
   }
   /**
    * 外部通知选区、高亮或 hover 变化时，重算所有边的视觉样式。
@@ -772,8 +785,8 @@ class Ct {
       for (const [e, t] of Object.entries(this.lastModel.edges)) {
         const o = this.graph.getCellById(e);
         if (!o?.isEdge()) continue;
-        const n = t.type ?? this.schema.defaultEdgeType ?? "default", i = this.schema.edgeTypes?.[n];
-        this.applyEdgeStyleAndDecoration(o, t, i);
+        const n = t.type ?? this.schema.defaultEdgeType ?? "default", r = this.schema.edgeTypes?.[n];
+        this.applyEdgeStyleAndDecoration(o, t, r);
       }
   }
   /**
@@ -798,10 +811,10 @@ class Ct {
    * 只在"曾经设过 → 现在无值"时执行 removeAttrByPath，避免误删 X6 原始样式。
    */
   applyNodeHighlightAndDecoration(e, t) {
-    const o = this.highlightedNodeIds.has(e.id), n = this.resolveNodeDecoration?.(t), i = this.prevNodeDecorationClasses.get(e.id);
-    i && (this.graph.findViewByCell(e)?.container?.classList.remove(i), this.prevNodeDecorationClasses.delete(e.id)), n?.className && (this.graph.findViewByCell(e)?.container?.classList.add(n.className), this.prevNodeDecorationClasses.set(e.id, n.className));
-    const r = n?.borderColor, a = r ?? (o ? "#3a84ff" : void 0), f = this.prevNodeDecorationColors.has(e.id) || this.defaultHighlightedNodeIds.has(e.id);
-    a ? (e.setAttrByPath("body/stroke", a), e.setAttrByPath("body/strokeWidth", 2)) : f && (this.restoreNodeAttr(e, "body/stroke", "stroke"), this.restoreNodeAttr(e, "body/strokeWidth", "strokeWidth")), r ? this.prevNodeDecorationColors.add(e.id) : this.prevNodeDecorationColors.delete(e.id), o && !r ? this.defaultHighlightedNodeIds.add(e.id) : this.defaultHighlightedNodeIds.delete(e.id);
+    const o = this.highlightedNodeIds.has(e.id), n = this.resolveNodeDecoration?.(t), r = this.prevNodeDecorationClasses.get(e.id);
+    r && (this.graph.findViewByCell(e)?.container?.classList.remove(r), this.prevNodeDecorationClasses.delete(e.id)), n?.className && (this.graph.findViewByCell(e)?.container?.classList.add(n.className), this.prevNodeDecorationClasses.set(e.id, n.className));
+    const i = n?.borderColor, a = i ?? (o ? "#3a84ff" : void 0), g = this.prevNodeDecorationColors.has(e.id) || this.defaultHighlightedNodeIds.has(e.id);
+    a ? (e.setAttrByPath("body/stroke", a), e.setAttrByPath("body/strokeWidth", 2)) : g && (this.restoreNodeAttr(e, "body/stroke", "stroke"), this.restoreNodeAttr(e, "body/strokeWidth", "strokeWidth")), i ? this.prevNodeDecorationColors.add(e.id) : this.prevNodeDecorationColors.delete(e.id), o && !i ? this.defaultHighlightedNodeIds.add(e.id) : this.defaultHighlightedNodeIds.delete(e.id);
   }
   setHoveredEdge(e) {
     this.hoveredEdgeId = e;
@@ -824,24 +837,19 @@ class Ct {
    * 最终值 = decorationStroke ?? styleStroke ?? defaultHighlightStroke ?? (清除)。
    */
   applyEdgeStyleAndDecoration(e, t, o) {
-    const n = this.highlightedEdgeIds.has(e.id), i = this.resolveEdgeDecoration?.(t), 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, f;
+    const n = this.highlightedEdgeIds.has(e.id), r = this.resolveEdgeDecoration?.(t), 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, g;
     if (o?.style) {
-      const S = this.graph.isSelected?.(e) ?? !1, k = this.hoveredEdgeId === e.id, w = o.style(t, { selected: S, highlighted: n, hovered: k });
-      l = w.stroke, a = w.strokeWidth, f = w.strokeDasharray;
+      const E = this.graph.isSelected?.(e) ?? !1, w = this.hoveredEdgeId === e.id, N = o.style(t, { selected: E, highlighted: n, hovered: w });
+      l = N.stroke, a = N.strokeWidth, g = N.strokeDasharray;
     }
-    const d = !o?.style && n ? "#3a84ff" : void 0, b = i?.strokeColor, m = b ?? l ?? d, g = !!o?.style || this.prevEdgeDecorationColors.has(e.id) || this.defaultHighlightedEdgeIds.has(e.id) || this.prevEdgeStyleIds.has(e.id);
-    m ? e.setAttrByPath("line/stroke", m) : g && this.restoreEdgeAttr(e, "line/stroke", "stroke"), o?.style ? (this.prevEdgeStyleIds.add(e.id), a ? e.setAttrByPath("line/strokeWidth", a) : this.restoreEdgeAttr(e, "line/strokeWidth", "strokeWidth"), f ? e.setAttrByPath("line/strokeDasharray", f) : 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)), b ? this.prevEdgeDecorationColors.add(e.id) : this.prevEdgeDecorationColors.delete(e.id), d ? this.defaultHighlightedEdgeIds.add(e.id) : this.defaultHighlightedEdgeIds.delete(e.id);
+    const d = !o?.style && n ? "#3a84ff" : void 0, v = r?.strokeColor, f = v ?? l ?? d, p = !!o?.style || this.prevEdgeDecorationColors.has(e.id) || this.defaultHighlightedEdgeIds.has(e.id) || this.prevEdgeStyleIds.has(e.id);
+    f ? e.setAttrByPath("line/stroke", f) : p && this.restoreEdgeAttr(e, "line/stroke", "stroke"), o?.style ? (this.prevEdgeStyleIds.add(e.id), a ? e.setAttrByPath("line/strokeWidth", a) : this.restoreEdgeAttr(e, "line/strokeWidth", "strokeWidth"), g ? e.setAttrByPath("line/strokeDasharray", g) : 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)), v ? this.prevEdgeDecorationColors.add(e.id) : this.prevEdgeDecorationColors.delete(e.id), d ? this.defaultHighlightedEdgeIds.add(e.id) : this.defaultHighlightedEdgeIds.delete(e.id);
   }
 }
-let Et = 0;
-function $() {
-  const s = Date.now().toString(36), e = Math.random().toString(36).substring(2, 8);
-  return `${s}-${e}-${++Et}`;
-}
-class It {
-  instanceId = $();
+class Tt {
+  instanceId = W();
   registeredShapes = /* @__PURE__ */ new Map();
   getShapeName(e) {
     let t = this.registeredShapes.get(e);
@@ -849,7 +857,7 @@ class It {
   }
   registerNodeType(e, t) {
     const o = this.getShapeName(e);
-    return st({
+    return ft({
       shape: o,
       component: t,
       width: 100,
@@ -860,14 +868,15 @@ class It {
     this.registeredShapes.clear();
   }
 }
-class Mt {
+class Rt {
   graph;
   onUiEvent;
   onCommand;
   flowModelRef;
+  idGenerator;
   disposers = [];
-  constructor(e, t, o, n) {
-    this.graph = e, this.onUiEvent = t, this.onCommand = o, this.flowModelRef = n, this.bindEvents();
+  constructor(e, t, o, n, r) {
+    this.graph = e, this.onUiEvent = t, this.onCommand = o, this.flowModelRef = n, this.idGenerator = r ?? He, this.bindEvents();
   }
   dispose() {
     for (const e of this.disposers) e();
@@ -887,11 +896,11 @@ class Mt {
     }), this.on("edge:click", ({ edge: e, e: t }) => {
       const n = t.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, f = r[Math.max(0, a)];
+        const i = e.getData?.()?.labels ?? [], l = n.parentElement?.querySelectorAll(".x6-edge-label"), a = l ? Array.from(l).indexOf(n) : 0, g = i[Math.max(0, a)];
         this.onUiEvent({
           type: "edge.label.click",
           edgeId: e.id,
-          labelId: f?.id ?? `label-${a}`
+          labelId: g?.id ?? `label-${a}`
         });
         return;
       }
@@ -907,7 +916,7 @@ class Mt {
     }), this.on("node:moved", ({ node: e }) => {
       const t = e.getPosition();
       this.onCommand({
-        id: $(),
+        id: W(),
         source: "user:drag",
         label: "移动节点",
         timestamp: Date.now(),
@@ -916,9 +925,9 @@ class Mt {
     }), this.on("edge:connected", ({ edge: e, isNew: t }) => {
       const o = e.getSourceCell(), n = e.getTargetCell();
       if (!o || !n) return;
-      const i = e.getSourcePortId(), r = e.getTargetPortId(), l = e.id in this.flowModelRef.value.edges;
-      t && !l ? this.onCommand({
-        id: $(),
+      const r = e.getSourcePortId(), i = e.getTargetPortId(), l = e.id in this.flowModelRef.value.edges;
+      t && !l ? (this.graph.removeCell(e), this.onCommand({
+        id: W(),
         source: "user:drag",
         label: "连线",
         timestamp: Date.now(),
@@ -926,14 +935,14 @@ class Mt {
           {
             type: "edge.add",
             edge: {
-              id: e.id,
-              source: { nodeId: o.id, portId: i ?? void 0 },
-              target: { nodeId: n.id, portId: r ?? void 0 }
+              id: this.idGenerator("edge"),
+              source: { nodeId: o.id, portId: r ?? void 0 },
+              target: { nodeId: n.id, portId: i ?? void 0 }
             }
           }
         ]
-      }) : this.onCommand({
-        id: $(),
+      })) : this.onCommand({
+        id: W(),
         source: "user:drag",
         label: "重连",
         timestamp: Date.now(),
@@ -941,32 +950,32 @@ class Mt {
           {
             type: "edge.reconnect",
             edgeId: e.id,
-            source: { nodeId: o.id, portId: i ?? void 0 },
-            target: { nodeId: n.id, portId: r ?? void 0 }
+            source: { nodeId: o.id, portId: r ?? void 0 },
+            target: { nodeId: n.id, portId: i ?? void 0 }
           }
         ]
       });
     }), this.on("edge:change:labels", ({ edge: e, current: t }) => {
       const n = e.getData?.()?.labels ?? [];
       if (!n.length || !t?.length) return;
-      const i = [];
-      for (let r = 0; r < Math.min(n.length, t.length); r++) {
-        const l = t[r], a = n[r];
+      const r = [];
+      for (let i = 0; i < Math.min(n.length, t.length); i++) {
+        const l = t[i], a = n[i];
         if (!a?.id) continue;
-        const f = typeof l.position == "object" ? l.position?.distance : l.position;
-        f != null && i.push({
+        const g = typeof l.position == "object" ? l.position?.distance : l.position;
+        g != null && r.push({
           type: "edge.label.update",
           edgeId: e.id,
           labelId: a.id,
-          patch: { position: f }
+          patch: { position: g }
         });
       }
-      i.length && this.onCommand({
-        id: $(),
+      r.length && this.onCommand({
+        id: W(),
         source: "user:drag",
         label: "拖动标签",
         timestamp: Date.now(),
-        commands: i
+        commands: r
       });
     });
   }
@@ -974,120 +983,122 @@ class Mt {
     this.graph.on(e, t), this.disposers.push(() => this.graph.off(e, t));
   }
 }
-function Nt(s) {
+function $t(s) {
   function e(t) {
     const o = s.getCellById(t);
     if (!o || !o.isNode()) return null;
-    const n = o, i = n.getPosition(), r = n.getSize(), l = { x: i.x, y: i.y, width: r.width, height: r.height }, a = s.localToGraph(l);
+    const n = o, r = n.getPosition(), i = n.getSize(), l = { x: r.x, y: r.y, width: i.width, height: i.height }, a = s.localToGraph(l);
     return new DOMRect(a.x, a.y, a.width, a.height);
   }
   return {
     getNodeScreenRect: e
   };
 }
-const St = 100;
-function Dt({
+const Lt = 100;
+function Bt({
   graph: s,
   overlayManager: e,
   executeCommand: t,
   schema: o,
   flowModel: n,
+  idGenerator: r,
   defaultInsertGap: i,
-  getContextMenuItems: r,
-  onHighlightChange: l,
-  resolveNodeShape: a
+  getContextMenuItems: l,
+  onHighlightChange: a,
+  resolveNodeShape: g
 }) {
-  let f = [], d = [], b = null, m = !1, g = null, S = !1;
-  async function k() {
-    if (m) return b;
-    m = !0;
+  const d = r ?? He;
+  let v = [], f = [], p = null, E = !1, w = null, N = !1;
+  async function m() {
+    if (E) return p;
+    E = !0;
     try {
-      const p = await import("@antv/x6-plugin-dnd"), c = p.Dnd ?? p.default;
-      return c ? (b = new c({
+      const h = await import("@antv/x6-plugin-dnd"), b = h.Dnd ?? h.default;
+      return b ? (p = new b({
         target: s,
         scaled: !0,
         animation: !0,
         getDragNode: (C) => C.clone(),
         getDropNode: (C) => C.clone()
-      }), b) : null;
+      }), p) : null;
     } catch {
       return console.warn("[flow-canvas] @antv/x6-plugin-dnd not available, add it to your dependencies"), null;
     }
   }
-  async function w() {
-    if (!S) {
-      S = !0;
+  async function D() {
+    if (!N) {
+      N = !0;
       try {
-        const p = await import("@antv/x6-plugin-export"), c = p.Export ?? p.default;
-        c && s.use(new c());
+        const h = await import("@antv/x6-plugin-export"), b = h.Export ?? h.default;
+        b && s.use(new b());
       } catch {
         console.warn("[flow-canvas] @antv/x6-plugin-export not available, add it to your dependencies");
       }
     }
   }
-  const x = ({ node: p }) => {
-    const c = p.getData?.();
-    if (!c?._dndSessionId || c._dndSessionId !== g) return;
-    g = null;
-    const C = p.getPosition();
-    s.removeNode(p.id);
-    const { _dndSessionId: z, ..._ } = c, j = _.id || $();
+  const z = ({ node: h }) => {
+    const b = h.getData?.();
+    if (!b?._dndSessionId || b._dndSessionId !== w) return;
+    w = null;
+    const C = h.getPosition();
+    s.removeNode(h.id);
+    const { _dndSessionId: L, ...R } = b, q = R.id || d("node");
     t({
-      id: $(),
+      id: W(),
       source: "user:drag",
       label: "拖入节点",
       timestamp: Date.now(),
       commands: [
         {
           type: "node.add",
-          node: { ..._, id: j, position: { x: C.x, y: C.y } }
+          node: { ...R, id: q, position: { x: C.x, y: C.y } }
         }
       ]
     });
   };
-  s.on("node:added", x);
-  function A(p) {
-    const c = o.nodeTypes[p.type];
-    return Be(p, c?.getPorts);
+  s.on("node:added", z);
+  function X(h) {
+    const b = o.nodeTypes[h.type];
+    return Fe(h, b?.getPorts);
   }
-  function U(p, c, C, z, _) {
-    switch (p) {
+  function j(h, b, C, L, R) {
+    switch (h) {
       case "left":
         return {
-          x: c.position.x - _ - z.width,
-          y: c.position.y + (C.height - z.height) / 2
+          x: b.position.x - R - L.width,
+          y: b.position.y + (C.height - L.height) / 2
         };
       case "top":
         return {
-          x: c.position.x + (C.width - z.width) / 2,
-          y: c.position.y - _ - z.height
+          x: b.position.x + (C.width - L.width) / 2,
+          y: b.position.y - R - L.height
         };
       case "bottom":
         return {
-          x: c.position.x + (C.width - z.width) / 2,
-          y: c.position.y + C.height + _
+          x: b.position.x + (C.width - L.width) / 2,
+          y: b.position.y + C.height + R
         };
       default:
         return {
-          x: c.position.x + C.width + _,
-          y: c.position.y + (C.height - z.height) / 2
+          x: b.position.x + C.width + R,
+          y: b.position.y + (C.height - L.height) / 2
         };
     }
   }
-  function O(p, c, C) {
-    switch (p) {
+  function oe(h, b, C) {
+    switch (h) {
       case "left":
-        return { x: -(c.width + C), y: 0 };
+        return { x: -(b.width + C), y: 0 };
       case "top":
-        return { x: 0, y: -(c.height + C) };
+        return { x: 0, y: -(b.height + C) };
       case "bottom":
-        return { x: 0, y: c.height + C };
+        return { x: 0, y: b.height + C };
       default:
-        return { x: c.width + C, y: 0 };
+        return { x: b.width + C, y: 0 };
     }
   }
-  function K(p) {
-    switch (p) {
+  function G(h) {
+    switch (h) {
       case "left":
         return "right";
       case "top":
@@ -1105,8 +1116,8 @@ function Dt({
     zoomOut() {
       s.zoom(-0.1);
     },
-    zoomTo(p) {
-      s.zoomTo(p);
+    zoomTo(h) {
+      s.zoomTo(h);
     },
     zoomToFit() {
       s.zoomToFit({ padding: 40, maxScale: 1.5 });
@@ -1120,221 +1131,233 @@ function Dt({
     scrollToOrigin() {
       s.translate(0, 0);
     },
-    scrollToNode(p) {
-      const c = s.getCellById(p);
-      c && s.centerCell(c);
+    scrollToNode(h) {
+      const b = s.getCellById(h);
+      b && s.centerCell(b);
     },
     getSelection() {
-      const p = s.getSelectedCells?.() ?? [];
+      const h = s.getSelectedCells?.() ?? [];
       return {
-        nodeIds: p.filter((c) => c.isNode()).map((c) => c.id),
-        edgeIds: p.filter((c) => c.isEdge()).map((c) => c.id)
+        nodeIds: h.filter((b) => b.isNode()).map((b) => b.id),
+        edgeIds: h.filter((b) => b.isEdge()).map((b) => b.id)
       };
     },
-    selectNodes(p) {
-      const c = p.map((C) => s.getCellById(C)).filter(Boolean);
-      s.select?.(c);
+    selectNodes(h) {
+      const b = h.map((C) => s.getCellById(C)).filter(Boolean);
+      s.select?.(b);
     },
-    selectEdges(p) {
-      const c = p.map((C) => s.getCellById(C)).filter(Boolean);
-      s.select?.(c);
+    selectEdges(h) {
+      const b = h.map((C) => s.getCellById(C)).filter(Boolean);
+      s.select?.(b);
     },
     clearSelection() {
-      const p = s.getSelectedCells?.();
-      p?.length && s.unselect?.(p);
+      const h = s.getSelectedCells?.();
+      h?.length && s.unselect?.(h);
     },
-    registerDndSource(p, c) {
-      const C = async (z) => {
-        const _ = await k();
-        if (!_) return;
-        const j = $();
-        g = j;
-        const G = c(), q = a?.(G.type), X = s.createNode({
-          width: q?.width ?? 154,
-          height: q?.height ?? 54,
-          shape: q?.shapeName ?? "rect",
-          data: { ...G, _dndSessionId: j }
+    registerDndSource(h, b) {
+      const C = async (L) => {
+        const R = await m();
+        if (!R) return;
+        const q = W();
+        w = q;
+        const Y = b(), H = g?.(Y.type), Q = s.createNode({
+          width: H?.width ?? 154,
+          height: H?.height ?? 54,
+          shape: H?.shapeName ?? "rect",
+          data: { ...Y, _dndSessionId: q }
         });
-        _.start(X, z);
+        R.start(Q, L);
       };
-      return p.addEventListener("mousedown", C), () => {
-        p.removeEventListener("mousedown", C);
+      return h.addEventListener("mousedown", C), () => {
+        h.removeEventListener("mousedown", C);
       };
     },
     /**
      * 通过编程方式发起连线：直接命中真实 port 元素，
      * 复用 X6 原生的连线拖拽流程与 connecting.createEdge 配置。
      */
-    startConnection(p, c) {
-      const C = s.getCellById(p);
+    startConnection(h, b) {
+      const C = s.getCellById(h);
       if (!C?.isNode()) return;
-      const z = C, _ = s.findViewByCell(z);
-      if (!_) return;
-      const j = _.findPortElem(c, "circle") ?? _.findPortElem(c);
-      if (!j) return;
-      const q = (j.matches?.("[magnet]") ? j : j.querySelector?.("[magnet]")) ?? j, X = q.getBoundingClientRect(), ye = X.left + X.width / 2, se = X.top + X.height / 2, ae = new MouseEvent("mousedown", {
-        clientX: ye,
-        clientY: se,
+      const L = C, R = s.findViewByCell(L);
+      if (!R) return;
+      const q = R.findPortElem(b, "circle") ?? R.findPortElem(b);
+      if (!q) return;
+      const H = (q.matches?.("[magnet]") ? q : q.querySelector?.("[magnet]")) ?? q, Q = H.getBoundingClientRect(), de = Q.left + Q.width / 2, re = Q.top + Q.height / 2, ce = new MouseEvent("mousedown", {
+        clientX: de,
+        clientY: re,
         button: 0,
         buttons: 1,
         bubbles: !0,
         cancelable: !0
       });
-      q.dispatchEvent(ae);
+      H.dispatchEvent(ce);
     },
-    async exportAsImage(p) {
-      await w();
-      const c = s;
-      return typeof c.toPNG != "function" ? (console.warn("[flow-canvas] exportAsImage requires @antv/x6-plugin-export, add it to your dependencies"), new Blob()) : new Promise((C) => {
-        c.toPNG(
-          (z) => {
-            fetch(z).then((_) => _.blob()).then(C).catch(() => C(new Blob()));
+    async exportAsImage(h) {
+      await D();
+      const b = s;
+      return typeof b.toPNG != "function" ? (console.warn("[flow-canvas] exportAsImage requires @antv/x6-plugin-export, add it to your dependencies"), new Blob()) : new Promise((C) => {
+        b.toPNG(
+          (L) => {
+            fetch(L).then((R) => R.blob()).then(C).catch(() => C(new Blob()));
           },
           {
-            backgroundColor: p?.backgroundColor ?? "#ffffff",
-            padding: p?.padding ?? 20,
-            quality: p?.quality,
+            backgroundColor: h?.backgroundColor ?? "#ffffff",
+            padding: h?.padding ?? 20,
+            quality: h?.quality,
             copyStyles: !0
           }
         );
       });
     },
     async exportAsSVG() {
-      await w();
-      const p = s;
-      return typeof p.toSVG != "function" ? (console.warn("[flow-canvas] exportAsSVG requires @antv/x6-plugin-export, add it to your dependencies"), "") : new Promise((c) => {
-        p.toSVG((C) => c(C));
+      await D();
+      const h = s;
+      return typeof h.toSVG != "function" ? (console.warn("[flow-canvas] exportAsSVG requires @antv/x6-plugin-export, add it to your dependencies"), "") : new Promise((b) => {
+        h.toSVG((C) => b(C));
       });
     },
-    highlightNodes(p) {
-      f = p, l?.(f, d);
+    highlightNodes(h) {
+      v = h, a?.(v, f);
     },
-    highlightEdges(p) {
-      d = p, l?.(f, d);
+    highlightEdges(h) {
+      f = h, a?.(v, f);
     },
     clearHighlight() {
-      f = [], d = [], l?.([], []);
+      v = [], f = [], a?.([], []);
     },
     overlay: e,
-    getContextMenuItems(p) {
-      return r?.(p) ?? [];
+    getContextMenuItems(h) {
+      return l?.(h) ?? [];
     },
-    insertNodeToRight(p, c, C) {
-      const z = n.value, _ = z.nodes[p];
-      if (!_)
+    insertNodeToRight(h, b, C) {
+      const L = n.value, R = L.nodes[h];
+      if (!R)
         return {
           status: "invalid",
           envelope: { id: "", source: "user:toolbar", timestamp: Date.now(), commands: [] },
-          error: { code: "constraint_violated", reason: `Source node "${p}" not found`, source: "api" }
+          error: { code: "constraint_violated", reason: `Source node "${h}" not found`, source: "api" }
         };
-      const j = C?.gap ?? i ?? St, G = C?.direction ?? "right", q = o.nodeTypes[_.type], X = o.nodeTypes[c.type], ye = q?.getSize(_) ?? { width: 154, height: 54 }, se = X?.getSize({ ...c, position: { x: 0, y: 0 } }) ?? {
+      const q = C?.gap ?? i ?? Lt, Y = C?.direction ?? "right", H = o.nodeTypes[R.type], Q = o.nodeTypes[b.type], de = H?.getSize(R) ?? { width: 154, height: 54 }, re = Q?.getSize({ ...b, position: { x: 0, y: 0 } }) ?? {
         width: 154,
         height: 54
-      }, ae = U(G, _, ye, se, j), ie = c.id || $(), xe = { ...c, id: ie, position: ae }, J = [{ type: "node.add", node: xe }], ke = O(G, se, j), ee = { x: ae.x, y: ae.y, width: se.width, height: se.height };
-      for (const [le, V] of Object.entries(z.nodes)) {
-        if (le === p || le === ie) continue;
-        const fe = o.nodeTypes[V.type]?.getSize(V) ?? { width: 154, height: 54 }, oe = ee.x < V.position.x + fe.width && ee.x + ee.width > V.position.x, pe = ee.y < V.position.y + fe.height && ee.y + ee.height > V.position.y;
-        oe && pe && J.push({
+      }, ce = j(Y, R, de, re, q), ue = b.id || d("node"), Ie = { ...b, id: ue, position: ce }, se = [{ type: "node.add", node: Ie }], Me = oe(Y, re, q), ie = { x: ce.x, y: ce.y, width: re.width, height: re.height };
+      for (const [ae, Z] of Object.entries(L.nodes)) {
+        if (ae === h || ae === ue) continue;
+        const ve = o.nodeTypes[Z.type]?.getSize(Z) ?? { width: 154, height: 54 }, te = ie.x < Z.position.x + ve.width && ie.x + ie.width > Z.position.x, ye = ie.y < Z.position.y + ve.height && ie.y + ie.height > Z.position.y;
+        te && ye && se.push({
           type: "node.move",
-          nodeId: le,
-          position: { x: V.position.x + ke.x, y: V.position.y + ke.y }
+          nodeId: ae,
+          position: { x: Z.position.x + Me.x, y: Z.position.y + Me.y }
         });
       }
       if (C?.autoWireEdges) {
-        const le = A(_), V = A(xe), te = G, fe = K(G), oe = le.find((h) => h.group === te), pe = V.find((h) => h.group === fe), Pe = V.find((h) => h.group === te), v = oe ? Object.values(z.edges).find(
-          (h) => h.source.nodeId === p && h.source.portId === oe.id
-        ) : Object.values(z.edges).find((h) => h.source.nodeId === p);
-        if (v) {
-          const h = v.target;
-          J.push({ type: "edge.remove", edgeId: v.id }), J.push({
+        const ae = X(R), Z = X(Ie), we = Y, ve = G(Y), te = ae.find((K) => K.group === we), ye = Z.find((K) => K.group === ve), Ne = Z.find((K) => K.group === we), xe = te ? Object.values(L.edges).find(
+          (K) => K.source.nodeId === h && K.source.portId === te.id
+        ) : Object.values(L.edges).find((K) => K.source.nodeId === h);
+        if (xe) {
+          const K = xe.target;
+          se.push({ type: "edge.remove", edgeId: xe.id }), se.push({
             type: "edge.add",
             edge: {
-              id: $(),
-              source: { nodeId: p, portId: oe?.id },
-              target: { nodeId: ie, portId: pe?.id }
+              id: d("edge"),
+              source: { nodeId: h, portId: te?.id },
+              target: { nodeId: ue, portId: ye?.id }
             }
-          }), J.push({
+          }), se.push({
             type: "edge.add",
             edge: {
-              id: $(),
-              source: { nodeId: ie, portId: Pe?.id },
-              target: h
+              id: d("edge"),
+              source: { nodeId: ue, portId: Ne?.id },
+              target: K
             }
           });
         } else
-          J.push({
+          se.push({
             type: "edge.add",
             edge: {
-              id: $(),
-              source: { nodeId: p, portId: oe?.id },
-              target: { nodeId: ie, portId: pe?.id }
+              id: d("edge"),
+              source: { nodeId: h, portId: te?.id },
+              target: { nodeId: ue, portId: ye?.id }
             }
           });
       }
-      const De = {
-        id: $(),
+      const $e = {
+        id: W(),
         source: C?.source ?? "user:toolbar",
         label: C?.label ?? "插入节点",
         timestamp: Date.now(),
-        commands: J
+        commands: se
       };
-      return t(De);
+      return t($e);
     },
-    onGraphEvent(p, c) {
-      return s.on(p, c), () => s.off(p, c);
+    onGraphEvent(h, b) {
+      return s.on(h, b), () => s.off(h, b);
     },
     unsafeGetGraph() {
       return s;
     }
   };
 }
-function Pt() {
-  const s = L(null), e = L(!1);
+function Ot() {
+  const s = O(null), e = O(!1);
   let t = null, o = !1;
-  function n(d) {
-    t && (clearTimeout(t), t = null), s.value = d;
+  function n(v) {
+    t && (clearTimeout(t), t = null), s.value = v;
   }
-  function i(d = 100) {
+  function r(v = 100) {
     o || (t && clearTimeout(t), t = setTimeout(() => {
       s.value = null, t = null;
-    }, d));
+    }, v));
   }
-  function r() {
+  function i() {
     o = !0, t && (clearTimeout(t), t = null);
   }
-  function l(d = 100) {
-    o = !1, i(d);
+  function l(v = 100) {
+    o = !1, r(v);
   }
   function a() {
     t && (clearTimeout(t), t = null);
   }
-  function f() {
+  function g() {
+    a(), o = !1, s.value = null;
+  }
+  function d() {
     t && clearTimeout(t);
   }
-  return { hoveredNodeId: s, isDraggingNode: e, enter: n, leave: i, enterOverlay: r, leaveOverlay: l, cancelLeave: a, cleanup: f };
+  return { hoveredNodeId: s, isDraggingNode: e, enter: n, leave: r, enterOverlay: i, leaveOverlay: l, cancelLeave: a, reset: g, cleanup: d };
 }
-const ze = 10;
-function je(s, e) {
+const We = 10, Se = 12;
+function Qe(s, e) {
   const t = s.getTotalLength();
   if (t === 0) return { ...e, length: 0, totalLength: 0 };
   let o = s.getPointAtLength(0), n = 1 / 0;
-  const i = 50, r = t / i;
+  const r = 50, i = t / r;
   let l = 0;
-  for (let b = 0; b <= i; b++) {
-    const m = b * r, g = s.getPointAtLength(m), S = (g.x - e.x) ** 2 + (g.y - e.y) ** 2;
-    S < n && (n = S, o = g, l = m);
+  for (let v = 0; v <= r; v++) {
+    const f = v * i, p = s.getPointAtLength(f), E = (p.x - e.x) ** 2 + (p.y - e.y) ** 2;
+    E < n && (n = E, o = p, l = f);
   }
-  const a = Math.max(0, l - r), f = Math.min(t, l + r), d = (f - a) / 20;
-  for (let b = a; b <= f; b += d) {
-    const m = s.getPointAtLength(b), g = (m.x - e.x) ** 2 + (m.y - e.y) ** 2;
-    g < n && (n = g, o = m, l = b);
+  const a = Math.max(0, l - i), g = Math.min(t, l + i), d = (g - a) / 20;
+  for (let v = a; v <= g; v += d) {
+    const f = s.getPointAtLength(v), p = (f.x - e.x) ** 2 + (f.y - e.y) ** 2;
+    p < n && (n = p, o = f, l = v);
   }
   return { x: o.x, y: o.y, length: l, totalLength: t };
 }
-function Ge(s, e) {
-  return s < ze || s > e - ze;
+function Xe(s, e) {
+  return s < We || s > e - We;
 }
-function He() {
+function Ye(s, e, t) {
+  const o = s.querySelectorAll(".x6-edge-label");
+  for (const n of o) {
+    const r = n.getBoundingClientRect();
+    if (e >= r.left - Se && e <= r.right + Se && t >= r.top - Se && t <= r.bottom + Se)
+      return !0;
+  }
+  return !1;
+}
+function Ke() {
   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 t = document.createElementNS(s, "rect");
@@ -1342,67 +1365,79 @@ function He() {
   const o = document.createElementNS(s, "text");
   return o.setAttribute("font-family", "flow-canvas"), o.setAttribute("font-size", "16"), o.setAttribute("fill", "#ffffff"), o.setAttribute("text-anchor", "middle"), o.setAttribute("dominant-baseline", "central"), o.textContent = "", e.appendChild(o), e;
 }
-function _t(s) {
+function Gt(s) {
   let e = null, t = null;
   function o(l, a) {
-    i(), t = l;
-    const f = s.getCellById(l);
-    if (!f?.isEdge()) return;
-    const d = s.findViewByCell(f);
-    if (!d) return;
-    const b = d.container.querySelector("path");
-    if (!b) return;
-    const m = s.clientToLocal(a.clientX, a.clientY), g = je(b, m);
-    if (Ge(g.length, g.totalLength)) return;
-    const S = He();
-    S.setAttribute("transform", `translate(${g.x}, ${g.y})`), d.container.appendChild(S), e = S;
+    if (r(), t = l, a.target?.closest?.(".x6-edge-label")) return;
+    const d = s.getCellById(l);
+    if (!d?.isEdge()) return;
+    const v = s.findViewByCell(d);
+    if (!v) return;
+    const f = v.container.querySelector("path");
+    if (!f) return;
+    const p = s.clientToLocal(a.clientX, a.clientY), E = Qe(f, p);
+    if (Xe(E.length, E.totalLength) || Ye(v.container, a.clientX, a.clientY)) return;
+    const w = Ke();
+    w.setAttribute("transform", `translate(${E.x}, ${E.y})`), v.container.appendChild(w), e = w;
   }
   function n(l) {
     if (!t) return;
-    const a = s.getCellById(t);
-    if (!a?.isEdge()) return;
-    const f = s.findViewByCell(a);
-    if (!f) return;
-    const d = f.container.querySelector("path");
+    if (l.target?.closest?.(".x6-edge-label")) {
+      e && e.setAttribute("display", "none");
+      return;
+    }
+    const g = s.getCellById(t);
+    if (!g?.isEdge()) return;
+    const d = s.findViewByCell(g);
     if (!d) return;
-    const b = s.clientToLocal(l.clientX, l.clientY), m = je(d, b);
-    if (Ge(m.length, m.totalLength))
+    const v = d.container.querySelector("path");
+    if (!v) return;
+    const f = s.clientToLocal(l.clientX, l.clientY), p = Qe(v, f);
+    if (Xe(p.length, p.totalLength) || Ye(d.container, l.clientX, l.clientY))
       e && e.setAttribute("display", "none");
     else if (e)
-      e.removeAttribute("display"), e.setAttribute("transform", `translate(${m.x}, ${m.y})`);
+      e.removeAttribute("display"), e.setAttribute("transform", `translate(${p.x}, ${p.y})`);
     else {
-      const g = He();
-      g.setAttribute("transform", `translate(${m.x}, ${m.y})`), f.container.appendChild(g), e = g;
+      const E = Ke();
+      E.setAttribute("transform", `translate(${p.x}, ${p.y})`), d.container.appendChild(E), e = E;
     }
   }
-  function i() {
+  function r() {
     e && (e.remove(), e = null), t = null;
   }
-  function r(l) {
+  function i(l) {
     l === t && (e = null, t = null);
   }
-  return { show: o, move: n, remove: i, handleEdgeRemoved: r };
+  return { show: o, move: n, remove: r, handleEdgeRemoved: i };
 }
-function At(s) {
+function zt(s) {
   let e = null, t = 0;
   function o(d) {
-    const b = d ? "visible" : "hidden";
-    for (const m of s.getNodes())
-      for (const g of m.getPorts())
-        m.setPortProp(g.id, "attrs/circle/visibility", b);
+    const v = d ? "visible" : "hidden";
+    for (const f of s.getNodes())
+      for (const p of f.getPorts())
+        f.setPortProp(p.id, "attrs/circle/visibility", v);
   }
   function n(d) {
     if (!e)
-      for (const b of d.getPorts())
-        d.setPortProp(b.id, "attrs/circle/visibility", "visible");
-  }
-  function i(d) {
-    if (!e)
-      for (const b of d.getPorts())
-        d.setPortProp(b.id, "attrs/circle/visibility", "hidden");
+      for (const v of d.getPorts())
+        d.setPortProp(v.id, "attrs/circle/visibility", "visible");
   }
   function r(d) {
-    d.getTargetCell() || (e = d.id, o(!0));
+    if (!e)
+      for (const v of d.getPorts())
+        d.setPortProp(v.id, "attrs/circle/visibility", "hidden");
+  }
+  function i(d, v) {
+    if (!d.getTargetCell())
+      if (e = d.id, v?.size)
+        for (const f of s.getNodes()) {
+          const p = v.has(f.id) ? "hidden" : "visible";
+          for (const E of f.getPorts())
+            f.setPortProp(E.id, "attrs/circle/visibility", p);
+        }
+      else
+        o(!0);
   }
   function l() {
     e = null, o(!1), t = Date.now() + 300;
@@ -1410,19 +1445,19 @@ function At(s) {
   function a(d) {
     d === e && (e = null, o(!1));
   }
-  function f() {
+  function g() {
     return !e && Date.now() >= t;
   }
   return {
     showNodePorts: n,
-    hideNodePorts: i,
-    handleEdgeAdded: r,
+    hideNodePorts: r,
+    handleEdgeAdded: i,
     handleEdgeConnected: l,
     handleEdgeRemoved: a,
-    canShowEdgeTool: f
+    canShowEdgeTool: g
   };
 }
-const Tt = { class: "flow-canvas-node-actions__bar" }, Rt = /* @__PURE__ */ ce({
+const jt = { class: "flow-canvas-node-actions__bar" }, Ht = /* @__PURE__ */ ge({
   __name: "node-actions-toolbar",
   props: {
     node: {},
@@ -1433,14 +1468,14 @@ const Tt = { class: "flow-canvas-node-actions__bar" }, Rt = /* @__PURE__ */ ce({
   },
   emits: ["action"],
   setup(s, { emit: e }) {
-    const t = s, o = H(() => {
-      const b = t.actionsOffset?.x ?? 0, m = t.actionsOffset?.y ?? 0, g = b !== 0 || m !== 0;
+    const t = s, o = F(() => {
+      const v = t.actionsOffset?.x ?? 0, f = t.actionsOffset?.y ?? 0, p = v !== 0 || f !== 0;
       return {
         left: `${t.position.x}px`,
         top: `${t.position.y}px`,
-        transform: g ? `translate(${b}px, ${m}px)` : "translateX(-100%)"
+        transform: p ? `translate(${v}px, ${f}px)` : "translateX(-100%)"
       };
-    }), n = e, i = H(() => ({
+    }), n = e, r = F(() => ({
       debug: {
         visible: t.config.showDebug && t.behavior.debuggable !== !1,
         disabled: t.behavior.debugDisabled === !0
@@ -1461,9 +1496,9 @@ const Tt = { class: "flow-canvas-node-actions__bar" }, Rt = /* @__PURE__ */ ce({
         visible: t.config.showDisconnect && t.behavior.disconnectable !== !1,
         disabled: t.behavior.disconnectDisabled === !0
       }
-    })), r = H(() => i.value.copy.visible || i.value.copyInsert.visible || i.value.disconnect.visible), l = L(!1);
+    })), i = F(() => r.value.copy.visible || r.value.copyInsert.visible || r.value.disconnect.visible), l = O(!1);
     let a = null;
-    function f() {
+    function g() {
       a && (clearTimeout(a), a = null), l.value = !0;
     }
     function d() {
@@ -1471,79 +1506,79 @@ const Tt = { class: "flow-canvas-node-actions__bar" }, Rt = /* @__PURE__ */ ce({
         l.value = !1, a = null;
       }, 100);
     }
-    return Re(() => {
+    return ze(() => {
       a && clearTimeout(a);
-    }), (b, m) => (I(), N("div", {
+    }), (v, f) => (M(), S("div", {
       class: "flow-canvas-node-actions",
-      style: Ie(o.value)
+      style: _e(o.value)
     }, [
-      R("div", Tt, [
-        i.value.debug.visible ? (I(), N("i", {
+      B("div", jt, [
+        r.value.debug.visible ? (M(), S("i", {
           key: 0,
-          class: Q(["flow-canvas-icon canvas-debug flow-canvas-node-actions__icon", { "is-disabled": i.value.debug.disabled }]),
-          onClick: m[0] || (m[0] = (g) => !i.value.debug.disabled && n("action", "debug", s.node.id))
-        }, null, 2)) : F("", !0),
-        i.value.delete.visible ? (I(), N("i", {
+          class: ee(["flow-canvas-icon canvas-debug flow-canvas-node-actions__icon", { "is-disabled": r.value.debug.disabled }]),
+          onClick: f[0] || (f[0] = (p) => !r.value.debug.disabled && n("action", "debug", s.node.id))
+        }, null, 2)) : U("", !0),
+        r.value.delete.visible ? (M(), S("i", {
           key: 1,
-          class: Q(["flow-canvas-icon canvas-shanchu flow-canvas-node-actions__icon", { "is-disabled": i.value.delete.disabled }]),
-          onClick: m[1] || (m[1] = (g) => !i.value.delete.disabled && n("action", "delete", s.node.id))
-        }, null, 2)) : F("", !0),
-        r.value ? (I(), N("div", {
+          class: ee(["flow-canvas-icon canvas-shanchu flow-canvas-node-actions__icon", { "is-disabled": r.value.delete.disabled }]),
+          onClick: f[1] || (f[1] = (p) => !r.value.delete.disabled && n("action", "delete", s.node.id))
+        }, null, 2)) : U("", !0),
+        i.value ? (M(), S("div", {
           key: 2,
           class: "flow-canvas-node-actions__more-wrapper",
-          onMouseenter: f,
+          onMouseenter: g,
           onMouseleave: d
-        }, [...m[5] || (m[5] = [
-          R("i", { class: "flow-canvas-icon canvas-gengduo flow-canvas-node-actions__icon" }, null, -1)
-        ])], 32)) : F("", !0)
+        }, [...f[5] || (f[5] = [
+          B("i", { class: "flow-canvas-icon canvas-gengduo flow-canvas-node-actions__icon" }, null, -1)
+        ])], 32)) : U("", !0)
       ]),
-      Ve(We, { name: "flow-canvas-fade" }, {
-        default: $e(() => [
-          l.value && r.value ? (I(), N("div", {
+      tt(ot, { name: "flow-canvas-fade" }, {
+        default: je(() => [
+          l.value && i.value ? (M(), S("div", {
             key: 0,
             class: "flow-canvas-node-actions__dropdown",
-            onMouseenter: f,
+            onMouseenter: g,
             onMouseleave: d
           }, [
-            i.value.copy.visible ? (I(), N("div", {
+            r.value.copy.visible ? (M(), S("div", {
               key: 0,
-              class: Q(["flow-canvas-node-actions__dropdown-item", { "is-disabled": i.value.copy.disabled }]),
-              onClick: m[2] || (m[2] = (g) => !i.value.copy.disabled && n("action", "copy", s.node.id))
-            }, [...m[6] || (m[6] = [
-              R("i", { class: "flow-canvas-icon canvas-copy-fuzhi-2" }, null, -1),
-              R("span", null, "复制", -1)
-            ])], 2)) : F("", !0),
-            i.value.copyInsert.visible ? (I(), N("div", {
+              class: ee(["flow-canvas-node-actions__dropdown-item", { "is-disabled": r.value.copy.disabled }]),
+              onClick: f[2] || (f[2] = (p) => !r.value.copy.disabled && n("action", "copy", s.node.id))
+            }, [...f[6] || (f[6] = [
+              B("i", { class: "flow-canvas-icon canvas-copy-fuzhi-2" }, null, -1),
+              B("span", null, "复制", -1)
+            ])], 2)) : U("", !0),
+            r.value.copyInsert.visible ? (M(), S("div", {
               key: 1,
-              class: Q(["flow-canvas-node-actions__dropdown-item", { "is-disabled": i.value.copyInsert.disabled }]),
-              onClick: m[3] || (m[3] = (g) => !i.value.copyInsert.disabled && n("action", "copy-insert", s.node.id))
-            }, [...m[7] || (m[7] = [
-              R("i", { class: "flow-canvas-icon canvas-fuzhibingcharu" }, null, -1),
-              R("span", null, "复制并插入", -1)
-            ])], 2)) : F("", !0),
-            i.value.disconnect.visible ? (I(), N("div", {
+              class: ee(["flow-canvas-node-actions__dropdown-item", { "is-disabled": r.value.copyInsert.disabled }]),
+              onClick: f[3] || (f[3] = (p) => !r.value.copyInsert.disabled && n("action", "copy-insert", s.node.id))
+            }, [...f[7] || (f[7] = [
+              B("i", { class: "flow-canvas-icon canvas-fuzhibingcharu" }, null, -1),
+              B("span", null, "复制并插入", -1)
+            ])], 2)) : U("", !0),
+            r.value.disconnect.visible ? (M(), S("div", {
               key: 2,
-              class: Q(["flow-canvas-node-actions__dropdown-item", { "is-disabled": i.value.disconnect.disabled }]),
-              onClick: m[4] || (m[4] = (g) => !i.value.disconnect.disabled && n("action", "disconnect", s.node.id))
-            }, [...m[8] || (m[8] = [
-              R("i", { class: "flow-canvas-icon canvas-unlock-jiebang" }, null, -1),
-              R("span", null, "断开连线", -1)
-            ])], 2)) : F("", !0)
-          ], 32)) : F("", !0)
+              class: ee(["flow-canvas-node-actions__dropdown-item", { "is-disabled": r.value.disconnect.disabled }]),
+              onClick: f[4] || (f[4] = (p) => !r.value.disconnect.disabled && n("action", "disconnect", s.node.id))
+            }, [...f[8] || (f[8] = [
+              B("i", { class: "flow-canvas-icon canvas-unlock-jiebang" }, null, -1),
+              B("span", null, "断开连线", -1)
+            ])], 2)) : U("", !0)
+          ], 32)) : U("", !0)
         ]),
         _: 1
       })
     ], 4));
   }
-}), ue = (s, e) => {
+}), he = (s, e) => {
   const t = s.__vccOpts || s;
   for (const [o, n] of e)
     t[o] = n;
   return t;
-}, $t = /* @__PURE__ */ ue(Rt, [["__scopeId", "data-v-3b39dab5"]]), Bt = {
+}, Ft = /* @__PURE__ */ he(Ht, [["__scopeId", "data-v-3b39dab5"]]), qt = {
   key: 0,
   class: "flow-canvas-quick-add__tooltip"
-}, Lt = 5, Ot = /* @__PURE__ */ ce({
+}, Ut = 5, Vt = /* @__PURE__ */ ge({
   __name: "node-quick-add-popover",
   props: {
     node: {},
@@ -1552,147 +1587,148 @@ const Tt = { class: "flow-canvas-node-actions__bar" }, Rt = /* @__PURE__ */ ce({
   },
   emits: ["open", "close", "start-drag", "mouseenter", "mouseleave"],
   setup(s, { expose: e, emit: t }) {
-    const o = s, n = t, i = L(), r = L(), l = L(!1), a = L(!1);
-    let f = null, d = !1, b = null;
-    function m(p) {
-      p.preventDefault(), p.stopPropagation(), f = { x: p.clientX, y: p.clientY }, d = !1, document.addEventListener("mousemove", g), document.addEventListener("mouseup", S);
-    }
-    function g(p) {
-      if (!f) return;
-      const c = p.clientX - f.x, C = p.clientY - f.y;
-      Math.sqrt(c * c + C * C) >= Lt && (d = !0, k(), n("start-drag", o.node.id));
+    const o = s, n = t, r = O(), i = O(), l = O(!1), a = O(!1);
+    let g = null, d = !1, v = null;
+    function f(G) {
+      G.preventDefault(), G.stopPropagation(), g = { x: G.clientX, y: G.clientY }, d = !1, document.addEventListener("mousemove", p), document.addEventListener("mouseup", E);
     }
-    function S() {
-      k(), d || w(), f = null, d = !1;
+    function p(G) {
+      if (!g) return;
+      const T = G.clientX - g.x, h = G.clientY - g.y;
+      Math.sqrt(T * T + h * h) >= Ut && (d = !0, w(), n("start-drag", o.node.id));
     }
-    function k() {
-      document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", S);
+    function E() {
+      w(), d || N(), g = null, d = !1;
     }
     function w() {
-      a.value ? A() : x();
+      document.removeEventListener("mousemove", p), document.removeEventListener("mouseup", E);
     }
-    function x() {
+    function N() {
+      a.value ? D() : m();
+    }
+    function m() {
       a.value = !0, n("open", o.node.id), requestAnimationFrame(() => {
-        document.addEventListener("mousedown", U);
+        document.addEventListener("mousedown", z);
       });
     }
-    function A() {
-      a.value = !1, n("close"), document.removeEventListener("mousedown", U);
+    function D() {
+      a.value = !1, n("close"), document.removeEventListener("mousedown", z);
     }
-    function U(p) {
-      const c = p.target;
-      i.value?.contains(c) || r.value?.contains(c) || A();
+    function z(G) {
+      const T = G.target;
+      r.value?.contains(T) || i.value?.contains(T) || D();
     }
-    function O() {
+    function X() {
       a.value || n("mouseleave");
     }
-    function K() {
-      b && (clearTimeout(b), b = null), n("mouseenter");
+    function j() {
+      v && (clearTimeout(v), v = null), n("mouseenter");
     }
-    function Z() {
-      b = setTimeout(() => {
-        A(), n("mouseleave"), b = null;
+    function oe() {
+      v = setTimeout(() => {
+        D(), n("mouseleave"), v = null;
       }, 150);
     }
-    return Re(() => {
-      k(), b && clearTimeout(b), document.removeEventListener("mousedown", U);
-    }), e({ closePopover: A }), (p, c) => (I(), N("div", {
+    return ze(() => {
+      w(), v && clearTimeout(v), document.removeEventListener("mousedown", z);
+    }), e({ closePopover: D }), (G, T) => (M(), S("div", {
       class: "flow-canvas-quick-add",
-      style: Ie({ left: `${s.portPosition.x}px`, top: `${s.portPosition.y}px` }),
-      onMouseenter: c[2] || (c[2] = (C) => n("mouseenter")),
-      onMouseleave: O,
-      onClick: c[3] || (c[3] = Ze(() => {
+      style: _e({ left: `${s.portPosition.x}px`, top: `${s.portPosition.y}px` }),
+      onMouseenter: T[2] || (T[2] = (h) => n("mouseenter")),
+      onMouseleave: X,
+      onClick: T[3] || (T[3] = rt(() => {
       }, ["stop"]))
     }, [
-      R("div", {
+      B("div", {
         ref_key: "btnRef",
-        ref: i,
-        class: Q(["flow-canvas-quick-add__btn", { "is-hovered": l.value, "is-active": a.value }]),
-        onMouseenter: c[0] || (c[0] = (C) => l.value = !0),
-        onMouseleave: c[1] || (c[1] = (C) => l.value = !1),
-        onMousedown: m
-      }, [...c[4] || (c[4] = [
-        R("i", { class: "flow-canvas-icon canvas-zoom-add" }, null, -1)
+        ref: r,
+        class: ee(["flow-canvas-quick-add__btn", { "is-hovered": l.value, "is-active": a.value }]),
+        onMouseenter: T[0] || (T[0] = (h) => l.value = !0),
+        onMouseleave: T[1] || (T[1] = (h) => l.value = !1),
+        onMousedown: f
+      }, [...T[4] || (T[4] = [
+        B("i", { class: "flow-canvas-icon canvas-zoom-add" }, null, -1)
       ])], 34),
-      l.value && !a.value ? (I(), N("div", Bt, [...c[5] || (c[5] = [
-        R("div", null, [
-          R("b", null, "点击"),
-          Oe(" 添加节点")
+      l.value && !a.value ? (M(), S("div", qt, [...T[5] || (T[5] = [
+        B("div", null, [
+          B("b", null, "点击"),
+          Ve(" 添加节点")
         ], -1),
-        R("div", null, [
-          R("b", null, "拖拽"),
-          Oe(" 连接节点")
+        B("div", null, [
+          B("b", null, "拖拽"),
+          Ve(" 连接节点")
         ], -1)
-      ])])) : F("", !0),
-      Ve(We, { name: "flow-canvas-fade" }, {
-        default: $e(() => [
-          a.value ? (I(), N("div", {
+      ])])) : U("", !0),
+      tt(ot, { name: "flow-canvas-fade" }, {
+        default: je(() => [
+          a.value ? (M(), S("div", {
             key: 0,
             ref_key: "popoverRef",
-            ref: r,
+            ref: i,
             class: "flow-canvas-quick-add__popover",
-            onMouseenter: K,
-            onMouseleave: Z
+            onMouseenter: j,
+            onMouseleave: oe
           }, [
-            me(p.$slots, "default", {}, () => [
-              c[6] || (c[6] = R("div", { class: "flow-canvas-quick-add__default-content" }, "节点快捷操作面板", -1))
+            ke(G.$slots, "default", {}, () => [
+              T[6] || (T[6] = B("div", { class: "flow-canvas-quick-add__default-content" }, "节点快捷操作面板", -1))
             ], !0)
-          ], 544)) : F("", !0)
+          ], 544)) : U("", !0)
         ]),
         _: 3
       })
     ], 36));
   }
-}), zt = /* @__PURE__ */ ue(Ot, [["__scopeId", "data-v-deb5af25"]]), jt = { class: "flow-canvas-runtime-core__overlay" }, Gt = /* @__PURE__ */ ce({
+}), Wt = /* @__PURE__ */ he(Vt, [["__scopeId", "data-v-b98695cf"]]), Qt = { class: "flow-canvas-runtime-core__overlay" }, Xt = /* @__PURE__ */ ge({
   __name: "canvas-runtime-core",
   props: {
     editor: {},
     graphOptions: {},
     nodeActions: {},
-    quickAdd: {}
+    quickAdd: {},
+    getConnectionExcludedNodeIds: { type: Function }
   },
   emits: ["ui-event"],
   setup(s, { emit: e }) {
-    const t = s, o = e, n = L(), i = L();
-    let r, l, a, f;
-    const d = Pt(), { hoveredNodeId: b, isDraggingNode: m } = d, g = d.enterOverlay, S = () => d.leaveOverlay(), k = L(null);
-    let w = null;
-    function x(v) {
-      return U(), J(v) ? (k.value = v, !0) : (k.value = null, !1);
-    }
-    function A() {
-      w && clearTimeout(w), w = setTimeout(() => {
-        k.value = null, w = null;
+    const t = s, o = e, n = O(), r = O();
+    let i, l, a, g;
+    const d = Ot(), { hoveredNodeId: v, isDraggingNode: f } = d, p = d.enterOverlay, E = () => d.leaveOverlay(), w = O(null), N = O(!1);
+    let m = null;
+    function D(y) {
+      return N.value ? !0 : (X(), ie(y) ? (w.value = y, !0) : (w.value = null, !1));
+    }
+    function z() {
+      m && clearTimeout(m), m = setTimeout(() => {
+        w.value = null, m = null;
       }, 150);
     }
-    function U() {
-      w && (clearTimeout(w), w = null);
+    function X() {
+      m && (clearTimeout(m), m = null);
     }
-    function O() {
-      U(), d.enterOverlay();
+    function j() {
+      X(), d.enterOverlay();
     }
-    function K() {
-      A(), d.leaveOverlay();
+    function oe() {
+      z(), d.leaveOverlay();
     }
-    let Z = null, p = null, c = null;
-    const C = L(0), z = H(
+    let G = null, T = null, h = null, b = null, C = null;
+    const L = O(0), R = F(
       () => {
-        if (C.value, !t.editor.api.value) return [];
-        const v = t.editor.flowModel.value, h = t.editor.api.value.overlay, u = [];
-        for (const [E, D] of Object.entries(v.nodes)) {
-          const P = t.editor._pluginManager.collectNodeDecorations(D);
-          if (!P?.badge) continue;
-          const T = h.getNodeScreenRect(E);
-          T && u.push({
-            nodeId: E,
-            x: T.x + T.width - 4,
-            y: T.y - 8,
-            badge: P.badge
+        if (L.value, !t.editor.api.value) return [];
+        const y = t.editor.flowModel.value, x = t.editor.api.value.overlay, c = [];
+        for (const [I, P] of Object.entries(y.nodes)) {
+          const _ = t.editor._pluginManager.collectNodeDecorations(P);
+          if (!_?.badge) continue;
+          const $ = x.getNodeScreenRect(I);
+          $ && c.push({
+            nodeId: I,
+            x: $.x + $.width - 4,
+            y: $.y - 8,
+            badge: _.badge
           });
         }
-        return u;
+        return c;
       }
-    ), _ = H(() => ({
+    ), q = F(() => ({
       showDebug: !1,
       showDelete: !0,
       showCopy: !0,
@@ -1700,229 +1736,235 @@ const Tt = { class: "flow-canvas-node-actions__bar" }, Rt = /* @__PURE__ */ ce({
       showDisconnect: !0,
       insertGap: 100,
       ...t.nodeActions
-    })), j = H(() => {
-      C.value;
-      const v = b.value;
-      if (!v || m.value || !t.editor.api.value || t.editor.mode.value !== "edit") return null;
-      const h = t.editor.flowModel.value, u = h.nodes[v];
-      if (!u) return null;
-      const E = t.editor.api.value.overlay.getNodeScreenRect(v);
-      if (!E) return null;
-      const P = t.editor.schema.nodeTypes[u.type]?.getBehavior?.(u, {
+    })), Y = F(() => {
+      L.value;
+      const y = v.value;
+      if (!y || f.value || !t.editor.api.value || t.editor.mode.value !== "edit") return null;
+      const x = t.editor.flowModel.value, c = x.nodes[y];
+      if (!c) return null;
+      const I = t.editor.api.value.overlay.getNodeScreenRect(y);
+      if (!I) return null;
+      const _ = t.editor.schema.nodeTypes[c.type]?.getBehavior?.(c, {
         api: t.editor.api.value,
-        flowModel: h,
+        flowModel: x,
         history: t.editor.history,
         mode: t.editor.mode.value
       }) ?? {};
-      return P.showActions === !1 ? null : {
-        node: u,
-        position: { x: E.x + E.width, y: E.y + E.height + 4 },
-        behavior: P
+      return _.showActions === !1 ? null : {
+        node: c,
+        position: { x: I.x + I.width, y: I.y + I.height + 4 },
+        behavior: _
       };
-    }), G = H(() => ({
-      enabled: !0,
-      tooltipText: "",
-      portGroup: "right",
-      ...t.quickAdd
-    })), q = H(() => {
-      if (C.value, !G.value.enabled) return null;
-      const v = k.value;
-      if (!v || m.value || !t.editor.api.value || t.editor.mode.value !== "edit") return null;
-      const h = t.editor.flowModel.value, u = h.nodes[v];
-      if (!u) return null;
-      const D = t.editor.schema.nodeTypes[u.type]?.getBehavior?.(u, {
+    }), H = F(
+      () => ({
+        enabled: !0,
+        tooltipText: "",
+        portGroup: "right",
+        ...t.quickAdd
+      })
+    ), Q = F(() => {
+      if (L.value, !H.value.enabled) return null;
+      const y = w.value;
+      if (!y || f.value || !t.editor.api.value || t.editor.mode.value !== "edit") return null;
+      const x = t.editor.flowModel.value, c = x.nodes[y];
+      if (!c) return null;
+      const P = t.editor.schema.nodeTypes[c.type]?.getBehavior?.(c, {
         api: t.editor.api.value,
-        flowModel: h,
+        flowModel: x,
         history: t.editor.history,
         mode: t.editor.mode.value
       }) ?? {};
-      if (D.quickAddEnabled === !1) return null;
-      const P = te(u);
-      return P ? {
-        node: u,
-        portId: P.portId,
-        portGroup: P.portGroup,
-        portPosition: P.portPosition,
-        behavior: D
+      if (P.quickAddEnabled === !1) return null;
+      const _ = te(c);
+      return _ ? {
+        node: c,
+        portId: _.portId,
+        portGroup: _.portGroup,
+        portPosition: _.portPosition,
+        behavior: P
       } : null;
-    }), X = L();
-    function ye(v) {
-      const h = q.value;
-      h && o("ui-event", {
+    }), de = O();
+    function re(y) {
+      N.value = !0;
+      const x = Q.value;
+      x && o("ui-event", {
         type: "node.quick-add",
-        nodeId: v,
-        position: h.portPosition
+        nodeId: y,
+        position: x.portPosition
       });
     }
-    function se(v) {
-      const h = t.editor.api.value;
-      if (!h) return;
-      const E = t.editor.flowModel.value.nodes[v];
-      if (!E) return;
-      const D = te(E);
-      D && h.startConnection(v, D.portId);
-    }
-    function ae(v, h) {
-      const u = t.editor.api.value;
-      if (!u) return;
-      const E = h.id || $(), D = { ...h, id: E }, P = t.editor.flowModel.value.nodes[v];
-      if (!P) return;
-      u.insertNodeToRight(v, D, {
+    function ce() {
+      N.value = !1;
+    }
+    function ue(y) {
+      const x = t.editor.api.value;
+      if (!x) return;
+      const I = t.editor.flowModel.value.nodes[y];
+      if (!I) return;
+      const P = te(I);
+      P && x.startConnection(y, P.portId);
+    }
+    function Ie(y, x) {
+      const c = t.editor.api.value;
+      if (!c) return;
+      const I = x.id || t.editor.idGenerator("node"), P = { ...x, id: I }, _ = t.editor.flowModel.value.nodes[y];
+      if (!_) return;
+      c.insertNodeToRight(y, P, {
         autoWireEdges: !0,
-        direction: fe(P),
-        gap: _.value.insertGap,
+        direction: ye(_),
+        gap: q.value.insertGap,
         source: "user:quick-add",
         label: "快捷插入节点"
-      }).status === "applied" && o("ui-event", { type: "node.action.quick-insert", sourceNodeId: v, newNodeId: E }), X.value?.closePopover();
+      }).status === "applied" && o("ui-event", { type: "node.action.quick-insert", sourceNodeId: y, newNodeId: I }), de.value?.closePopover();
     }
-    function ie(v) {
+    function se(y) {
       return {
-        id: $(),
-        type: v.type,
-        label: v.label,
-        ports: v.ports ? JSON.parse(JSON.stringify(v.ports)) : void 0,
-        payload: v.payload ? JSON.parse(JSON.stringify(v.payload)) : void 0,
-        extensions: v.extensions ? JSON.parse(JSON.stringify(v.extensions)) : void 0
+        id: t.editor.idGenerator("node"),
+        type: y.type,
+        label: y.label,
+        ports: y.ports ? JSON.parse(JSON.stringify(y.ports)) : void 0,
+        payload: y.payload ? JSON.parse(JSON.stringify(y.payload)) : void 0,
+        extensions: y.extensions ? JSON.parse(JSON.stringify(y.extensions)) : void 0
       };
     }
-    function xe(v, h) {
-      const u = t.editor, E = u.api.value;
-      switch (v) {
+    function Me(y, x) {
+      const c = t.editor, I = c.api.value;
+      switch (y) {
         case "delete": {
-          u.executeCommand({
-            id: $(),
+          c.executeCommand({
+            id: W(),
             source: "user:toolbar",
             label: "删除节点",
             timestamp: Date.now(),
-            commands: [{ type: "node.remove", nodeId: h }]
-          }), o("ui-event", { type: "node.action.delete", nodeId: h }), b.value = null;
+            commands: [{ type: "node.remove", nodeId: x }]
+          }), o("ui-event", { type: "node.action.delete", nodeId: x }), v.value = null;
           break;
         }
         case "copy": {
-          if (!E) break;
-          const D = u.flowModel.value.nodes[h];
-          if (!D) break;
-          const P = ie(D);
-          E.insertNodeToRight(h, P, {
+          if (!I) break;
+          const P = c.flowModel.value.nodes[x];
+          if (!P) break;
+          const _ = se(P);
+          I.insertNodeToRight(x, _, {
             autoWireEdges: !1,
-            gap: _.value.insertGap,
+            gap: q.value.insertGap,
             label: "复制节点"
-          }), o("ui-event", { type: "node.action.copy", sourceNodeId: h, newNodeId: P.id });
+          }), o("ui-event", { type: "node.action.copy", sourceNodeId: x, newNodeId: _.id });
           break;
         }
         case "copy-insert": {
-          if (!E) break;
-          const D = u.flowModel.value.nodes[h];
-          if (!D) break;
-          const P = ie(D);
-          E.insertNodeToRight(h, P, {
+          if (!I) break;
+          const P = c.flowModel.value.nodes[x];
+          if (!P) break;
+          const _ = se(P);
+          I.insertNodeToRight(x, _, {
             autoWireEdges: !0,
-            gap: _.value.insertGap,
+            gap: q.value.insertGap,
             label: "复制并插入节点"
-          }), o("ui-event", { type: "node.action.copy-insert", sourceNodeId: h, newNodeId: P.id });
+          }), o("ui-event", { type: "node.action.copy-insert", sourceNodeId: x, newNodeId: _.id });
           break;
         }
         case "disconnect": {
-          const D = u.flowModel.value, P = Object.entries(D.edges).filter(([, T]) => {
-            const W = T;
-            return W.source.nodeId === h || W.target.nodeId === h;
-          }).map(([T]) => T);
-          if (P.length === 0) break;
-          u.executeCommand({
-            id: $(),
+          const P = c.flowModel.value, _ = Object.entries(P.edges).filter(([, $]) => {
+            const J = $;
+            return J.source.nodeId === x || J.target.nodeId === x;
+          }).map(([$]) => $);
+          if (_.length === 0) break;
+          c.executeCommand({
+            id: W(),
             source: "user:toolbar",
             label: "断开连线",
             timestamp: Date.now(),
-            commands: P.map((T) => ({ type: "edge.remove", edgeId: T }))
-          }), o("ui-event", { type: "node.action.disconnect", nodeId: h, edgeIds: P });
+            commands: _.map(($) => ({ type: "edge.remove", edgeId: $ }))
+          }), o("ui-event", { type: "node.action.disconnect", nodeId: x, edgeIds: _ });
           break;
         }
         case "debug": {
-          o("ui-event", { type: "node.action.debug", nodeId: h });
+          o("ui-event", { type: "node.action.debug", nodeId: x });
           break;
         }
       }
     }
-    function J(v) {
-      if (!G.value.enabled || t.editor.mode.value !== "edit") return !1;
-      const h = t.editor.flowModel.value, u = h.nodes[v];
-      return !u || (t.editor.schema.nodeTypes[u.type]?.getBehavior?.(u, {
+    function ie(y) {
+      if (!H.value.enabled || t.editor.mode.value !== "edit") return !1;
+      const x = t.editor.flowModel.value, c = x.nodes[y];
+      return !c || (t.editor.schema.nodeTypes[c.type]?.getBehavior?.(c, {
         api: t.editor.api.value,
-        flowModel: h,
+        flowModel: x,
         history: t.editor.history,
         mode: t.editor.mode.value
-      }) ?? {}).quickAddEnabled === !1 ? !1 : !!te(u);
+      }) ?? {}).quickAddEnabled === !1 ? !1 : !!te(c);
     }
-    function ke(v) {
-      const h = t.editor.schema.nodeTypes[v.type];
-      return Be(v, h?.getPorts);
+    function $e(y) {
+      const x = t.editor.schema.nodeTypes[y.type];
+      return Fe(y, x?.getPorts);
     }
-    function ee(v) {
-      return v === "top" || v === "right" || v === "bottom" || v === "left";
+    function ae(y) {
+      return y === "top" || y === "right" || y === "bottom" || y === "left";
     }
-    function De(v, h) {
-      const u = G.value.getPort?.(v, h);
-      if (!u) return null;
-      const E = typeof u == "string" ? u : u.id;
-      return h.find((D) => D.id === E) ?? null;
+    function Z(y, x) {
+      const c = H.value.getPort?.(y, x);
+      if (!c) return null;
+      const I = typeof c == "string" ? c : c.id;
+      return x.find((P) => P.id === I) ?? null;
     }
-    function le(v, h) {
-      const u = t.editor.api.value?.overlay.getNodeScreenRect(v);
-      if (!u) return null;
-      switch (h) {
+    function we(y, x) {
+      const c = t.editor.api.value?.overlay.getNodeScreenRect(y);
+      if (!c) return null;
+      switch (x) {
         case "top":
-          return { x: u.x + u.width / 2, y: u.y };
+          return { x: c.x + c.width / 2, y: c.y };
         case "bottom":
-          return { x: u.x + u.width / 2, y: u.y + u.height };
+          return { x: c.x + c.width / 2, y: c.y + c.height };
         case "left":
-          return { x: u.x, y: u.y + u.height / 2 };
+          return { x: c.x, y: c.y + c.height / 2 };
         case "right":
-          return { x: u.x + u.width, y: u.y + u.height / 2 };
+          return { x: c.x + c.width, y: c.y + c.height / 2 };
         default:
           return null;
       }
     }
-    function V(v, h, u) {
-      const E = r.getCellById(v);
-      if (E?.isNode()) {
-        const D = E, P = r.findViewByCell(D), T = P?.findPortElem(h, "circle") ?? P?.findPortElem(h);
-        if (T) {
-          const W = r.container.getBoundingClientRect(), re = T.getBoundingClientRect();
+    function ve(y, x, c) {
+      const I = i.getCellById(y);
+      if (I?.isNode()) {
+        const P = I, _ = i.findViewByCell(P), $ = _?.findPortElem(x, "circle") ?? _?.findPortElem(x);
+        if ($) {
+          const J = i.container.getBoundingClientRect(), le = $.getBoundingClientRect();
           return {
-            x: re.left - W.left + re.width / 2,
-            y: re.top - W.top + re.height / 2
+            x: le.left - J.left + le.width / 2,
+            y: le.top - J.top + le.height / 2
           };
         }
       }
-      return le(v, u);
-    }
-    function te(v) {
-      const h = ke(v), u = De(v, h) ?? h.find((D) => D.group === G.value.portGroup) ?? null;
-      if (!u) return null;
-      const E = V(v.id, u.id, u.group);
-      return E ? {
-        portId: u.id,
-        portGroup: u.group,
-        portPosition: E
+      return we(y, c);
+    }
+    function te(y) {
+      const x = $e(y), c = Z(y, x) ?? x.find((P) => P.group === H.value.portGroup) ?? null;
+      if (!c) return null;
+      const I = ve(y.id, c.id, c.group);
+      return I ? {
+        portId: c.id,
+        portGroup: c.group,
+        portPosition: I
       } : null;
     }
-    function fe(v) {
-      const h = te(v), u = G.value.insertDirection;
-      if (typeof u == "function") {
-        const E = u(
-          v,
-          h ? { id: h.portId, group: h.portGroup } : null
+    function ye(y) {
+      const x = te(y), c = H.value.insertDirection;
+      if (typeof c == "function") {
+        const I = c(
+          y,
+          x ? { id: x.portId, group: x.portGroup } : null
         );
-        if (E) return E;
-      } else if (u)
-        return u;
-      return h && ee(h.portGroup) ? h.portGroup : ee(G.value.portGroup) ? G.value.portGroup : "right";
+        if (I) return I;
+      } else if (c)
+        return c;
+      return x && ae(x.portGroup) ? x.portGroup : ae(H.value.portGroup) ? H.value.portGroup : "right";
     }
-    function oe(v) {
+    function Ne(y) {
       if (t.editor.mode.value !== "edit") return;
-      t.editor._pluginManager.dispatchKeyboardShortcut(v) && (v.preventDefault(), v.stopPropagation());
+      t.editor._pluginManager.dispatchKeyboardShortcut(y) && (y.preventDefault(), y.stopPropagation());
     }
-    function pe() {
+    function xe() {
       return {
         refX: 0,
         children: [
@@ -1943,8 +1985,8 @@ const Tt = { class: "flow-canvas-node-actions__bar" }, Rt = /* @__PURE__ */ ce({
         ]
       };
     }
-    function Pe(v) {
-      const h = t.editor.schema.defaultEdgeType ?? "default", u = t.editor.schema.edgeTypes?.[h], E = {
+    function K(y) {
+      const x = t.editor.schema.defaultEdgeType ?? "default", c = t.editor.schema.edgeTypes?.[x], I = {
         zIndex: -1,
         attrs: {
           line: {
@@ -1954,37 +1996,41 @@ const Tt = { class: "flow-canvas-node-actions__bar" }, Rt = /* @__PURE__ */ ce({
           }
         }
       };
-      u?.router && (E.router = typeof u.router == "string" ? { name: u.router } : u.router), u?.connector && (E.connector = typeof u.connector == "string" ? { name: u.connector } : u.connector), u?.x6EdgeConfig && Object.assign(E, u.x6EdgeConfig);
-      const D = E.attrs ?? {}, P = D.line ?? {};
-      return E.attrs = {
-        ...D,
+      c?.router && (I.router = typeof c.router == "string" ? { name: c.router } : c.router), c?.connector && (I.connector = typeof c.connector == "string" ? { name: c.connector } : c.connector), c?.x6EdgeConfig && Object.assign(I, c.x6EdgeConfig);
+      const P = I.attrs ?? {}, _ = P.line ?? {};
+      return I.attrs = {
+        ...P,
         line: {
-          ...P,
-          targetMarker: pe()
+          ..._,
+          targetMarker: xe()
         }
-      }, v.createEdge(E);
+      }, y.createEdge(I);
     }
-    return Je(() => {
-      if (!i.value) return;
-      const v = /* @__PURE__ */ new Set(["model", "container"]), h = {};
+    return at(() => {
+      if (!r.value) return;
+      const y = /* @__PURE__ */ new Set(["model", "container"]), x = {};
       if (t.graphOptions)
-        for (const [y, M] of Object.entries(t.graphOptions)) {
-          if (v.has(y)) {
-            console.warn(`[flow-canvas] graphOptions.${y} is managed by the engine and will be ignored`);
+        for (const [u, k] of Object.entries(t.graphOptions)) {
+          if (y.has(u)) {
+            console.warn(`[flow-canvas] graphOptions.${u} is managed by the engine and will be ignored`);
             continue;
           }
-          h[y] = M;
+          x[u] = k;
         }
-      r = new nt({
-        container: i.value,
+      i = new ut({
+        container: r.value,
         autoResize: !0,
         background: { color: "#edf2fc" },
         grid: { visible: !0, size: 20, type: "dot" },
+        highlighting: {
+          // 连接吸附到 port 时不再叠加 X6 默认橙色高亮，由业务层自行控制端口视觉。
+          magnetAdsorbed: { name: "className", args: { className: "flow-canvas-magnet-adsorbed" } }
+        },
         panning: { enabled: !0 },
         mousewheel: { enabled: !0, modifiers: ["ctrl", "meta"] },
         interacting: {
-          nodeMovable(y) {
-            return y.cell.getProp("draggable") !== !1;
+          nodeMovable(u) {
+            return u.cell.getProp("draggable") !== !1;
           }
         },
         connecting: {
@@ -1998,16 +2044,16 @@ const Tt = { class: "flow-canvas-node-actions__bar" }, Rt = /* @__PURE__ */ ce({
           connectionPoint: "anchor",
           snap: { radius: 30 },
           createEdge() {
-            return Pe(this);
+            return K(this);
           }
         },
-        ...h
-      }), a = new It(), l = new Ct(
-        r,
+        ...x
+      }), a = new Tt(), l = new At(
+        i,
         t.editor.schema,
         a,
-        (y) => t.editor._pluginManager.collectNodeDecorations(y),
-        (y) => t.editor._pluginManager.collectEdgeDecorations(y),
+        (u) => t.editor._pluginManager.collectNodeDecorations(u),
+        (u) => t.editor._pluginManager.collectEdgeDecorations(u),
         () => t.editor.api.value ? {
           api: t.editor.api.value,
           flowModel: t.editor.flowModel.value,
@@ -2015,263 +2061,313 @@ const Tt = { class: "flow-canvas-node-actions__bar" }, Rt = /* @__PURE__ */ ce({
           mode: t.editor.mode.value
         } : null
       );
-      const u = Nt(r), E = Dt({
-        graph: r,
-        overlayManager: u,
-        executeCommand: (y) => t.editor.executeCommand(y),
+      const c = $t(i), I = Bt({
+        graph: i,
+        overlayManager: c,
+        executeCommand: (u) => t.editor.executeCommand(u),
         schema: t.editor.schema,
         flowModel: t.editor.flowModel,
+        idGenerator: t.editor.idGenerator,
         defaultInsertGap: t.nodeActions?.insertGap,
-        getContextMenuItems: (y) => t.editor._pluginManager.collectContextMenuItems(y),
-        onHighlightChange: (y, M) => {
-          l.setHighlightedNodes(y), l.setHighlightedEdges(M), l.refreshNodeHighlights(), l.refreshEdgeStyles();
+        getContextMenuItems: (u) => t.editor._pluginManager.collectContextMenuItems(u),
+        onHighlightChange: (u, k) => {
+          l.setHighlightedNodes(u), l.setHighlightedEdges(k), l.refreshNodeHighlights(), l.refreshEdgeStyles();
         },
-        resolveNodeShape: (y) => {
-          const M = t.editor.schema.nodeTypes[y];
-          if (!M) return null;
-          const B = a.registerNodeType(y, M.component), ne = M.getSize({ id: "", type: y, position: { x: 0, y: 0 } });
-          return { shapeName: B, width: ne.width, height: ne.height };
+        resolveNodeShape: (u) => {
+          const k = t.editor.schema.nodeTypes[u];
+          if (!k) return null;
+          const A = a.registerNodeType(u, k.component), V = k.getSize({ id: "", type: u, position: { x: 0, y: 0 } });
+          return { shapeName: A, width: V.width, height: V.height };
         }
       });
-      t.editor.api.value = E;
-      const D = {
+      t.editor.api.value = I;
+      const P = {
         flowModel: t.editor.flowModel,
         history: t.editor.history,
         schema: t.editor.schema,
         mode: t.editor.mode,
+        idGenerator: t.editor.idGenerator,
         executeCommand: t.editor.executeCommand,
-        api: E,
-        overlay: u,
-        graph: r
+        api: I,
+        overlay: c,
+        graph: i
       };
-      t.editor._pluginManager.attachRuntime(D);
-      const P = t.editor._pluginManager.collectExtendedApi();
-      Object.assign(t.editor.extendedApi, P), f = new Mt(
-        r,
-        (y) => {
-          (y.type === "node.click" || y.type === "node.dblclick" || y.type === "node.contextmenu") && d.enter(y.nodeId), t.editor._pluginManager.dispatchUiEvent(y), o("ui-event", y);
+      t.editor._pluginManager.attachRuntime(P);
+      const _ = t.editor._pluginManager.collectExtendedApi();
+      Object.assign(t.editor.extendedApi, _), g = new Rt(
+        i,
+        (u) => {
+          (u.type === "node.click" || u.type === "node.dblclick" || u.type === "node.contextmenu") && d.enter(u.nodeId), t.editor._pluginManager.dispatchUiEvent(u), o("ui-event", u);
         },
-        (y) => {
+        (u) => {
           if (l.isSyncing) return;
-          if (t.editor.executeCommand(y).status !== "applied") {
-            for (const B of y.commands)
-              if (B.type === "edge.add") {
-                const ne = r.getCellById(B.edge.id);
-                ne && r.removeCell(ne);
+          if (t.editor.executeCommand(u).status !== "applied") {
+            for (const A of u.commands)
+              if (A.type === "edge.add") {
+                const V = i.getCellById(A.edge.id);
+                V && i.removeCell(V);
               }
           }
         },
-        t.editor.flowModel
-      ), Z = _t(r);
-      const T = At(r), W = r, re = (y) => {
-        const M = W.isRubberbandEnabled?.() ?? !1;
-        M && W.disableRubberband?.(), y ? r.enablePanning() : r.disablePanning(), M && W.enableRubberband?.();
-      }, _e = () => {
-        C.value++;
+        t.editor.flowModel,
+        t.editor.idGenerator
+      ), G = Gt(i);
+      const $ = zt(i), J = i, le = (u) => {
+        const k = J.isRubberbandEnabled?.() ?? !1;
+        k && J.disableRubberband?.(), u ? i.enablePanning() : i.disablePanning(), k && J.enableRubberband?.();
+      }, Le = () => {
+        L.value++;
       };
-      r.on("translate", _e), r.on("scale", _e), r.on("resize", _e), r.on("node:move", () => {
-        m.value = !0;
-      }), r.on("node:moved", () => {
-        m.value = !1;
-      }), r.on("node:mouseenter", ({ node: y }) => {
-        d.enter(y.id), G.value.enabled && x(y.id) || T.showNodePorts(y);
-      }), r.on("node:mouseleave", ({ node: y }) => {
-        const M = t.editor.flowModel.value.nodes[y.id];
-        let B = 100;
-        M && t.editor.api.value && t.editor.schema.nodeTypes[M.type]?.getBehavior?.(M, {
+      i.on("translate", Le), i.on("scale", Le), i.on("resize", Le), i.on("node:move", ({ node: u }) => {
+        f.value = !0;
+        const k = t.editor.flowModel.value.nodes[u.id];
+        k && t.editor.api.value && t.editor.schema.nodeTypes[k.type]?.getBehavior?.(k, {
+          api: t.editor.api.value,
+          flowModel: t.editor.flowModel.value,
+          history: t.editor.history,
+          mode: t.editor.mode.value
+        })?.bringToFrontOnDrag === !1 || u.toFront?.();
+      }), i.on("node:moved", () => {
+        f.value = !1;
+      }), i.on("node:mouseenter", ({ node: u }) => {
+        d.enter(u.id);
+        const k = t.editor.flowModel.value.nodes[u.id];
+        if (k && t.editor.api.value && t.editor.schema.nodeTypes[k.type]?.getBehavior?.(k, {
           api: t.editor.api.value,
           flowModel: t.editor.flowModel.value,
           history: t.editor.history,
           mode: t.editor.mode.value
-        })?.actionsOffset && (B = 300), d.leave(B), G.value.enabled && k.value === y.id ? A() : T.hideNodePorts(y);
+        })?.showPorts === !1) {
+          H.value.enabled && D(u.id);
+          return;
+        }
+        H.value.enabled && D(u.id) || $.showNodePorts(u);
+      }), i.on("node:mouseleave", ({ node: u }) => {
+        const k = t.editor.flowModel.value.nodes[u.id];
+        let A = 100;
+        k && t.editor.api.value && t.editor.schema.nodeTypes[k.type]?.getBehavior?.(k, {
+          api: t.editor.api.value,
+          flowModel: t.editor.flowModel.value,
+          history: t.editor.history,
+          mode: t.editor.mode.value
+        })?.actionsOffset && (A = 300), d.leave(A), H.value.enabled ? w.value === u.id && !N.value ? z() : w.value !== u.id && $.hideNodePorts(u) : $.hideNodePorts(u);
       });
-      function Xe(y) {
-        const M = r.getCellById(y);
-        if (!M?.isNode()) return;
-        const B = M, ne = t.editor.flowModel.value.nodes[y];
-        if (!ne) return;
-        const Ae = te(ne), Ke = !m.value && !!Ae && J(y);
-        for (const Le of B.getPorts()) {
-          const Ye = Ke && Le.id === Ae?.portId ? "hidden" : "visible";
-          B.setPortProp(Le.id, "attrs/circle/visibility", Ye);
+      function st(u) {
+        const k = i.getCellById(u);
+        if (!k?.isNode()) return;
+        const A = k, V = t.editor.flowModel.value.nodes[u];
+        if (!V) return;
+        const Be = te(V);
+        let qe = !0;
+        t.editor.api.value && t.editor.schema.nodeTypes[V.type]?.getBehavior?.(V, {
+          api: t.editor.api.value,
+          flowModel: t.editor.flowModel.value,
+          history: t.editor.history,
+          mode: t.editor.mode.value
+        })?.hidePortForQuickAdd === !1 && (qe = !1);
+        const it = qe && !f.value && !!Be && ie(u);
+        for (const Oe of A.getPorts()) {
+          const Ue = it && Oe.id === Be?.portId ? "hidden" : "visible";
+          A.setPortProp(Oe.id, "attrs/circle/visibility", Ue);
         }
       }
-      ge(
-        [k, m],
-        ([y], [M]) => {
-          if (M && M !== y) {
-            const B = r.getCellById(M);
-            B?.isNode() && T.hideNodePorts(B);
+      fe(
+        [w, f],
+        ([u], [k]) => {
+          if (k && k !== u) {
+            const A = i.getCellById(k);
+            A?.isNode() && $.hideNodePorts(A);
           }
-          y && Xe(y);
+          u && st(u);
         },
         { flush: "sync" }
-      ), r.on("edge:added", ({ edge: y }) => {
-        T.handleEdgeAdded(y);
-      }), r.on("edge:connected", () => {
-        T.handleEdgeConnected();
-      }), r.on("edge:removed", ({ edge: y }) => {
-        T.handleEdgeRemoved(y.id), Z.handleEdgeRemoved(y.id);
-      }), r.on("selection:changed", () => {
-        const y = r.getSelectedCells?.() ?? [], M = {
-          nodeIds: y.filter((B) => B.isNode()).map((B) => B.id),
-          edgeIds: y.filter((B) => B.isEdge()).map((B) => B.id)
+      ), fe(Q, (u) => {
+        u || (N.value = !1);
+      }), i.on("edge:added", ({ edge: u }) => {
+        let k;
+        if (t.getConnectionExcludedNodeIds && !u.getTargetCell()) {
+          const A = u.getSourceCell();
+          if (A) {
+            const V = t.getConnectionExcludedNodeIds(A.id);
+            k = V instanceof Set ? V : new Set(V);
+          }
+        }
+        $.handleEdgeAdded(u, k);
+      }), i.on("edge:connected", () => {
+        $.handleEdgeConnected();
+      }), i.on("edge:removed", ({ edge: u }) => {
+        $.handleEdgeRemoved(u.id), G.handleEdgeRemoved(u.id);
+      }), i.on("selection:changed", () => {
+        const u = i.getSelectedCells?.() ?? [], k = {
+          nodeIds: u.filter((A) => A.isNode()).map((A) => A.id),
+          edgeIds: u.filter((A) => A.isEdge()).map((A) => A.id)
         };
-        t.editor._pluginManager.dispatchSelectionChange(M), o("ui-event", {
+        t.editor._pluginManager.dispatchSelectionChange(k), o("ui-event", {
           type: "selection.change",
-          nodeIds: M.nodeIds,
-          edgeIds: M.edgeIds
+          nodeIds: k.nodeIds,
+          edgeIds: k.edgeIds
         }), l.refreshEdgeStyles();
-      }), r.on("edge:mouseenter", ({ edge: y, e: M }) => {
-        l.setHoveredEdge(y.id), l.refreshEdgeStyles(), t.editor.mode.value === "edit" && T.canShowEdgeTool() && Z.show(y.id, M);
-      }), p = (y) => Z.move(y), r.container.addEventListener("mousemove", p), r.on("edge:mouseleave", () => {
-        l.setHoveredEdge(null), l.refreshEdgeStyles(), Z.remove();
-      }), r.on("edge:click", ({ edge: y, e: M }) => {
-        M.target?.closest?.(".flow-canvas-edge-delete-tool") && t.editor.mode.value === "edit" && (Z.remove(), t.editor.executeCommand({
-          id: $(),
+      }), i.on("edge:mouseenter", ({ edge: u, e: k }) => {
+        l.setHoveredEdge(u.id), l.refreshEdgeStyles(), t.editor.mode.value === "edit" && $.canShowEdgeTool() && G.show(u.id, k);
+      }), T = (u) => G.move(u), i.container.addEventListener("mousemove", T), h = (u) => {
+        if (!v.value && !w.value) return;
+        const k = u.target;
+        if (k?.closest?.(".x6-node") || k?.closest?.(".flow-canvas-node-actions") || k?.closest?.(".flow-canvas-quick-add")) {
+          d.cancelLeave(), X();
+          return;
+        }
+        d.leave(180), N.value || z();
+      }, n.value?.addEventListener("mousemove", h), b = () => {
+        d.reset(), N.value || (w.value = null);
+      }, n.value?.addEventListener("mouseleave", b), i.on("edge:mouseleave", () => {
+        l.setHoveredEdge(null), l.refreshEdgeStyles(), G.remove();
+      }), i.on("edge:click", ({ edge: u, e: k }) => {
+        k.target?.closest?.(".flow-canvas-edge-delete-tool") && t.editor.mode.value === "edit" && (G.remove(), t.editor.executeCommand({
+          id: W(),
           source: "user:toolbar",
           label: "删除连线",
           timestamp: Date.now(),
-          commands: [{ type: "edge.remove", edgeId: y.id }]
+          commands: [{ type: "edge.remove", edgeId: u.id }]
         }));
-      }), n.value?.addEventListener("keydown", oe), l.syncFlowModel(t.editor.flowModel.value), ge(
+      }), n.value?.addEventListener("keydown", Ne), l.syncFlowModel(t.editor.flowModel.value), fe(
         () => t.editor.flowModel.value,
-        (y) => l.syncFlowModel(y)
-      ), ge(
+        (u) => l.syncFlowModel(u)
+      ), fe(
         () => t.editor.selectionMode.value,
-        (y) => {
-          if (c?.(), c = null, y) {
-            re(!1), W.enableRubberband?.();
-            const M = () => {
-              r.container.removeEventListener("mouseup", M), c = null, setTimeout(() => {
+        (u) => {
+          if (C?.(), C = null, u) {
+            le(!1), J.enableRubberband?.();
+            const k = () => {
+              i.container.removeEventListener("mouseup", k), C = null, setTimeout(() => {
                 t.editor.selectionMode.value && t.editor.setSelectionMode(!1);
               }, 50);
             };
-            r.container.addEventListener("mouseup", M), c = () => r.container.removeEventListener("mouseup", M);
+            i.container.addEventListener("mouseup", k), C = () => i.container.removeEventListener("mouseup", k);
           } else
-            W.disableRubberband?.(), re(!0);
+            J.disableRubberband?.(), le(!0);
         }
-      ), ge(
+      ), fe(
         () => t.editor.mode.value,
-        (y) => {
-          const M = y === "edit";
-          re(!0), M ? W.enableSelection?.() : W.disableSelection?.();
+        (u) => {
+          const k = u === "edit";
+          le(!0), k ? J.enableSelection?.() : J.disableSelection?.();
         }
       );
-    }), Re(() => {
-      d.cleanup(), w && clearTimeout(w), Z?.remove(), c?.(), p && r?.container?.removeEventListener("mousemove", p), n.value?.removeEventListener("keydown", oe), t.editor._pluginManager.detachRuntime(), t.editor.api.value = null;
-      for (const v of Object.keys(t.editor.extendedApi))
-        delete t.editor.extendedApi[v];
-      f?.dispose(), l?.dispose(), a?.dispose(), r?.dispose();
-    }), (v, h) => (I(), N("div", {
+    }), ze(() => {
+      d.cleanup(), m && clearTimeout(m), G?.remove(), C?.(), T && i?.container?.removeEventListener("mousemove", T), h && n.value?.removeEventListener("mousemove", h), b && n.value?.removeEventListener("mouseleave", b), n.value?.removeEventListener("keydown", Ne), t.editor._pluginManager.detachRuntime(), t.editor.api.value = null;
+      for (const y of Object.keys(t.editor.extendedApi))
+        delete t.editor.extendedApi[y];
+      g?.dispose(), l?.dispose(), a?.dispose(), i?.dispose();
+    }), (y, x) => (M(), S("div", {
       ref_key: "rootRef",
       ref: n,
       class: "flow-canvas-runtime-core",
       tabindex: "0"
     }, [
-      R("div", {
+      B("div", {
         ref_key: "containerRef",
-        ref: i,
+        ref: r,
         class: "flow-canvas-runtime-core__graph"
       }, null, 512),
-      R("div", jt, [
-        (I(!0), N(de, null, Ee(z.value, (u) => (I(), N("div", {
-          key: `badge-${u.nodeId}`,
+      B("div", Qt, [
+        (M(!0), S(pe, null, Pe(R.value, (c) => (M(), S("div", {
+          key: `badge-${c.nodeId}`,
           class: "flow-canvas-runtime-core__badge",
-          style: Ie({ left: `${u.x}px`, top: `${u.y}px`, backgroundColor: u.badge.color })
-        }, he(u.badge.text), 5))), 128)),
-        q.value ? (I(), Ce(zt, {
+          style: _e({ left: `${c.x}px`, top: `${c.y}px`, backgroundColor: c.badge.color })
+        }, me(c.badge.text), 5))), 128)),
+        Q.value ? (M(), De(Wt, {
           key: 0,
           ref_key: "quickAddPopoverRef",
-          ref: X,
-          node: q.value.node,
-          "port-position": q.value.portPosition,
-          "tooltip-text": G.value.tooltipText,
-          onOpen: ye,
-          onStartDrag: se,
-          onMouseenter: O,
-          onMouseleave: K
+          ref: de,
+          node: Q.value.node,
+          "port-position": Q.value.portPosition,
+          "tooltip-text": H.value.tooltipText,
+          onOpen: re,
+          onClose: ce,
+          onStartDrag: ue,
+          onMouseenter: j,
+          onMouseleave: oe
         }, {
-          default: $e(() => [
-            me(v.$slots, "quick-add-panel", {
-              node: q.value.node,
+          default: je(() => [
+            ke(y.$slots, "quick-add-panel", {
+              node: Q.value.node,
               api: s.editor.api.value,
-              insertNodeToRight: (u) => ae(q.value.node.id, u),
-              closePopover: () => X.value?.closePopover()
+              insertNodeToRight: (c) => Ie(Q.value.node.id, c),
+              closePopover: () => de.value?.closePopover()
             }, void 0, !0)
           ]),
           _: 3
-        }, 8, ["node", "port-position", "tooltip-text"])) : F("", !0),
-        j.value ? (I(), Ce($t, {
+        }, 8, ["node", "port-position", "tooltip-text"])) : U("", !0),
+        Y.value ? (M(), De(Ft, {
           key: 1,
-          node: j.value.node,
-          position: j.value.position,
-          config: _.value,
-          behavior: j.value.behavior,
-          "actions-offset": j.value.behavior.actionsOffset,
-          onAction: xe,
-          onMouseenter: et(g),
-          onMouseleave: S
-        }, null, 8, ["node", "position", "config", "behavior", "actions-offset", "onMouseenter"])) : F("", !0)
+          node: Y.value.node,
+          position: Y.value.position,
+          config: q.value,
+          behavior: Y.value.behavior,
+          "actions-offset": Y.value.behavior.actionsOffset,
+          onAction: Me,
+          onMouseenter: lt(p),
+          onMouseleave: E
+        }, null, 8, ["node", "position", "config", "behavior", "actions-offset", "onMouseenter"])) : U("", !0)
       ])
     ], 512));
   }
-}), wo = /* @__PURE__ */ ue(Gt, [["__scopeId", "data-v-7e8e2569"]]), Ht = { class: "flow-canvas-node-palette" }, Ft = ["data-node-type"], qt = { class: "flow-canvas-node-palette__item-label" }, Ut = /* @__PURE__ */ ce({
+}), So = /* @__PURE__ */ he(Xt, [["__scopeId", "data-v-b37732f8"]]), Yt = { class: "flow-canvas-node-palette" }, Kt = ["data-node-type"], Zt = { class: "flow-canvas-node-palette__item-label" }, Jt = /* @__PURE__ */ ge({
   __name: "canvas-node-palette",
   props: {
     editor: {},
     items: {}
   },
   setup(s) {
-    const e = s, t = L(), o = H(() => e.items ? e.items : Object.keys(e.editor.schema.nodeTypes).map((n) => ({
+    const e = s, t = O(), o = F(() => e.items ? e.items : Object.keys(e.editor.schema.nodeTypes).map((n) => ({
       type: n,
       label: n.charAt(0).toUpperCase() + n.slice(1)
     })));
-    return ge(
+    return fe(
       [() => e.editor.api.value, o, t],
-      ([n, i, r], l, a) => {
-        if (!n || !r) return;
-        const f = [];
-        for (const d of i) {
-          const b = r.querySelector(`[data-node-type="${d.type}"]`);
-          if (!b) continue;
-          const m = n.registerDndSource(b, () => ({
-            id: $(),
+      ([n, r, i], l, a) => {
+        if (!n || !i) return;
+        const g = [];
+        for (const d of r) {
+          const v = i.querySelector(`[data-node-type="${d.type}"]`);
+          if (!v) continue;
+          const f = n.registerDndSource(v, () => ({
+            id: W(),
             type: d.type,
             label: d.label,
             position: { x: 0, y: 0 }
           }));
-          f.push(m);
+          g.push(f);
         }
         a(() => {
-          for (const d of f) d();
+          for (const d of g) d();
         });
       },
       { flush: "post" }
-    ), (n, i) => (I(), N("div", Ht, [
-      R("div", {
+    ), (n, r) => (M(), S("div", Yt, [
+      B("div", {
         ref_key: "listRef",
         ref: t,
         class: "flow-canvas-node-palette__list"
       }, [
-        (I(!0), N(de, null, Ee(o.value, (r) => (I(), N("div", {
-          key: r.type,
+        (M(!0), S(pe, null, Pe(o.value, (i) => (M(), S("div", {
+          key: i.type,
           class: "flow-canvas-node-palette__item",
-          "data-node-type": r.type
+          "data-node-type": i.type
         }, [
-          r.icon ? (I(), N("i", {
+          i.icon ? (M(), S("i", {
             key: 0,
-            class: Q([r.icon, "flow-canvas-node-palette__item-icon"])
-          }, null, 2)) : F("", !0),
-          R("span", qt, he(r.label), 1)
-        ], 8, Ft))), 128))
+            class: ee([i.icon, "flow-canvas-node-palette__item-icon"])
+          }, null, 2)) : U("", !0),
+          B("span", Zt, me(i.label), 1)
+        ], 8, Kt))), 128))
       ], 512)
     ]));
   }
-}), Vt = /* @__PURE__ */ ue(Ut, [["__scopeId", "data-v-300314b7"]]), Wt = { class: "flow-canvas-layout" }, Qt = { class: "flow-canvas-layout__main" }, Xt = { class: "flow-canvas-layout__content" }, Kt = {
+}), eo = /* @__PURE__ */ he(Jt, [["__scopeId", "data-v-300314b7"]]), to = { class: "flow-canvas-layout" }, oo = { class: "flow-canvas-layout__main" }, no = { class: "flow-canvas-layout__content" }, so = {
   key: 0,
   class: "flow-canvas-layout__footer"
-}, Yt = /* @__PURE__ */ ce({
+}, io = /* @__PURE__ */ ge({
   __name: "canvas-layout",
   props: {
     sidebarCollapsed: { type: Boolean, default: !1 },
@@ -2283,36 +2379,33 @@ const Tt = { class: "flow-canvas-node-actions__bar" }, Rt = /* @__PURE__ */ ce({
   },
   emits: ["update:sidebarCollapsed"],
   setup(s) {
-    return (e, t) => (I(), N("div", Wt, [
-      !s.hideSidebar && (e.$slots.sidebar || s.editor) ? (I(), N("aside", {
+    return (e, t) => (M(), S("div", to, [
+      !s.hideSidebar && (e.$slots.sidebar || s.editor) ? (M(), S("aside", {
         key: 0,
-        class: Q(["flow-canvas-layout__sidebar", { "is-collapsed": s.sidebarCollapsed }]),
-        style: Ie({ width: s.sidebarCollapsed ? "0px" : `${s.sidebarWidth}px` })
+        class: ee(["flow-canvas-layout__sidebar", { "is-collapsed": s.sidebarCollapsed }]),
+        style: _e({ width: s.sidebarCollapsed ? "0px" : `${s.sidebarWidth}px` })
       }, [
-        me(e.$slots, "sidebar", {}, () => [
-          s.editor ? (I(), Ce(Vt, {
+        ke(e.$slots, "sidebar", {}, () => [
+          s.editor ? (M(), De(eo, {
             key: 0,
             editor: s.editor,
             items: s.paletteItems
-          }, null, 8, ["editor", "items"])) : F("", !0)
+          }, null, 8, ["editor", "items"])) : U("", !0)
         ], !0)
-      ], 6)) : F("", !0),
-      R("div", Qt, [
-        R("div", Xt, [
-          me(e.$slots, "default", {}, void 0, !0)
+      ], 6)) : U("", !0),
+      B("div", oo, [
+        B("div", no, [
+          ke(e.$slots, "default", {}, void 0, !0)
         ]),
-        !s.hideFooter && e.$slots.footer ? (I(), N("div", Kt, [
-          me(e.$slots, "footer", {}, void 0, !0)
-        ])) : F("", !0)
+        !s.hideFooter && e.$slots.footer ? (M(), S("div", so, [
+          ke(e.$slots, "footer", {}, void 0, !0)
+        ])) : U("", !0)
       ])
     ]));
   }
-}), xo = /* @__PURE__ */ ue(Yt, [["__scopeId", "data-v-26f35b6b"]]), Zt = ["undo", "redo"];
-function Jt(s) {
-  const e = new Set(s?.include), t = /* @__PURE__ */ new Set([
-    ...Zt.filter((a) => !e.has(a)),
-    ...s?.exclude ?? []
-  ]), o = [
+}), Do = /* @__PURE__ */ he(io, [["__scopeId", "data-v-26f35b6b"]]), ro = ["undo", "redo"];
+function ao(s) {
+  const e = new Set(s?.include), t = /* @__PURE__ */ new Set([...ro.filter((a) => !e.has(a)), ...s?.exclude ?? []]), o = [
     {
       id: "undo",
       type: "undo",
@@ -2370,7 +2463,7 @@ function Jt(s) {
       description: "导出为图片",
       order: 24
     }
-  ], i = [
+  ], r = [
     {
       id: "zoom-out",
       type: "zoom-out",
@@ -2388,7 +2481,7 @@ function Jt(s) {
       description: "放大画布",
       order: 32
     }
-  ], r = [
+  ], i = [
     {
       id: "reset",
       type: "reset",
@@ -2400,15 +2493,15 @@ function Jt(s) {
   ];
   return [...[...o, ...n].filter(
     (a) => !t.has(a.type)
-  ), ...i, ...r];
+  ), ...r, ...i];
 }
-const eo = { class: "flow-canvas-toolbar" }, to = {
+const lo = { class: "flow-canvas-toolbar" }, co = {
   key: 0,
   class: "flow-canvas-toolbar__separator"
-}, oo = { class: "flow-canvas-toolbar__group" }, no = {
+}, uo = { class: "flow-canvas-toolbar__group" }, fo = {
   key: 0,
   class: "flow-canvas-toolbar__zoom-display"
-}, so = ["data-description", "disabled", "onClick"], io = ["textContent"], ro = /* @__PURE__ */ ce({
+}, po = ["data-description", "disabled", "onClick"], go = ["textContent"], ho = /* @__PURE__ */ ge({
   __name: "canvas-toolbar",
   props: {
     items: {},
@@ -2416,42 +2509,42 @@ const eo = { class: "flow-canvas-toolbar" }, to = {
     editor: {}
   },
   setup(s) {
-    const e = s, t = H(() => e.items ? e.items : Jt({ exclude: e.exclude })), o = L(1);
+    const e = s, t = F(() => e.items ? e.items : ao({ exclude: e.exclude })), o = O(1);
     let n = null;
-    ge(
+    fe(
       () => e.editor.api.value,
-      (g) => {
-        n?.(), n = null, g && (o.value = g.getZoom(), n = g.onGraphEvent("scale", () => {
-          o.value = g.getZoom();
+      (p) => {
+        n?.(), n = null, p && (o.value = p.getZoom(), n = p.onGraphEvent("scale", () => {
+          o.value = p.getZoom();
         }));
       },
       { immediate: !0 }
-    ), Ue(() => {
+    ), et(() => {
       n?.();
     });
-    const i = H(() => `${Math.round(o.value * 100)}%`), r = H(() => e.editor.api.value ? {
+    const r = F(() => `${Math.round(o.value * 100)}%`), i = F(() => e.editor.api.value ? {
       api: e.editor.api.value,
       flowModel: e.editor.flowModel.value,
       history: e.editor.history,
       mode: e.editor.mode.value
     } : null);
-    function l(g) {
-      return g.visible === !1 ? !1 : typeof g.visible == "function" ? r.value ? g.visible(r.value) : !1 : !0;
+    function l(p) {
+      return p.visible === !1 ? !1 : typeof p.visible == "function" ? i.value ? p.visible(i.value) : !1 : !0;
     }
-    function a(g) {
-      return g.type === "select" ? e.editor.selectionMode.value : !1;
+    function a(p) {
+      return p.type === "select" ? e.editor.selectionMode.value : !1;
     }
-    function f(g) {
-      return !r.value || g.disabled === !0 ? !0 : typeof g.disabled == "function" ? g.disabled(r.value) : g.type === "undo" ? !e.editor.history.canUndo.value : g.type === "redo" ? !e.editor.history.canRedo.value : !1;
+    function g(p) {
+      return !i.value || p.disabled === !0 ? !0 : typeof p.disabled == "function" ? p.disabled(i.value) : p.type === "undo" ? !e.editor.history.canUndo.value : p.type === "redo" ? !e.editor.history.canRedo.value : !1;
     }
-    function d(g) {
-      if (!r.value || f(g)) return;
-      if (g.onClick) {
-        g.onClick(r.value);
+    function d(p) {
+      if (!i.value || g(p)) return;
+      if (p.onClick) {
+        p.onClick(i.value);
         return;
       }
-      const { api: S } = r.value;
-      switch (g.type) {
+      const { api: E } = i.value;
+      switch (p.type) {
         case "undo":
           e.editor.history.undo();
           break;
@@ -2459,23 +2552,23 @@ const eo = { class: "flow-canvas-toolbar" }, to = {
           e.editor.history.redo();
           break;
         case "zoom-in":
-          S.zoomIn(), o.value = S.getZoom();
+          E.zoomIn(), o.value = E.getZoom();
           break;
         case "zoom-out":
-          S.zoomOut(), o.value = S.getZoom();
+          E.zoomOut(), o.value = E.getZoom();
           break;
         case "fit":
-          S.zoomToFit();
+          E.zoomToFit();
           break;
         case "reset":
-          S.zoomTo(1), S.scrollToOrigin(), o.value = 1;
+          E.zoomTo(1), E.scrollToOrigin(), o.value = 1;
           break;
         case "export":
-          S.exportAsImage().then((k) => {
-            const w = URL.createObjectURL(k), x = document.createElement("a");
-            x.href = w, x.download = "canvas-export.png", x.click(), URL.revokeObjectURL(w);
-          }).catch((k) => {
-            console.warn("[flow-canvas] Export failed:", k);
+          E.exportAsImage().then((w) => {
+            const N = URL.createObjectURL(w), m = document.createElement("a");
+            m.href = N, m.download = "canvas-export.png", m.click(), URL.revokeObjectURL(N);
+          }).catch((w) => {
+            console.warn("[flow-canvas] Export failed:", w);
           });
           break;
         case "select":
@@ -2484,94 +2577,94 @@ const eo = { class: "flow-canvas-toolbar" }, to = {
         case "search":
         case "auto-layout":
         case "minimap":
-          console.warn(`[flow-canvas] "${g.type}" toolbar item has no built-in handler. Provide an onClick callback.`);
+          console.warn(`[flow-canvas] "${p.type}" toolbar item has no built-in handler. Provide an onClick callback.`);
           break;
         default:
-          g.type !== "custom" && console.warn(`[flow-canvas] No default handler for toolbar type "${g.type}". Provide an onClick handler.`);
+          p.type !== "custom" && console.warn(`[flow-canvas] No default handler for toolbar type "${p.type}". Provide an onClick handler.`);
           break;
       }
     }
-    const b = H(() => t.value.filter(l)), m = H(() => {
-      const g = /* @__PURE__ */ new Map(), S = [];
-      for (const k of b.value) {
-        const w = k.group ?? "default";
-        g.has(w) || (g.set(w, []), S.push(w)), g.get(w).push(k);
+    const v = F(() => t.value.filter(l)), f = F(() => {
+      const p = /* @__PURE__ */ new Map(), E = [];
+      for (const w of v.value) {
+        const N = w.group ?? "default";
+        p.has(N) || (p.set(N, []), E.push(N)), p.get(N).push(w);
       }
-      return S.map((k) => ({ name: k, items: g.get(k) })).filter((k) => k.items.length > 0);
+      return E.map((w) => ({ name: w, items: p.get(w) })).filter((w) => w.items.length > 0);
     });
-    return (g, S) => (I(), N("div", eo, [
-      (I(!0), N(de, null, Ee(m.value, (k, w) => (I(), N(de, {
-        key: k.name
+    return (p, E) => (M(), S("div", lo, [
+      (M(!0), S(pe, null, Pe(f.value, (w, N) => (M(), S(pe, {
+        key: w.name
       }, [
-        w > 0 ? (I(), N("div", to)) : F("", !0),
-        R("div", oo, [
-          (I(!0), N(de, null, Ee(k.items, (x) => (I(), N(de, {
-            key: x.id
+        N > 0 ? (M(), S("div", co)) : U("", !0),
+        B("div", uo, [
+          (M(!0), S(pe, null, Pe(w.items, (m) => (M(), S(pe, {
+            key: m.id
           }, [
-            x.type === "zoom-display" ? (I(), N("span", no, he(i.value), 1)) : (I(), N("button", {
+            m.type === "zoom-display" ? (M(), S("span", fo, me(r.value), 1)) : (M(), S("button", {
               key: 1,
-              class: Q(["flow-canvas-toolbar__btn", { "is-disabled": f(x), "is-active": a(x) }]),
-              "data-description": x.description,
-              disabled: f(x),
-              onClick: (A) => d(x)
+              class: ee(["flow-canvas-toolbar__btn", { "is-disabled": g(m), "is-active": a(m) }]),
+              "data-description": m.description,
+              disabled: g(m),
+              onClick: (D) => d(m)
             }, [
-              x.component ? (I(), Ce(tt(x.component), { key: 0 })) : x.icon ? (I(), N("i", {
+              m.component ? (M(), De(dt(m.component), { key: 0 })) : m.icon ? (M(), S("i", {
                 key: 1,
-                class: Q(x.icon)
-              }, null, 2)) : (I(), N("span", {
+                class: ee(m.icon)
+              }, null, 2)) : (M(), S("span", {
                 key: 2,
                 class: "flow-canvas-toolbar__text",
-                textContent: he(x.text ?? x.description ?? x.id)
-              }, null, 8, io))
-            ], 10, so))
+                textContent: me(m.text ?? m.description ?? m.id)
+              }, null, 8, go))
+            ], 10, po))
           ], 64))), 128))
         ])
       ], 64))), 128))
     ]));
   }
-}), ko = /* @__PURE__ */ ue(ro, [["__scopeId", "data-v-51b5c98a"]]), ao = { class: "flow-canvas-default-node__ep-label" }, lo = {
+}), Po = /* @__PURE__ */ he(ho, [["__scopeId", "data-v-51b5c98a"]]), vo = { class: "flow-canvas-default-node__ep-label" }, yo = {
   key: 1,
   class: "flow-canvas-default-node__diamond"
-}, co = {
+}, mo = {
   key: 2,
   class: "flow-canvas-default-node__task-label"
-}, uo = /* @__PURE__ */ ce({
+}, bo = /* @__PURE__ */ ge({
   __name: "default-node",
   setup(s) {
-    const t = ot("getNode")?.(), o = H(() => t?.getData?.() ?? null), n = H(() => o.value?.label || o.value?.type || ""), i = {
+    const t = ct("getNode")?.(), o = F(() => t?.getData?.() ?? null), n = F(() => o.value?.label || o.value?.type || ""), r = {
       start: "canvas-kaishi",
       end: "canvas-stop",
       "parallel-gateway": "canvas-bingxingwangguan",
       "branch-gateway": "canvas-fenzhiwangguan",
       "converge-gateway": "canvas-huijuwangguan",
       "conditional-parallel-gateway": "canvas-tiaojianbingxingwangguan"
-    }, r = /* @__PURE__ */ new Set(["start", "end"]), l = /* @__PURE__ */ new Set([
+    }, i = /* @__PURE__ */ new Set(["start", "end"]), l = /* @__PURE__ */ new Set([
       "parallel-gateway",
       "branch-gateway",
       "converge-gateway",
       "conditional-parallel-gateway"
-    ]), a = H(() => {
+    ]), a = F(() => {
       const d = o.value?.type ?? "";
-      return r.has(d) ? "endpoint" : l.has(d) ? "gateway" : "task";
-    }), f = H(() => i[o.value?.type ?? ""] ?? "");
-    return (d, b) => (I(), N("div", {
-      class: Q(["flow-canvas-default-node", `is-${a.value}`])
+      return i.has(d) ? "endpoint" : l.has(d) ? "gateway" : "task";
+    }), g = F(() => r[o.value?.type ?? ""] ?? "");
+    return (d, v) => (M(), S("div", {
+      class: ee(["flow-canvas-default-node", `is-${a.value}`])
     }, [
-      a.value === "endpoint" ? (I(), N(de, { key: 0 }, [
-        f.value ? (I(), N("i", {
+      a.value === "endpoint" ? (M(), S(pe, { key: 0 }, [
+        g.value ? (M(), S("i", {
           key: 0,
-          class: Q([["flow-canvas-icon", f.value], "flow-canvas-default-node__ep-icon"])
-        }, null, 2)) : F("", !0),
-        R("span", ao, he(n.value), 1)
-      ], 64)) : a.value === "gateway" ? (I(), N("div", lo, [
-        f.value ? (I(), N("i", {
+          class: ee([["flow-canvas-icon", g.value], "flow-canvas-default-node__ep-icon"])
+        }, null, 2)) : U("", !0),
+        B("span", vo, me(n.value), 1)
+      ], 64)) : a.value === "gateway" ? (M(), S("div", yo, [
+        g.value ? (M(), S("i", {
           key: 0,
-          class: Q([["flow-canvas-icon", f.value], "flow-canvas-default-node__gw-icon"])
-        }, null, 2)) : F("", !0)
-      ])) : (I(), N("span", co, he(n.value), 1))
+          class: ee([["flow-canvas-icon", g.value], "flow-canvas-default-node__gw-icon"])
+        }, null, 2)) : U("", !0)
+      ])) : (M(), S("span", mo, me(n.value), 1))
     ], 2));
   }
-}), fo = /* @__PURE__ */ ue(uo, [["__scopeId", "data-v-c88cdae7"]]), po = {
+}), wo = /* @__PURE__ */ he(bo, [["__scopeId", "data-v-c88cdae7"]]), xo = {
   start: { label: "开始", icon: "flow-canvas-icon canvas-kaishi", width: 88, height: 40 },
   end: { label: "结束", icon: "flow-canvas-icon canvas-stop", width: 88, height: 40 },
   empty: { label: "空节点", icon: "flow-canvas-icon canvas-jiedi", width: 240, height: 48 },
@@ -2584,11 +2677,11 @@ const eo = { class: "flow-canvas-toolbar" }, to = {
     width: 64,
     height: 64
   }
-}, Fe = (s, e) => ({
+}, Ze = (s, e) => ({
   stroke: e.hovered ? "#3a84ff" : "#abb5cc",
   strokeWidth: 2
 });
-function qe() {
+function Je() {
   return {
     attrs: {
       line: {
@@ -2599,67 +2692,67 @@ function qe() {
     }
   };
 }
-function go() {
+function ko() {
   return {
     manhattan: {
       router: { name: "manhattan", args: { padding: 10, maxDirectionChange: 90 } },
       connector: { name: "rounded", args: { radius: 8 } },
-      style: Fe,
-      x6EdgeConfig: qe()
+      style: Ze,
+      x6EdgeConfig: Je()
     },
     bezier: {
       connector: { name: "smooth" },
-      style: Fe,
-      x6EdgeConfig: qe()
+      style: Ze,
+      x6EdgeConfig: Je()
     }
   };
 }
-function Co(s) {
-  const e = s?.nodeTypes ?? po, t = {}, o = [];
-  for (const [r, l] of Object.entries(e)) {
-    const a = l.width ?? 150, f = l.height ?? 50;
-    t[r] = {
-      component: fo,
-      getSize: () => ({ width: a, height: f }),
-      getPorts: () => Qe()
+function _o(s) {
+  const e = s?.nodeTypes ?? xo, t = {}, o = [];
+  for (const [i, l] of Object.entries(e)) {
+    const a = l.width ?? 150, g = l.height ?? 50;
+    t[i] = {
+      component: wo,
+      getSize: () => ({ width: a, height: g }),
+      getPorts: () => nt()
     }, o.push({
-      type: r,
-      label: l.label ?? r,
+      type: i,
+      label: l.label ?? i,
       icon: l.icon
     });
   }
   const n = {
-    ...go(),
+    ...ko(),
     ...s?.edgeTypes
-  }, i = s?.defaultEdgeType ?? "manhattan";
+  }, r = s?.defaultEdgeType ?? "manhattan";
   return {
-    schema: { nodeTypes: t, defaultEdgeType: i, edgeTypes: n },
+    schema: { nodeTypes: t, defaultEdgeType: r, edgeTypes: n },
     paletteItems: o
   };
 }
-function Eo(s) {
+function Ao(s) {
   return {
     name: "connection-validator",
     priority: 10,
     transformCommand(e, t, o) {
       for (const n of e.commands) {
         if (n.type !== "edge.add" && n.type !== "edge.reconnect") continue;
-        const i = o.flowModel.value, r = n.type === "edge.add" ? n.edge.source.nodeId : n.source?.nodeId, l = n.type === "edge.add" ? n.edge.target.nodeId : n.target?.nodeId;
-        if (!r || !l) continue;
-        const a = i.nodes[r], f = i.nodes[l];
-        if (!a || !f) continue;
-        const d = n.type === "edge.add" ? n.edge.source.portId : n.source?.portId, b = n.type === "edge.add" ? n.edge.target.portId : n.target?.portId, m = d ? a.ports?.find((x) => x.id === d) : void 0, g = b ? f.ports?.find((x) => x.id === b) : void 0, S = n.type === "edge.reconnect" ? n.edgeId : void 0, k = Object.values(i.edges).filter((x) => x.id !== S), w = s({
-          flowModel: i,
+        const r = o.flowModel.value, i = n.type === "edge.add" ? n.edge.source.nodeId : n.source?.nodeId, l = n.type === "edge.add" ? n.edge.target.nodeId : n.target?.nodeId;
+        if (!i || !l) continue;
+        const a = r.nodes[i], g = r.nodes[l];
+        if (!a || !g) continue;
+        const d = n.type === "edge.add" ? n.edge.source.portId : n.source?.portId, v = n.type === "edge.add" ? n.edge.target.portId : n.target?.portId, f = d ? a.ports?.find((m) => m.id === d) : void 0, p = v ? g.ports?.find((m) => m.id === v) : void 0, E = n.type === "edge.reconnect" ? n.edgeId : void 0, w = Object.values(r.edges).filter((m) => m.id !== E), N = s({
+          flowModel: r,
           sourceNode: a,
-          targetNode: f,
-          sourcePort: m,
-          targetPort: g,
-          existingEdges: k
+          targetNode: g,
+          sourcePort: f,
+          targetPort: p,
+          existingEdges: w
         });
-        if (!w.valid)
+        if (!N.valid)
           return {
             rejected: !0,
-            reason: w.reason ?? "Connection validation failed",
+            reason: N.reason ?? "Connection validation failed",
             code: "validation_failed"
           };
       }
@@ -2667,36 +2760,36 @@ function Eo(s) {
     }
   };
 }
-function Io(s) {
+function To(s) {
   const { rubberband: e = !0, multiple: t = !0, movable: o = !0 } = s ?? {};
   return {
     name: "selection",
     priority: 90,
     async attachRuntime(n) {
-      const { Selection: i } = await import("@antv/x6-plugin-selection");
+      const { Selection: r } = await import("@antv/x6-plugin-selection");
       n.graph.use(
-        new i({
+        new r({
           enabled: !0,
           rubberband: e,
           multiple: t,
           movable: o,
           showNodeSelectionBox: !0,
-          filter: (r) => !(r.isNode() && (!n.graph.isRubberbandEnabled?.() || (r.getData?.() ?? {})._selectable === !1))
+          filter: (i) => !(i.isNode() && (!n.graph.isRubberbandEnabled?.() || (i.getData?.() ?? {})._selectable === !1))
         })
       );
     }
   };
 }
-function Mo(s) {
+function Ro(s) {
   const { tolerance: e = 10, color: t = "#3a84ff" } = s ?? {};
   let o = null;
   return {
     name: "snapline",
     priority: 90,
     async attachRuntime(n) {
-      const { Snapline: i } = await import("@antv/x6-plugin-snapline");
+      const { Snapline: r } = await import("@antv/x6-plugin-snapline");
       n.graph.use(
-        new i({
+        new r({
           enabled: !0,
           tolerance: e,
           className: "flow-canvas-snapline"
@@ -2708,7 +2801,7 @@ function Mo(s) {
     }
   };
 }
-function No(s) {
+function $o(s) {
   let e = null;
   return {
     name: "minimap",
@@ -2746,7 +2839,7 @@ function No(s) {
     }
   };
 }
-function So() {
+function Lo() {
   let s = null, e = 0;
   return {
     name: "clipboard",
@@ -2754,29 +2847,29 @@ function So() {
     onKeyboardShortcut(t, o) {
       const n = t.metaKey || t.ctrlKey;
       if (n && t.key === "c") {
-        const i = o.graph.getSelectedCells?.() ?? [];
-        if (!i.length) return !1;
-        const r = o.flowModel.value, l = new Set(i.filter((d) => d.isNode()).map((d) => d.id)), a = [...l].map((d) => r.nodes[d]).filter(Boolean);
+        const r = o.graph.getSelectedCells?.() ?? [];
+        if (!r.length) return !1;
+        const i = o.flowModel.value, l = new Set(r.filter((d) => d.isNode()).map((d) => d.id)), a = [...l].map((d) => i.nodes[d]).filter(Boolean);
         if (!a.length) return !1;
-        const f = Object.values(r.edges).filter(
+        const g = Object.values(i.edges).filter(
           (d) => l.has(d.source.nodeId) && l.has(d.target.nodeId)
         );
-        return s = { nodes: a, edges: f }, e = 0, !0;
+        return s = { nodes: a, edges: g }, e = 0, !0;
       }
       if (n && t.key === "v") {
         if (!s?.nodes.length) return !1;
         e++;
-        const i = e * 30, r = /* @__PURE__ */ new Map(), l = [];
+        const r = e * 30, i = /* @__PURE__ */ new Map(), l = [];
         for (const a of s.nodes) {
-          const f = `${a.id}_cp${$().slice(0, 6)}`;
-          r.set(a.id, f), l.push({
+          const g = `${a.id}_cp${W().slice(0, 6)}`;
+          i.set(a.id, g), l.push({
             type: "node.add",
             node: {
               ...a,
-              id: f,
+              id: g,
               position: {
-                x: a.position.x + i,
-                y: a.position.y + i
+                x: a.position.x + r,
+                y: a.position.y + r
               },
               payload: a.payload ? { ...a.payload } : {},
               extensions: a.extensions ? { ...a.extensions } : void 0
@@ -2784,21 +2877,21 @@ function So() {
           });
         }
         for (const a of s.edges) {
-          const f = r.get(a.source.nodeId), d = r.get(a.target.nodeId);
-          !f || !d || l.push({
+          const g = i.get(a.source.nodeId), d = i.get(a.target.nodeId);
+          !g || !d || l.push({
             type: "edge.add",
             edge: {
               ...a,
-              id: `${a.id}_cp${$().slice(0, 6)}`,
-              source: { ...a.source, nodeId: f },
+              id: `${a.id}_cp${W().slice(0, 6)}`,
+              source: { ...a.source, nodeId: g },
               target: { ...a.target, nodeId: d },
-              labels: a.labels?.map((b) => ({ ...b, id: `${b.id}_cp${$().slice(0, 6)}` })),
+              labels: a.labels?.map((v) => ({ ...v, id: `${v.id}_cp${W().slice(0, 6)}` })),
               payload: a.payload ? { ...a.payload } : {}
             }
           });
         }
         return l.length && o.executeCommand({
-          id: $(),
+          id: W(),
           source: "user:keyboard",
           label: "粘贴",
           timestamp: Date.now(),
@@ -2810,26 +2903,26 @@ function So() {
   };
 }
 export {
-  Y as CanvasConstraintError,
-  xo as CanvasLayout,
-  Vt as CanvasNodePalette,
-  wo as CanvasRuntime,
-  it as CanvasSchemaError,
-  ko as CanvasToolbar,
-  fo as DefaultNode,
-  $t as NodeActionsToolbar,
-  zt as NodeQuickAddPopover,
-  Te as applyCanvasCommand,
-  So as clipboardPlugin,
-  Eo as connectionValidatorPlugin,
-  go as createBuiltinEdgeTypes,
-  bt as createCanvasHistory,
-  Co as createDefaultSchema,
-  Jt as createDefaultToolbarItems,
-  mo as createEmptyFlowModel,
-  $ as generateId,
-  No as minimapPlugin,
-  Io as selectionPlugin,
-  Mo as snaplinePlugin,
-  bo as useCanvasEditor
+  ne as CanvasConstraintError,
+  Do as CanvasLayout,
+  eo as CanvasNodePalette,
+  So as CanvasRuntime,
+  pt as CanvasSchemaError,
+  Po as CanvasToolbar,
+  wo as DefaultNode,
+  Ft as NodeActionsToolbar,
+  Wt as NodeQuickAddPopover,
+  Ge as applyCanvasCommand,
+  Lo as clipboardPlugin,
+  Ao as connectionValidatorPlugin,
+  ko as createBuiltinEdgeTypes,
+  Nt as createCanvasHistory,
+  _o as createDefaultSchema,
+  ao as createDefaultToolbarItems,
+  Mo as createEmptyFlowModel,
+  W as generateId,
+  $o as minimapPlugin,
+  To as selectionPlugin,
+  Ro as snaplinePlugin,
+  No as useCanvasEditor
 };