@blueking/flow-canvas 0.0.12 → 0.0.13

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import { ref as H, computed as V, onScopeDispose as rt, defineComponent as fe, h as qe, watch as ge, onBeforeUnmount as Te, openBlock as A, createElementBlock as T, normalizeStyle as Ee, createElementVNode as q, normalizeClass as te, createCommentVNode as Y, createVNode as at, Transition as lt, withCtx as He, withModifiers as ht, createTextVNode as je, renderSlot as Me, nextTick as Ge, onMounted as dt, Fragment as de, renderList as Ie, toDisplayString as ce, unref as ie, createBlock as Ce, reactive as vt, resolveDynamicComponent as mt, Teleport as yt, inject as wt, createApp as bt } from "vue";
+import { ref as H, computed as V, onScopeDispose as it, defineComponent as pe, h as qe, watch as he, onBeforeUnmount as Te, createElementBlock as T, openBlock as A, normalizeStyle as Ee, createElementVNode as F, createVNode as at, createCommentVNode as K, normalizeClass as oe, Transition as lt, withCtx as He, withModifiers as ht, createTextVNode as je, renderSlot as Me, nextTick as Ge, onMounted as dt, createBlock as Ie, Fragment as ue, renderList as Ce, toDisplayString as fe, unref as le, reactive as vt, resolveDynamicComponent as mt, Teleport as yt, inject as wt, createApp as bt } from "vue";
 import { Graph as Et } from "@antv/x6";
 import { register as xt } from "@antv/x6-vue-shape";
 import { Selection as It } from "@antv/x6-plugin-selection";
@@ -10,7 +10,7 @@ function Mn() {
     edges: {}
   };
 }
-class ue extends Error {
+class ge extends Error {
   constructor(e) {
     super(e), this.name = "CanvasConstraintError";
   }
@@ -20,153 +20,153 @@ class kt extends Error {
     super(e), this.name = "CanvasSchemaError";
   }
 }
-function Re(s, e, o) {
+function Re(n, e, o) {
   if (e.length === 0) {
     if (o === void 0) return;
     if (typeof o != "object" || o === null || Array.isArray(o))
       throw new Error("Root value of payload/extensions/meta must be an object or undefined");
     return o;
   }
-  const t = s ? { ...s } : {};
-  let n = t;
-  for (let r = 0; r < e.length - 1; r++) {
-    const l = e[r], a = n[l];
-    a && typeof a == "object" && !Array.isArray(a) ? n[l] = { ...a } : n[l] = {}, n = n[l];
+  const t = n ? { ...n } : {};
+  let s = t;
+  for (let i = 0; i < e.length - 1; i++) {
+    const l = e[i], a = s[l];
+    a && typeof a == "object" && !Array.isArray(a) ? s[l] = { ...a } : s[l] = {}, s = s[l];
   }
-  const i = e[e.length - 1];
-  return o === void 0 ? delete n[i] : n[i] = o, t;
+  const r = e[e.length - 1];
+  return o === void 0 ? delete s[r] : s[r] = o, t;
 }
-function ct(s, e) {
+function ct(n, e) {
   switch (e.type) {
     case "node.add":
-      return St(s, e.node);
+      return St(n, e.node);
     case "node.move":
-      return Mt(s, e.nodeId, e.position);
+      return Mt(n, e.nodeId, e.position);
     case "node.remove":
-      return Nt(s, e.nodeId);
+      return Nt(n, e.nodeId);
     case "node.update":
-      return Dt(s, e.nodeId, e.patch);
+      return Dt(n, e.nodeId, e.patch);
     case "node.set-payload":
-      return At(s, e.nodeId, e.path, e.value);
+      return At(n, e.nodeId, e.path, e.value);
     case "node.set-extensions":
-      return _t(s, e.nodeId, e.path, e.value);
+      return _t(n, e.nodeId, e.path, e.value);
     case "edge.add":
-      return Pt(s, e.edge);
+      return Pt(n, e.edge);
     case "edge.remove":
-      return Tt(s, e.edgeId);
+      return Tt(n, e.edgeId);
     case "edge.reconnect":
-      return Rt(s, e.edgeId, e.source, e.target);
+      return Rt(n, e.edgeId, e.source, e.target);
     case "edge.update":
-      return Lt(s, e.edgeId, e.patch);
+      return Lt(n, e.edgeId, e.patch);
     case "edge.set-payload":
-      return Ot(s, e.edgeId, e.path, e.value);
+      return Ot(n, e.edgeId, e.path, e.value);
     case "edge.label.update":
-      return $t(s, e.edgeId, e.labelId, e.patch);
+      return $t(n, e.edgeId, e.labelId, e.patch);
     case "model.set-meta":
-      return Bt(s, e.path, e.value);
+      return Bt(n, e.path, e.value);
     default:
-      throw new ue(`Unknown command type: ${e.type}`);
+      throw new ge(`Unknown command type: ${e.type}`);
   }
 }
-function Ne(s, e) {
-  const o = s.nodes[e];
-  if (!o) throw new ue(`Node "${e}" does not exist`);
+function Ne(n, e) {
+  const o = n.nodes[e];
+  if (!o) throw new ge(`Node "${e}" does not exist`);
   return o;
 }
-function De(s, e) {
-  const o = s.edges[e];
-  if (!o) throw new ue(`Edge "${e}" does not exist`);
+function De(n, e) {
+  const o = n.edges[e];
+  if (!o) throw new ge(`Edge "${e}" does not exist`);
   return o;
 }
-function ke(s, e, o) {
-  const t = s.nodes[e.nodeId];
+function ke(n, e, o) {
+  const t = n.nodes[e.nodeId];
   if (!t)
-    throw new ue(`${o} node "${e.nodeId}" does not exist`);
-  if (e.portId && t.ports && !t.ports.some((i) => i.id === e.portId))
-    throw new ue(`${o} port "${e.portId}" not found on node "${e.nodeId}"`);
-}
-function Le(s, e, o) {
-  return { ...s, nodes: { ...s.nodes, [e]: o } };
-}
-function Oe(s, e, o) {
-  return { ...s, edges: { ...s.edges, [e]: o } };
-}
-function St(s, e) {
-  if (s.nodes[e.id])
-    throw new ue(`Node id "${e.id}" already exists`);
-  return { ...s, nodes: { ...s.nodes, [e.id]: e } };
-}
-function Mt(s, e, o) {
-  const t = Ne(s, e);
-  return Le(s, e, { ...t, position: o });
-}
-function Nt(s, e) {
-  Ne(s, e);
-  const { [e]: o, ...t } = s.nodes, n = {};
-  for (const [i, r] of Object.entries(s.edges))
-    r.source.nodeId !== e && r.target.nodeId !== e && (n[i] = r);
-  return { ...s, nodes: t, edges: n };
-}
-function Dt(s, e, o) {
-  const t = Ne(s, e);
-  return Le(s, e, { ...t, ...o, id: t.id });
-}
-function At(s, e, o, t) {
-  const n = Ne(s, e), i = Re(n.payload, o, t);
-  return Le(s, e, { ...n, payload: i });
-}
-function _t(s, e, o, t) {
-  const n = Ne(s, e), i = Re(n.extensions, o, t);
-  return Le(s, e, { ...n, extensions: i });
-}
-function Pt(s, e) {
-  if (s.edges[e.id])
-    throw new ue(`Edge id "${e.id}" already exists`);
-  if (ke(s, e.source, "Source"), ke(s, e.target, "Target"), e.labels) {
+    throw new ge(`${o} node "${e.nodeId}" does not exist`);
+  if (e.portId && t.ports && !t.ports.some((r) => r.id === e.portId))
+    throw new ge(`${o} port "${e.portId}" not found on node "${e.nodeId}"`);
+}
+function Le(n, e, o) {
+  return { ...n, nodes: { ...n.nodes, [e]: o } };
+}
+function Oe(n, e, o) {
+  return { ...n, edges: { ...n.edges, [e]: o } };
+}
+function St(n, e) {
+  if (n.nodes[e.id])
+    throw new ge(`Node id "${e.id}" already exists`);
+  return { ...n, nodes: { ...n.nodes, [e.id]: e } };
+}
+function Mt(n, e, o) {
+  const t = Ne(n, e);
+  return Le(n, e, { ...t, position: o });
+}
+function Nt(n, e) {
+  Ne(n, e);
+  const { [e]: o, ...t } = n.nodes, s = {};
+  for (const [r, i] of Object.entries(n.edges))
+    i.source.nodeId !== e && i.target.nodeId !== e && (s[r] = i);
+  return { ...n, nodes: t, edges: s };
+}
+function Dt(n, e, o) {
+  const t = Ne(n, e);
+  return Le(n, e, { ...t, ...o, id: t.id });
+}
+function At(n, e, o, t) {
+  const s = Ne(n, e), r = Re(s.payload, o, t);
+  return Le(n, e, { ...s, payload: r });
+}
+function _t(n, e, o, t) {
+  const s = Ne(n, e), r = Re(s.extensions, o, t);
+  return Le(n, e, { ...s, extensions: r });
+}
+function Pt(n, e) {
+  if (n.edges[e.id])
+    throw new ge(`Edge id "${e.id}" already exists`);
+  if (ke(n, e.source, "Source"), ke(n, e.target, "Target"), e.labels) {
     const o = /* @__PURE__ */ new Set();
     for (const t of e.labels) {
       if (o.has(t.id))
-        throw new ue(`Duplicate label id "${t.id}" in edge "${e.id}"`);
+        throw new ge(`Duplicate label id "${t.id}" in edge "${e.id}"`);
       o.add(t.id);
     }
   }
-  return { ...s, edges: { ...s.edges, [e.id]: e } };
+  return { ...n, edges: { ...n.edges, [e.id]: e } };
 }
-function Tt(s, e) {
-  De(s, e);
-  const { [e]: o, ...t } = s.edges;
-  return { ...s, edges: t };
+function Tt(n, e) {
+  De(n, e);
+  const { [e]: o, ...t } = n.edges;
+  return { ...n, edges: t };
 }
-function Rt(s, e, o, t) {
-  const n = De(s, e), i = o ?? n.source, r = t ?? n.target;
-  return ke(s, i, "Source"), ke(s, r, "Target"), Oe(s, e, { ...n, source: i, target: r });
+function Rt(n, e, o, t) {
+  const s = De(n, e), r = o ?? s.source, i = t ?? s.target;
+  return ke(n, r, "Source"), ke(n, i, "Target"), Oe(n, e, { ...s, source: r, target: i });
 }
-function Lt(s, e, o) {
-  const t = De(s, e), n = { ...t, ...o, id: t.id };
-  return o.source && ke(s, n.source, "Source"), o.target && ke(s, n.target, "Target"), Oe(s, e, n);
+function Lt(n, e, o) {
+  const t = De(n, e), s = { ...t, ...o, id: t.id };
+  return o.source && ke(n, s.source, "Source"), o.target && ke(n, s.target, "Target"), Oe(n, e, s);
 }
-function Ot(s, e, o, t) {
-  const n = De(s, e), i = Re(n.payload, o, t);
-  return Oe(s, e, { ...n, payload: i });
+function Ot(n, e, o, t) {
+  const s = De(n, e), r = Re(s.payload, o, t);
+  return Oe(n, e, { ...s, payload: r });
 }
-function $t(s, e, o, t) {
-  const n = De(s, e);
-  if (!n.labels)
-    throw new ue(`Edge "${e}" has no labels`);
-  const i = n.labels.findIndex((l) => l.id === o);
-  if (i === -1)
-    throw new ue(`Label "${o}" not found in edge "${e}"`);
-  const r = [...n.labels];
-  return r[i] = { ...r[i], ...t, id: o }, Oe(s, e, { ...n, labels: r });
+function $t(n, e, o, t) {
+  const s = De(n, e);
+  if (!s.labels)
+    throw new ge(`Edge "${e}" has no labels`);
+  const r = s.labels.findIndex((l) => l.id === o);
+  if (r === -1)
+    throw new ge(`Label "${o}" not found in edge "${e}"`);
+  const i = [...s.labels];
+  return i[r] = { ...i[r], ...t, id: o }, Oe(n, e, { ...s, labels: i });
 }
-function Bt(s, e, o) {
-  const t = Re(s.meta, e, o);
-  return { ...s, meta: t };
+function Bt(n, e, o) {
+  const t = Re(n.meta, e, o);
+  return { ...n, meta: t };
 }
-function Ft(s, e) {
-  const o = e?.maxHistorySize ?? 100, t = H(s), n = [], i = [], r = H(!1), l = H(!1);
+function Ft(n, e) {
+  const o = e?.maxHistorySize ?? 100, t = H(n), s = [], r = [], i = H(!1), l = H(!1);
   function a() {
-    r.value = n.length > 0, l.value = i.length > 0;
+    i.value = s.length > 0, l.value = r.length > 0;
   }
   function h(b) {
     const S = t.value;
@@ -177,27 +177,27 @@ function Ft(s, e) {
       const B = e?.excludeCommandFromHistory, j = B ? b.commands.filter((k) => !B(k)) : b.commands;
       if (j.length > 0) {
         const k = j.length < b.commands.length ? { ...b, commands: j } : b;
-        n.push({ snapshot: S, envelope: k }), n.length > o && n.shift(), i.length = 0;
+        s.push({ snapshot: S, envelope: k }), s.length > o && s.shift(), r.length = 0;
       }
     }
     return t.value = M, a(), M;
   }
   function f() {
-    const b = n.pop();
+    const b = s.pop();
     if (!b) return null;
-    i.push({ snapshot: t.value, envelope: b.envelope });
+    r.push({ snapshot: t.value, envelope: b.envelope });
     const S = e?.preserveMetaOnUndoRedo ? { ...b.snapshot, meta: t.value.meta } : b.snapshot;
     return t.value = S, a(), S;
   }
   function p() {
-    const b = i.pop();
+    const b = r.pop();
     if (!b) return null;
-    n.push({ snapshot: t.value, envelope: b.envelope });
+    s.push({ snapshot: t.value, envelope: b.envelope });
     const S = e?.preserveMetaOnUndoRedo ? { ...b.snapshot, meta: t.value.meta } : b.snapshot;
     return t.value = S, a(), S;
   }
   function u() {
-    n.length = 0, i.length = 0, a();
+    s.length = 0, r.length = 0, a();
   }
   function w() {
     return t.value;
@@ -213,20 +213,20 @@ function Ft(s, e) {
       timestamp: Date.now(),
       commands: []
     };
-    n.push({ snapshot: t.value, envelope: M }), n.length > o && n.shift(), i.length = 0, t.value = b, a();
+    s.push({ snapshot: t.value, envelope: M }), s.length > o && s.shift(), r.length = 0, t.value = b, a();
   }
   return {
     currentFlowModel: t,
     execute: h,
     undo: f,
     redo: p,
-    canUndo: r,
+    canUndo: i,
     canRedo: l,
     get undoStack() {
-      return n.map((b) => b.envelope);
+      return s.map((b) => b.envelope);
     },
     get redoStack() {
-      return i.map((b) => b.envelope);
+      return r.map((b) => b.envelope);
     },
     clear: u,
     createSnapshot: w,
@@ -234,8 +234,8 @@ function Ft(s, e) {
     updateFlowModel: O
   };
 }
-function qt(s) {
-  return s !== null && typeof s == "object" && s.rejected === !0;
+function qt(n) {
+  return n !== null && typeof n == "object" && n.rejected === !0;
 }
 class Ht {
   plugins = [];
@@ -244,7 +244,7 @@ class Ht {
   /** 每次 attachRuntime 递增，detachRuntime 时旧 generation 的异步调用自动作废 */
   runtimeVersion = 0;
   install(e, o) {
-    this.plugins = [...e].sort((t, n) => (t.priority ?? 100) - (n.priority ?? 100)), this.editorContext = o;
+    this.plugins = [...e].sort((t, s) => (t.priority ?? 100) - (s.priority ?? 100)), this.editorContext = o;
     for (const t of this.plugins)
       t.install?.(o);
   }
@@ -257,8 +257,8 @@ class Ht {
     const o = ++this.runtimeVersion;
     this.runtimeCtx = e;
     const t = this.createSafeRuntimeContext(e, o);
-    for (const n of this.plugins)
-      n.attachRuntime?.(t);
+    for (const s of this.plugins)
+      s.attachRuntime?.(t);
   }
   /** 按安装的逆序 detach，保证后安装的插件先释放运行时资源 */
   detachRuntime() {
@@ -271,16 +271,16 @@ class Ht {
    * 如果在 await 期间 detachRuntime 已执行，代理会将 graph 操作变为 no-op。
    */
   createSafeRuntimeContext(e, o) {
-    const t = this, n = new Proxy(e.graph, {
-      get(i, r, l) {
-        const a = Reflect.get(i, r, l);
-        return r === "use" && typeof a == "function" ? function(...f) {
+    const t = this, s = new Proxy(e.graph, {
+      get(r, i, l) {
+        const a = Reflect.get(r, i, l);
+        return i === "use" && typeof a == "function" ? function(...f) {
           if (t.runtimeVersion === o)
-            return a.apply(i, f);
+            return a.apply(r, f);
         } : a;
       }
     });
-    return { ...e, graph: n };
+    return { ...e, graph: s };
   }
   dispose() {
     for (const e of [...this.plugins].reverse())
@@ -292,8 +292,8 @@ class Ht {
     let o = e;
     for (const t of this.plugins) {
       if (!t.transformCommand) continue;
-      const n = this.createPreview(o), i = t.transformCommand(o, n, this.editorContext);
-      if (i === null)
+      const s = this.createPreview(o), r = t.transformCommand(o, s, this.editorContext);
+      if (r === null)
         return {
           rejected: !0,
           error: {
@@ -302,23 +302,23 @@ class Ht {
             source: t.name
           }
         };
-      if (qt(i))
+      if (qt(r))
         return {
           rejected: !0,
           error: {
-            code: i.code ?? "plugin_rejected",
-            reason: i.reason,
+            code: r.code ?? "plugin_rejected",
+            reason: r.reason,
             source: t.name
           }
         };
-      o = i;
+      o = r;
     }
     return { envelope: o };
   }
   afterCommand(e, o, t) {
     if (this.editorContext)
-      for (const n of this.plugins)
-        n.afterCommand?.(e, o, t, this.editorContext);
+      for (const s of this.plugins)
+        s.afterCommand?.(e, o, t, this.editorContext);
   }
   dispatchUiEvent(e) {
     if (this.runtimeCtx)
@@ -341,8 +341,8 @@ class Ht {
     if (!this.runtimeCtx) return [];
     const o = [];
     for (const t of this.plugins) {
-      const n = t.onBlankContextMenu?.(e, this.runtimeCtx);
-      n && o.push(...n);
+      const s = t.onBlankContextMenu?.(e, this.runtimeCtx);
+      s && o.push(...s);
     }
     return o;
   }
@@ -353,8 +353,8 @@ class Ht {
     for (const o of this.plugins) {
       const t = o.provideToolbarItems?.(this.editorContext);
       if (t)
-        for (const n of t)
-          e.set(n.id, n);
+        for (const s of t)
+          e.set(s.id, s);
     }
     return [...e.values()].sort((o, t) => (o.order ?? 0) - (t.order ?? 0));
   }
@@ -363,8 +363,8 @@ class Ht {
     if (!this.editorContext) return;
     let o;
     for (const t of this.plugins) {
-      const n = t.decorateNode?.(e, this.editorContext);
-      n && (o = o ? { ...o, ...n } : n);
+      const s = t.decorateNode?.(e, this.editorContext);
+      s && (o = o ? { ...o, ...s } : s);
     }
     return o;
   }
@@ -373,8 +373,8 @@ class Ht {
     if (!this.editorContext) return;
     let o;
     for (const t of this.plugins) {
-      const n = t.decorateEdge?.(e, this.editorContext);
-      n && (o = o ? { ...o, ...n } : n);
+      const s = t.decorateEdge?.(e, this.editorContext);
+      s && (o = o ? { ...o, ...s } : s);
     }
     return o;
   }
@@ -392,23 +392,23 @@ class Ht {
     const o = this.editorContext;
     return {
       previewFlowModel(t) {
-        const n = t ?? e.commands;
-        let i = o.flowModel.value;
-        for (const r of n)
-          i = ct(i, r);
-        return i;
+        const s = t ?? e.commands;
+        let r = o.flowModel.value;
+        for (const i of s)
+          r = ct(r, i);
+        return r;
       }
     };
   }
 }
 let Gt = 0;
-function J() {
-  const s = Date.now().toString(36), e = Math.random().toString(36).substring(2, 8);
-  return `${s}-${e}-${++Gt}`;
+function ee() {
+  const n = Date.now().toString(36), e = Math.random().toString(36).substring(2, 8);
+  return `${n}-${e}-${++Gt}`;
 }
-const ze = () => J();
-function Nn(s) {
-  const { schema: e, plugins: o = [], historyOptions: t } = s, n = s.idGenerator ?? ze, i = { version: "1.0", ...s.initialFlowModel }, r = Ft(i, t), l = H(s.mode ?? "edit"), a = H(!1), h = H(null), f = H([]), p = {}, u = new Ht();
+const ze = () => ee();
+function Nn(n) {
+  const { schema: e, plugins: o = [], historyOptions: t } = n, s = n.idGenerator ?? ze, r = { version: "1.0", ...n.initialFlowModel }, i = Ft(r, t), l = H(n.mode ?? "edit"), a = H(!1), h = H(null), f = H([]), p = {}, u = new Ht();
   function w(S, M, B, j = "user:toolbar") {
     const k = {
       id: `history-${Date.now()}`,
@@ -417,11 +417,11 @@ function Nn(s) {
       timestamp: Date.now(),
       commands: []
     };
-    u.afterCommand(k, M, B), f.value = u.collectToolbarItems(), s.onCommandResult?.({
+    u.afterCommand(k, M, B), f.value = u.collectToolbarItems(), n.onCommandResult?.({
       status: "applied",
       envelope: k,
       flowModel: B
-    }), s.onFlowModelChange?.({
+    }), n.onFlowModelChange?.({
       flowModel: B,
       prevFlowModel: M,
       envelope: k,
@@ -429,43 +429,43 @@ function Nn(s) {
     });
   }
   const D = {
-    execute: r.execute,
+    execute: i.execute,
     undo() {
-      const S = r.currentFlowModel.value, M = r.undo();
+      const S = i.currentFlowModel.value, M = i.undo();
       return M && w("撤销", S, M), M;
     },
     redo() {
-      const S = r.currentFlowModel.value, M = r.redo();
+      const S = i.currentFlowModel.value, M = i.redo();
       return M && w("重做", S, M), M;
     },
     get canUndo() {
-      return r.canUndo;
+      return i.canUndo;
     },
     get canRedo() {
-      return r.canRedo;
+      return i.canRedo;
     },
     get undoStack() {
-      return r.undoStack;
+      return i.undoStack;
     },
     get redoStack() {
-      return r.redoStack;
+      return i.redoStack;
     },
-    clear: r.clear,
-    createSnapshot: r.createSnapshot,
+    clear: i.clear,
+    createSnapshot: i.createSnapshot,
     replaceFlowModel(S) {
-      const M = r.currentFlowModel.value;
-      r.replaceFlowModel(S), w("替换 FlowModel", M, S, "system:replace");
+      const M = i.currentFlowModel.value;
+      i.replaceFlowModel(S), w("替换 FlowModel", M, S, "system:replace");
     },
     updateFlowModel(S, M) {
-      const B = r.currentFlowModel.value;
-      r.updateFlowModel(S, M), w(M ?? "更新 FlowModel", B, S, "system:update");
+      const B = i.currentFlowModel.value;
+      i.updateFlowModel(S, M), w(M ?? "更新 FlowModel", B, S, "system:update");
     }
   }, O = {
-    flowModel: V(() => r.currentFlowModel.value),
+    flowModel: V(() => i.currentFlowModel.value),
     history: D,
     schema: e,
     mode: l,
-    idGenerator: n,
+    idGenerator: s,
     executeCommand: b,
     replaceFlowModel(S) {
       D.replaceFlowModel(S);
@@ -493,9 +493,9 @@ function Nn(s) {
     history: D,
     schema: e,
     mode: l,
-    idGenerator: n,
+    idGenerator: s,
     executeCommand: b
-  }), f.value = u.collectToolbarItems(), rt(() => {
+  }), f.value = u.collectToolbarItems(), it(() => {
     u.dispose();
   });
   function b(S) {
@@ -506,23 +506,23 @@ function Nn(s) {
         envelope: S,
         error: M.error
       };
-      return s.onCommandResult?.(k), k;
+      return n.onCommandResult?.(k), k;
     }
-    const B = M.envelope, j = r.currentFlowModel.value;
+    const B = M.envelope, j = i.currentFlowModel.value;
     try {
-      const k = r.execute(B), X = {
+      const k = i.execute(B), X = {
         status: "applied",
         envelope: B,
         flowModel: k
       };
-      return u.afterCommand(B, j, k), f.value = u.collectToolbarItems(), s.onCommandResult?.(X), s.onFlowModelChange?.({
+      return u.afterCommand(B, j, k), f.value = u.collectToolbarItems(), n.onCommandResult?.(X), n.onFlowModelChange?.({
         flowModel: k,
         prevFlowModel: j,
         envelope: B,
         source: B.source
       }), X;
     } catch (k) {
-      if (k instanceof ue) {
+      if (k instanceof ge) {
         const X = {
           status: "invalid",
           envelope: B,
@@ -532,7 +532,7 @@ function Nn(s) {
             source: "engine"
           }
         };
-        return s.onCommandResult?.(X), X;
+        return n.onCommandResult?.(X), X;
       }
       throw k;
     }
@@ -541,10 +541,10 @@ function Nn(s) {
 }
 const zt = ["top", "right", "bottom", "left"];
 function ut() {
-  return zt.map((s) => ({ id: s, group: s }));
+  return zt.map((n) => ({ id: n, group: n }));
 }
-function Ue(s, e) {
-  return e?.(s) ?? s.ports ?? ut();
+function Ue(n, e) {
+  return e?.(n) ?? n.ports ?? ut();
 }
 const Fe = -1, Ut = "flow-canvas-node-ring-target", We = "flow-canvas-node-ring-target--decorated", Ve = "flow-canvas-node-ring-target--pulse", jt = "linear-gradient(135deg, #cadcfa 0%, #cee0ff 100%)";
 class Wt {
@@ -574,8 +574,8 @@ class Wt {
   edgeDefaultAttrs = /* @__PURE__ */ new Map();
   lastModel = null;
   pendingDecorationRAFs = /* @__PURE__ */ new Map();
-  constructor(e, o, t, n, i, r) {
-    this.graph = e, this.schema = o, this.shapeRegistry = t, this.resolveNodeDecoration = n, this.resolveEdgeDecoration = i, this.resolveCanvasContext = r;
+  constructor(e, o, t, s, r, i) {
+    this.graph = e, this.schema = o, this.shapeRegistry = t, this.resolveNodeDecoration = s, this.resolveEdgeDecoration = r, this.resolveCanvasContext = i;
   }
   syncFlowModel(e) {
     if (!this.syncing) {
@@ -596,21 +596,21 @@ class Wt {
    * 仅在节点首次创建时调用一次。
    */
   saveNodeDefaultAttrs(e, o) {
-    const n = o.x6CellConfig?.attrs?.body;
-    if (!n) return;
-    const i = {};
-    let r = !1;
-    n.stroke !== void 0 && (i.stroke = n.stroke, r = !0), n.strokeWidth !== void 0 && (i.strokeWidth = n.strokeWidth, r = !0), r && this.nodeDefaultAttrs.set(e, i);
+    const s = o.x6CellConfig?.attrs?.body;
+    if (!s) return;
+    const r = {};
+    let i = !1;
+    s.stroke !== void 0 && (r.stroke = s.stroke, i = !0), s.strokeWidth !== void 0 && (r.strokeWidth = s.strokeWidth, i = !0), i && this.nodeDefaultAttrs.set(e, r);
   }
   /**
    * 从 x6EdgeConfig.attrs.line 中提取基线描边，用于管理层清理时恢复。
    */
   saveEdgeDefaultAttrs(e, o) {
-    const n = o?.x6EdgeConfig?.attrs?.line;
-    if (!n) return;
-    const i = {};
-    let r = !1;
-    n.stroke !== void 0 && (i.stroke = n.stroke, r = !0), n.strokeWidth !== void 0 && (i.strokeWidth = n.strokeWidth, r = !0), n.strokeDasharray !== void 0 && (i.strokeDasharray = n.strokeDasharray, r = !0), r && this.edgeDefaultAttrs.set(e, i);
+    const s = o?.x6EdgeConfig?.attrs?.line;
+    if (!s) return;
+    const r = {};
+    let i = !1;
+    s.stroke !== void 0 && (r.stroke = s.stroke, i = !0), s.strokeWidth !== void 0 && (r.strokeWidth = s.strokeWidth, i = !0), s.strokeDasharray !== void 0 && (r.strokeDasharray = s.strokeDasharray, i = !0), i && this.edgeDefaultAttrs.set(e, r);
   }
   /**
    * 恢复节点 attr 到基线值；无基线时设为安全默认值。
@@ -619,18 +619,18 @@ class Wt {
    * 使得内部 Vue 组件 (width/height: 100%) 折叠后无法恢复。
    */
   restoreNodeAttr(e, o, t) {
-    const n = this.nodeDefaultAttrs.get(e.id)?.[t];
-    if (n !== void 0)
-      e.setAttrByPath(o, n);
+    const s = this.nodeDefaultAttrs.get(e.id)?.[t];
+    if (s !== void 0)
+      e.setAttrByPath(o, s);
     else {
-      const i = t === "stroke" ? "none" : 0;
-      e.setAttrByPath(o, i);
+      const r = t === "stroke" ? "none" : 0;
+      e.setAttrByPath(o, r);
     }
   }
   /** 恢复边 attr 到基线值；无基线时移除。 */
   restoreEdgeAttr(e, o, t) {
-    const n = this.edgeDefaultAttrs.get(e.id)?.[t];
-    n !== void 0 ? this.setEdgeAttrIfChanged(e, o, n) : e.attr(o) !== void 0 && e.removeAttrByPath(o);
+    const s = this.edgeDefaultAttrs.get(e.id)?.[t];
+    s !== void 0 ? this.setEdgeAttrIfChanged(e, o, s) : e.attr(o) !== void 0 && e.removeAttrByPath(o);
   }
   /**
    * 仅在值实际变化时调用 setAttrByPath。
@@ -638,32 +638,32 @@ class Wt {
    * 即使值相同也会导致 EdgeView.update() → updateConnection() → 路由器全量重算。
    */
   setEdgeAttrIfChanged(e, o, t) {
-    const n = e.attr(o), i = typeof n == "object" && n !== null, r = typeof t == "object" && t !== null;
-    n !== t && (i && r && JSON.stringify(n) === JSON.stringify(t) || e.setAttrByPath(o, t));
+    const s = e.attr(o), r = typeof s == "object" && s !== null, i = typeof t == "object" && t !== null;
+    s !== t && (r && i && JSON.stringify(s) === JSON.stringify(t) || e.setAttrByPath(o, t));
   }
   getNodeRingTarget(e) {
     return e ? e.querySelector(".flow-canvas-highlight-target") ?? e.querySelector(".flow-canvas-node-surface > :first-child") : null;
   }
   /** 让正式边接管交互式预览边时，恢复 schema 定义的端点 marker。 */
   syncEdgeMarker(e, o, t) {
-    const i = o?.x6EdgeConfig?.attrs?.line?.[t], r = `line/${t}`;
-    e.removeAttrByPath(r), i !== void 0 && e.setAttrByPath(r, i);
+    const r = o?.x6EdgeConfig?.attrs?.line?.[t], i = `line/${t}`;
+    e.removeAttrByPath(i), r !== void 0 && e.setAttrByPath(i, r);
   }
   getEdgeMarkerConfig(e, o) {
-    const n = e?.x6EdgeConfig?.attrs?.line?.[o];
-    if (n)
-      return typeof n == "string" ? { name: n } : { ...n };
+    const s = e?.x6EdgeConfig?.attrs?.line?.[o];
+    if (s)
+      return typeof s == "string" ? { name: s } : { ...s };
   }
-  applyEdgeMarkerDecoration(e, o, t, n) {
-    if (!n) {
+  applyEdgeMarkerDecoration(e, o, t, s) {
+    if (!s) {
       this.prevEdgeDecorationMarkerIds.has(e.id) && (this.syncEdgeMarker(e, o, t), this.prevEdgeDecorationMarkerIds.delete(e.id));
       return;
     }
-    const i = this.getEdgeMarkerConfig(o, t) ?? { name: "block", width: 8, height: 8 };
+    const r = this.getEdgeMarkerConfig(o, t) ?? { name: "block", width: 8, height: 8 };
     this.setEdgeAttrIfChanged(e, `line/${t}`, {
-      ...i,
-      stroke: n,
-      fill: n
+      ...r,
+      stroke: s,
+      fill: s
     }), this.prevEdgeDecorationMarkerIds.add(e.id);
   }
   dispose() {
@@ -673,22 +673,22 @@ class Wt {
   }
   resolveNodes(e) {
     const o = /* @__PURE__ */ new Map();
-    for (const [t, n] of Object.entries(e.nodes)) {
-      const i = this.schema.nodeTypes[n.type];
-      if (!i)
+    for (const [t, s] of Object.entries(e.nodes)) {
+      const r = this.schema.nodeTypes[s.type];
+      if (!r)
         throw new kt(
-          `Unknown node type "${n.type}" for node "${t}". Registered types: [${Object.keys(this.schema.nodeTypes).join(", ")}]. Register the type in CanvasSchema.nodeTypes before using it in a FlowModel.`
+          `Unknown node type "${s.type}" for node "${t}". Registered types: [${Object.keys(this.schema.nodeTypes).join(", ")}]. Register the type in CanvasSchema.nodeTypes before using it in a FlowModel.`
         );
-      const r = this.shapeRegistry.registerNodeType(n.type, i.component), l = i.getSize(n), a = Ue(n, i.getPorts);
-      o.set(t, { model: n, definition: i, shapeName: r, size: l, ports: a });
+      const i = this.shapeRegistry.registerNodeType(s.type, r.component), l = r.getSize(s), a = Ue(s, r.getPorts);
+      o.set(t, { model: s, definition: r, shapeName: i, size: l, ports: a });
     }
     return o;
   }
   resolveEdges(e) {
     const o = /* @__PURE__ */ new Map();
-    for (const [t, n] of Object.entries(e.edges)) {
-      const i = n.type ?? this.schema.defaultEdgeType ?? "default", r = this.schema.edgeTypes?.[i];
-      o.set(t, { model: n, definition: r });
+    for (const [t, s] of Object.entries(e.edges)) {
+      const r = s.type ?? this.schema.defaultEdgeType ?? "default", i = this.schema.edgeTypes?.[r];
+      o.set(t, { model: s, definition: i });
     }
     return o;
   }
@@ -696,18 +696,18 @@ class Wt {
     const o = new Set(e.keys());
     for (const t of this.knownNodeIds)
       if (!o.has(t)) {
-        const n = this.graph.getCellById(t);
-        n && this.graph.removeCell(n), this.knownNodeIds.delete(t), this.defaultHighlightedNodeIds.delete(t), this.prevNodeDecorationClasses.delete(t), this.prevNodeDecorationColors.delete(t), this.nodeDefaultAttrs.delete(t);
-        const i = this.pendingDecorationRAFs.get(t);
-        i && (cancelAnimationFrame(i), this.pendingDecorationRAFs.delete(t));
+        const s = this.graph.getCellById(t);
+        s && this.graph.removeCell(s), this.knownNodeIds.delete(t), this.defaultHighlightedNodeIds.delete(t), this.prevNodeDecorationClasses.delete(t), this.prevNodeDecorationColors.delete(t), this.nodeDefaultAttrs.delete(t);
+        const r = this.pendingDecorationRAFs.get(t);
+        r && (cancelAnimationFrame(r), this.pendingDecorationRAFs.delete(t));
       }
-    for (const [t, n] of e) {
-      const i = this.graph.getCellById(t);
-      i ? this.updateExistingNode(i, n) : this.addNewNode(t, n);
+    for (const [t, s] of e) {
+      const r = this.graph.getCellById(t);
+      r ? this.updateExistingNode(r, s) : this.addNewNode(t, s);
     }
   }
   updateExistingNode(e, o) {
-    const { model: t, size: n, ports: i, definition: r } = o;
+    const { model: t, size: s, ports: r, definition: i } = o;
     if (e.getData()?.type !== t.type) {
       this.graph.removeCell(e), this.addNewNode(e.id, o);
       return;
@@ -715,23 +715,23 @@ class Wt {
     const a = e.getPosition();
     (a.x !== t.position.x || a.y !== t.position.y) && e.setPosition(t.position.x, t.position.y);
     const h = e.getSize();
-    (h.width !== n.width || h.height !== n.height) && e.setSize(n.width, n.height, { silent: !0 }), this.syncNodePorts(e, i), e.setData({ ...t }), this.applyNodeBehavior(e, t, r), this.applyNodeHighlightAndDecoration(e, t);
+    (h.width !== s.width || h.height !== s.height) && e.setSize(s.width, s.height, { silent: !0 }), this.syncNodePorts(e, r), e.setData({ ...t }), this.applyNodeBehavior(e, t, i), this.applyNodeHighlightAndDecoration(e, t);
   }
   syncNodePorts(e, o) {
-    const t = e.getPorts(), n = new Set(o.map((r) => r.id)), i = new Set(t.map((r) => r.id));
-    for (const r of t)
-      r.id && !n.has(r.id) && e.removePort(r.id);
-    for (const r of o)
-      i.has(r.id) || e.addPort({ id: r.id, group: r.group, ...r.x6PortConfig });
+    const t = e.getPorts(), s = new Set(o.map((i) => i.id)), r = new Set(t.map((i) => i.id));
+    for (const i of t)
+      i.id && !s.has(i.id) && e.removePort(i.id);
+    for (const i of o)
+      r.has(i.id) || e.addPort({ id: i.id, group: i.group, ...i.x6PortConfig });
   }
   addNewNode(e, o) {
-    const { model: t, shapeName: n, size: i, ports: r, definition: l } = o, a = {
+    const { model: t, shapeName: s, size: r, ports: i, definition: l } = o, a = {
       id: t.id,
-      shape: n,
+      shape: s,
       x: t.position.x,
       y: t.position.y,
-      width: i.width,
-      height: i.height,
+      width: r.width,
+      height: r.height,
       data: { ...t },
       ports: {
         groups: {
@@ -760,7 +760,7 @@ class Wt {
             }
           }
         },
-        items: r.map((f) => ({ id: f.id, group: f.group, ...f.x6PortConfig }))
+        items: i.map((f) => ({ id: f.id, group: f.group, ...f.x6PortConfig }))
       },
       ...l.x6CellConfig
     };
@@ -777,16 +777,16 @@ class Wt {
   scheduleDecorationRetryIfNeeded(e) {
     const o = this.graph.findViewByCell(e)?.container;
     if (this.getNodeRingTarget(o)) return;
-    const t = e.id, n = this.pendingDecorationRAFs.get(t);
-    n && cancelAnimationFrame(n);
-    const i = requestAnimationFrame(() => {
+    const t = e.id, s = this.pendingDecorationRAFs.get(t);
+    s && cancelAnimationFrame(s);
+    const r = requestAnimationFrame(() => {
       if (this.pendingDecorationRAFs.delete(t), !this.knownNodeIds.has(t)) return;
-      const r = this.lastModel?.nodes[t];
-      if (!r) return;
+      const i = this.lastModel?.nodes[t];
+      if (!i) return;
       const l = this.graph.getCellById(t);
-      l?.isNode() && this.applyNodeHighlightAndDecoration(l, r);
+      l?.isNode() && this.applyNodeHighlightAndDecoration(l, i);
     });
-    this.pendingDecorationRAFs.set(t, i);
+    this.pendingDecorationRAFs.set(t, r);
   }
   /**
    * 将 schema 定义的 getBehavior 映射到 X6 节点属性。
@@ -802,32 +802,32 @@ class Wt {
    */
   applyNodeBehavior(e, o, t) {
     if (!t.getBehavior) return;
-    const n = this.resolveCanvasContext?.();
-    if (!n) return;
-    const i = t.getBehavior(o, n);
-    if (i.draggable !== void 0 && e.setProp("draggable", i.draggable, { silent: !0 }), i.connectable !== void 0) {
-      const l = i.connectable ? !0 : i.targetable === !1 ? !1 : "passive";
+    const s = this.resolveCanvasContext?.();
+    if (!s) return;
+    const r = t.getBehavior(o, s);
+    if (r.draggable !== void 0 && e.setProp("draggable", r.draggable, { silent: !0 }), r.connectable !== void 0) {
+      const l = r.connectable ? !0 : r.targetable === !1 ? !1 : "passive";
       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/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, o) {
     const t = new Set(e.keys());
-    for (const n of this.knownEdgeIds)
-      if (!t.has(n)) {
-        const i = this.graph.getCellById(n);
-        i && this.graph.removeCell(i), this.knownEdgeIds.delete(n), this.defaultHighlightedEdgeIds.delete(n), this.prevEdgeDecorationClasses.delete(n), this.prevEdgeDecorationColors.delete(n), this.prevEdgeDecorationMarkerIds.delete(n), this.prevEdgeStyleIds.delete(n), this.edgeDefaultAttrs.delete(n);
+    for (const s of this.knownEdgeIds)
+      if (!t.has(s)) {
+        const r = this.graph.getCellById(s);
+        r && this.graph.removeCell(r), this.knownEdgeIds.delete(s), this.defaultHighlightedEdgeIds.delete(s), this.prevEdgeDecorationClasses.delete(s), this.prevEdgeDecorationColors.delete(s), this.prevEdgeDecorationMarkerIds.delete(s), this.prevEdgeStyleIds.delete(s), this.edgeDefaultAttrs.delete(s);
       }
-    for (const [n, i] of e) {
-      const r = this.graph.getCellById(n), { model: l, definition: a } = i;
-      r ? (this.updateExistingEdge(r, l, a, o), this.knownEdgeIds.has(n) || (this.knownEdgeIds.add(n), this.saveEdgeDefaultAttrs(n, a))) : this.addNewEdge(n, l, a);
+    for (const [s, r] of e) {
+      const i = this.graph.getCellById(s), { model: l, definition: a } = r;
+      i ? (this.updateExistingEdge(i, l, a, o), this.knownEdgeIds.has(s) || (this.knownEdgeIds.add(s), this.saveEdgeDefaultAttrs(s, a))) : this.addNewEdge(s, l, a);
     }
   }
   /**
@@ -835,8 +835,8 @@ class Wt {
    * X6 Edge.getSource() 返回 { cell, port } 格式，与 FlowEdgeModel 的 { nodeId, portId } 不同，
    * 需要用 (currentSource as any).cell 来比较。
    */
-  updateExistingEdge(e, o, t, n) {
-    const i = e.getSource(), r = e.getTarget(), l = i.cell !== o.source.nodeId || i.port !== o.source.portId, a = r.cell !== o.target.nodeId || r.port !== o.target.portId;
+  updateExistingEdge(e, o, t, s) {
+    const r = e.getSource(), i = e.getTarget(), l = r.cell !== o.source.nodeId || r.port !== o.source.portId, a = i.cell !== o.target.nodeId || i.port !== o.target.portId;
     l && e.setSource({ cell: o.source.nodeId, port: o.source.portId }), a && e.setTarget({ cell: o.target.nodeId, port: o.target.portId });
     const f = (e.getData()?.type ?? void 0) !== (o.type ?? void 0);
     if (f) {
@@ -856,28 +856,28 @@ class Wt {
       e.getLabels().length > 0 && e.setLabels([]);
       return;
     }
-    const t = o.labels.map((n) => ({
+    const t = o.labels.map((s) => ({
       attrs: {
-        label: { text: n.text ?? "" }
+        label: { text: s.text ?? "" }
       },
-      position: n.position != null ? { distance: n.position } : void 0
+      position: s.position != null ? { distance: s.position } : void 0
     }));
     e.setLabels(t);
   }
   addNewEdge(e, o, t) {
-    const n = {
+    const s = {
       id: o.id,
       source: { cell: o.source.nodeId, port: o.source.portId },
       target: { cell: o.target.nodeId, port: o.target.portId },
       data: { ...o },
       zIndex: Fe
     };
-    t?.router && (n.router = typeof t.router == "string" ? { name: t.router } : t.router), t?.connector && (n.connector = typeof t.connector == "string" ? { name: t.connector } : t.connector), t?.x6EdgeConfig && Object.assign(n, t.x6EdgeConfig), o.labels?.length && (n.labels = o.labels.map((r) => ({
-      attrs: { label: { text: r.text ?? "" } },
-      position: r.position != null ? { distance: r.position } : void 0
-    }))), this.graph.addEdge(n), this.knownEdgeIds.add(e), this.saveEdgeDefaultAttrs(e, t);
-    const i = this.graph.getCellById(e);
-    i && this.applyEdgeStyleAndDecoration(i, o, t);
+    t?.router && (s.router = typeof t.router == "string" ? { name: t.router } : t.router), t?.connector && (s.connector = typeof t.connector == "string" ? { name: t.connector } : t.connector), t?.x6EdgeConfig && Object.assign(s, t.x6EdgeConfig), o.labels?.length && (s.labels = o.labels.map((i) => ({
+      attrs: { label: { text: i.text ?? "" } },
+      position: i.position != null ? { distance: i.position } : void 0
+    }))), this.graph.addEdge(s), this.knownEdgeIds.add(e), this.saveEdgeDefaultAttrs(e, t);
+    const r = this.graph.getCellById(e);
+    r && this.applyEdgeStyleAndDecoration(r, o, t);
   }
   /**
    * 重算所有边的视觉样式。
@@ -888,8 +888,8 @@ class Wt {
       for (const [e, o] of Object.entries(this.lastModel.edges)) {
         const t = this.graph.getCellById(e);
         if (!t?.isEdge()) continue;
-        const n = o.type ?? this.schema.defaultEdgeType ?? "default", i = this.schema.edgeTypes?.[n];
-        this.applyEdgeStyleAndDecoration(t, o, i);
+        const s = o.type ?? this.schema.defaultEdgeType ?? "default", r = this.schema.edgeTypes?.[s];
+        this.applyEdgeStyleAndDecoration(t, o, r);
       }
   }
   /**
@@ -902,8 +902,8 @@ class Wt {
     if (!o) return;
     const t = this.graph.getCellById(e);
     if (!t?.isEdge()) return;
-    const n = o.type ?? this.schema.defaultEdgeType ?? "default", i = this.schema.edgeTypes?.[n];
-    this.applyEdgeStyleAndDecoration(t, o, i);
+    const s = o.type ?? this.schema.defaultEdgeType ?? "default", r = this.schema.edgeTypes?.[s];
+    this.applyEdgeStyleAndDecoration(t, o, r);
   }
   /**
    * 重算所有节点的高亮 + 装饰视觉。
@@ -928,13 +928,13 @@ class Wt {
    * body/stroke 仅作为普通 SVG shape 的兜底同步。
    */
   applyNodeHighlightAndDecoration(e, o) {
-    const t = this.highlightedNodeIds.has(e.id), n = this.resolveNodeDecoration?.(o), i = this.graph.findViewByCell(e)?.container, r = this.getNodeRingTarget(i), l = this.prevNodeDecorationClasses.get(e.id);
-    l && (i?.classList.remove(l), this.prevNodeDecorationClasses.delete(e.id)), n?.className && (i?.classList.add(n.className), this.prevNodeDecorationClasses.set(e.id, n.className));
-    const a = n?.borderColor, f = a ?? (t ? "#3a84ff" : void 0), p = this.prevNodeDecorationColors.has(e.id) || this.defaultHighlightedNodeIds.has(e.id);
-    f ? (e.setAttrByPath("body/stroke", f), e.setAttrByPath("body/strokeWidth", 2)) : p && (this.restoreNodeAttr(e, "body/stroke", "stroke"), this.restoreNodeAttr(e, "body/strokeWidth", "strokeWidth")), r && (r.classList.add(Ut), a ? (r.classList.add(We), r.style.setProperty("--flow-canvas-node-decoration-ring-background", a), r.style.setProperty("--flow-canvas-node-decoration-ring-opacity", "0.95")) : (r.classList.remove(We), r.style.removeProperty("--flow-canvas-node-decoration-ring-background"), r.style.removeProperty("--flow-canvas-node-decoration-ring-opacity")), t ? (r.classList.add(Ve), r.style.setProperty(
+    const t = this.highlightedNodeIds.has(e.id), s = this.resolveNodeDecoration?.(o), r = this.graph.findViewByCell(e)?.container, i = this.getNodeRingTarget(r), l = this.prevNodeDecorationClasses.get(e.id);
+    l && (r?.classList.remove(l), this.prevNodeDecorationClasses.delete(e.id)), s?.className && (r?.classList.add(s.className), this.prevNodeDecorationClasses.set(e.id, s.className));
+    const a = s?.borderColor, f = a ?? (t ? "#3a84ff" : void 0), p = this.prevNodeDecorationColors.has(e.id) || this.defaultHighlightedNodeIds.has(e.id);
+    f ? (e.setAttrByPath("body/stroke", f), e.setAttrByPath("body/strokeWidth", 2)) : p && (this.restoreNodeAttr(e, "body/stroke", "stroke"), this.restoreNodeAttr(e, "body/strokeWidth", "strokeWidth")), i && (i.classList.add(Ut), a ? (i.classList.add(We), i.style.setProperty("--flow-canvas-node-decoration-ring-background", a), i.style.setProperty("--flow-canvas-node-decoration-ring-opacity", "0.95")) : (i.classList.remove(We), i.style.removeProperty("--flow-canvas-node-decoration-ring-background"), i.style.removeProperty("--flow-canvas-node-decoration-ring-opacity")), t ? (i.classList.add(Ve), i.style.setProperty(
       "--flow-canvas-node-pulse-ring-background",
       a ?? jt
-    ), r.style.setProperty("--flow-canvas-node-pulse-ring-opacity", "0.95")) : (r.classList.remove(Ve), r.style.removeProperty("--flow-canvas-node-pulse-ring-background"), r.style.removeProperty("--flow-canvas-node-pulse-ring-opacity"))), a ? this.prevNodeDecorationColors.add(e.id) : this.prevNodeDecorationColors.delete(e.id), t && !a ? this.defaultHighlightedNodeIds.add(e.id) : this.defaultHighlightedNodeIds.delete(e.id);
+    ), i.style.setProperty("--flow-canvas-node-pulse-ring-opacity", "0.95")) : (i.classList.remove(Ve), i.style.removeProperty("--flow-canvas-node-pulse-ring-background"), i.style.removeProperty("--flow-canvas-node-pulse-ring-opacity"))), a ? this.prevNodeDecorationColors.add(e.id) : this.prevNodeDecorationColors.delete(e.id), t && !a ? this.defaultHighlightedNodeIds.add(e.id) : this.defaultHighlightedNodeIds.delete(e.id);
   }
   getHoveredEdgeId() {
     return this.hoveredEdgeId;
@@ -961,19 +961,19 @@ class Wt {
    * 最终值 = decorationStroke ?? styleStroke ?? defaultHighlightStroke ?? (清除)。
    */
   applyEdgeStyleAndDecoration(e, o, t) {
-    const n = this.highlightedEdgeIds.has(e.id), i = this.resolveEdgeDecoration?.(o), r = this.prevEdgeDecorationClasses.get(e.id);
-    r && (this.graph.findViewByCell(e)?.container?.classList.remove(r), this.prevEdgeDecorationClasses.delete(e.id)), i?.className && (this.graph.findViewByCell(e)?.container?.classList.add(i.className), this.prevEdgeDecorationClasses.set(e.id, i.className));
+    const s = this.highlightedEdgeIds.has(e.id), r = this.resolveEdgeDecoration?.(o), i = this.prevEdgeDecorationClasses.get(e.id);
+    i && (this.graph.findViewByCell(e)?.container?.classList.remove(i), this.prevEdgeDecorationClasses.delete(e.id)), r?.className && (this.graph.findViewByCell(e)?.container?.classList.add(r.className), this.prevEdgeDecorationClasses.set(e.id, r.className));
     let l, a, h;
     if (t?.style) {
-      const O = this.graph.isSelected?.(e) ?? !1, b = this.hoveredEdgeId === e.id, S = t.style(o, { selected: O, highlighted: n, hovered: b });
+      const O = this.graph.isSelected?.(e) ?? !1, b = this.hoveredEdgeId === e.id, S = t.style(o, { selected: O, highlighted: s, hovered: b });
       l = S.stroke, a = S.strokeWidth, h = S.strokeDasharray;
     }
-    const f = !t?.style && n ? "#3a84ff" : void 0, p = i?.strokeColor, u = i?.targetMarkerColor, w = p ?? l ?? f, D = !!t?.style || this.prevEdgeDecorationColors.has(e.id) || this.defaultHighlightedEdgeIds.has(e.id) || this.prevEdgeStyleIds.has(e.id);
+    const f = !t?.style && s ? "#3a84ff" : void 0, p = r?.strokeColor, u = r?.targetMarkerColor, w = p ?? l ?? f, D = !!t?.style || this.prevEdgeDecorationColors.has(e.id) || this.defaultHighlightedEdgeIds.has(e.id) || this.prevEdgeStyleIds.has(e.id);
     w ? this.setEdgeAttrIfChanged(e, "line/stroke", w) : D && this.restoreEdgeAttr(e, "line/stroke", "stroke"), this.applyEdgeMarkerDecoration(e, t, "targetMarker", u), t?.style ? (this.prevEdgeStyleIds.add(e.id), a ? this.setEdgeAttrIfChanged(e, "line/strokeWidth", a) : this.restoreEdgeAttr(e, "line/strokeWidth", "strokeWidth"), h ? this.setEdgeAttrIfChanged(e, "line/strokeDasharray", h) : this.restoreEdgeAttr(e, "line/strokeDasharray", "strokeDasharray")) : this.prevEdgeStyleIds.has(e.id) && (this.restoreEdgeAttr(e, "line/strokeWidth", "strokeWidth"), this.restoreEdgeAttr(e, "line/strokeDasharray", "strokeDasharray"), this.prevEdgeStyleIds.delete(e.id)), p ? this.prevEdgeDecorationColors.add(e.id) : this.prevEdgeDecorationColors.delete(e.id), f ? this.defaultHighlightedEdgeIds.add(e.id) : this.defaultHighlightedEdgeIds.delete(e.id);
   }
 }
 class Vt {
-  instanceId = J();
+  instanceId = ee();
   registeredShapes = /* @__PURE__ */ new Map();
   wrappedComponents = /* @__PURE__ */ new Map();
   getShapeName(e) {
@@ -982,15 +982,15 @@ class Vt {
   }
   registerNodeType(e, o) {
     const t = this.getShapeName(e);
-    let n = this.wrappedComponents.get(e);
-    return n || (n = fe({
-      name: `FlowCanvasNodeShape${e.replace(/(^|[-_])(\w)/g, (i, r, l) => l.toUpperCase())}`,
+    let s = this.wrappedComponents.get(e);
+    return s || (s = pe({
+      name: `FlowCanvasNodeShape${e.replace(/(^|[-_])(\w)/g, (r, i, l) => l.toUpperCase())}`,
       setup() {
         return () => qe("div", { class: "flow-canvas-node-surface" }, [qe(o)]);
       }
-    }), this.wrappedComponents.set(e, n)), xt({
+    }), this.wrappedComponents.set(e, s)), xt({
       shape: t,
-      component: n,
+      component: s,
       width: 100,
       height: 40
     }), t;
@@ -1006,8 +1006,8 @@ class Xt {
   flowModelRef;
   idGenerator;
   disposers = [];
-  constructor(e, o, t, n, i) {
-    this.graph = e, this.onUiEvent = o, this.onCommand = t, this.flowModelRef = n, this.idGenerator = i ?? ze, this.bindEvents();
+  constructor(e, o, t, s, r) {
+    this.graph = e, this.onUiEvent = o, this.onCommand = t, this.flowModelRef = s, this.idGenerator = r ?? ze, this.bindEvents();
   }
   dispose() {
     for (const e of this.disposers) e();
@@ -1029,9 +1029,9 @@ class Xt {
         position: { x: o.clientX, y: o.clientY }
       });
     }), this.on("edge:click", ({ edge: e, e: o }) => {
-      const n = o.target?.closest?.(".x6-edge-label");
-      if (n) {
-        const r = e.getData?.()?.labels ?? [], l = n.parentElement?.querySelectorAll(".x6-edge-label"), a = l ? Array.from(l).indexOf(n) : 0, h = r[Math.max(0, a)];
+      const s = o.target?.closest?.(".x6-edge-label");
+      if (s) {
+        const i = e.getData?.()?.labels ?? [], l = s.parentElement?.querySelectorAll(".x6-edge-label"), a = l ? Array.from(l).indexOf(s) : 0, h = i[Math.max(0, a)];
         this.onUiEvent({
           type: "edge.label.click",
           edgeId: e.id,
@@ -1051,18 +1051,18 @@ class Xt {
     }), this.on("node:moved", ({ node: e }) => {
       const o = e.getPosition();
       this.onCommand({
-        id: J(),
+        id: ee(),
         source: "user:drag",
         label: "移动节点",
         timestamp: Date.now(),
         commands: [{ type: "node.move", nodeId: e.id, position: { x: o.x, y: o.y } }]
       });
     }), this.on("edge:connected", ({ edge: e, isNew: o }) => {
-      const t = e.getSourceCell(), n = e.getTargetCell();
-      if (!t || !n) return;
-      const i = e.getSourcePortId(), r = e.getTargetPortId(), l = e.id in this.flowModelRef.value.edges;
+      const t = e.getSourceCell(), s = e.getTargetCell();
+      if (!t || !s) return;
+      const r = e.getSourcePortId(), i = e.getTargetPortId(), l = e.id in this.flowModelRef.value.edges;
       o && !l ? (this.graph.removeCell(e), this.onCommand({
-        id: J(),
+        id: ee(),
         source: "user:drag",
         label: "连线",
         timestamp: Date.now(),
@@ -1071,13 +1071,13 @@ class Xt {
             type: "edge.add",
             edge: {
               id: this.idGenerator("edge"),
-              source: { nodeId: t.id, portId: i ?? void 0 },
-              target: { nodeId: n.id, portId: r ?? void 0 }
+              source: { nodeId: t.id, portId: r ?? void 0 },
+              target: { nodeId: s.id, portId: i ?? void 0 }
             }
           }
         ]
       })) : this.onCommand({
-        id: J(),
+        id: ee(),
         source: "user:drag",
         label: "重连",
         timestamp: Date.now(),
@@ -1085,32 +1085,32 @@ class Xt {
           {
             type: "edge.reconnect",
             edgeId: e.id,
-            source: { nodeId: t.id, portId: i ?? void 0 },
-            target: { nodeId: n.id, portId: r ?? void 0 }
+            source: { nodeId: t.id, portId: r ?? void 0 },
+            target: { nodeId: s.id, portId: i ?? void 0 }
           }
         ]
       });
     }), this.on("edge:change:labels", ({ edge: e, current: o }) => {
-      const n = e.getData?.()?.labels ?? [];
-      if (!n.length || !o?.length) return;
-      const i = [];
-      for (let r = 0; r < Math.min(n.length, o.length); r++) {
-        const l = o[r], a = n[r];
+      const s = e.getData?.()?.labels ?? [];
+      if (!s.length || !o?.length) return;
+      const r = [];
+      for (let i = 0; i < Math.min(s.length, o.length); i++) {
+        const l = o[i], a = s[i];
         if (!a?.id) continue;
         const h = typeof l.position == "object" ? l.position?.distance : l.position;
-        h != null && i.push({
+        h != null && r.push({
           type: "edge.label.update",
           edgeId: e.id,
           labelId: a.id,
           patch: { position: h }
         });
       }
-      i.length && this.onCommand({
-        id: J(),
+      r.length && this.onCommand({
+        id: ee(),
         source: "user:drag",
         label: "拖动标签",
         timestamp: Date.now(),
-        commands: i
+        commands: r
       });
     });
   }
@@ -1118,20 +1118,20 @@ class Xt {
     this.graph.on(e, o), this.disposers.push(() => this.graph.off(e, o));
   }
 }
-function Kt(s) {
+function Kt(n) {
   function e(t) {
-    const n = s.getCellById(t);
-    if (!n || !n.isNode()) return null;
-    const i = n, r = i.getPosition(), l = i.getSize(), a = { x: r.x, y: r.y, width: l.width, height: l.height }, h = s.localToGraph(a);
+    const s = n.getCellById(t);
+    if (!s || !s.isNode()) return null;
+    const r = s, i = r.getPosition(), l = r.getSize(), a = { x: i.x, y: i.y, width: l.width, height: l.height }, h = n.localToGraph(a);
     return new DOMRect(h.x, h.y, h.width, h.height);
   }
   function o(t) {
-    const n = e(t);
-    if (!n) return null;
-    const i = s.container;
-    if (!i || typeof i.getBoundingClientRect != "function") return n;
-    const r = i.getBoundingClientRect();
-    return new DOMRect(n.x + r.left, n.y + r.top, n.width, n.height);
+    const s = e(t);
+    if (!s) return null;
+    const r = n.container;
+    if (!r || typeof r.getBoundingClientRect != "function") return s;
+    const i = r.getBoundingClientRect();
+    return new DOMRect(s.x + i.left, s.y + i.top, s.width, s.height);
   }
   return {
     getNodeScreenRect: e,
@@ -1144,64 +1144,64 @@ const Yt = Object.freeze({
   bottom: 8,
   left: 8
 });
-function ft(s) {
+function ft(n) {
   return {
-    nodeIds: s.filter((e) => e.isNode()).map((e) => e.id),
-    edgeIds: s.filter((e) => e.isEdge()).map((e) => e.id)
+    nodeIds: n.filter((e) => e.isNode()).map((e) => e.id),
+    edgeIds: n.filter((e) => e.isEdge()).map((e) => e.id)
   };
 }
-function Zt(s, e = Yt) {
+function Zt(n, e = Yt) {
   return new DOMRect(
-    s.x - e.left,
-    s.y - e.top,
-    s.width + e.left + e.right,
-    s.height + e.top + e.bottom
+    n.x - e.left,
+    n.y - e.top,
+    n.width + e.left + e.right,
+    n.height + e.top + e.bottom
   );
 }
-function Qt(s, e) {
+function Qt(n, e) {
   const o = [
-    ...e.nodeIds.map((i) => s.getCellById(i)),
-    ...e.edgeIds.map((i) => s.getCellById(i))
-  ].filter((i) => !!i);
+    ...e.nodeIds.map((r) => n.getCellById(r)),
+    ...e.edgeIds.map((r) => n.getCellById(r))
+  ].filter((r) => !!r);
   if (o.length === 0) return null;
-  const t = s.getCellsBBox(o);
+  const t = n.getCellsBBox(o);
   if (!t) return null;
-  const n = s.localToGraph(t);
-  return Zt(n);
+  const s = n.localToGraph(t);
+  return Zt(s);
 }
-function gt(s, e, o) {
-  const t = s.nodeIds.filter((r) => {
-    const l = e.nodes[r];
+function gt(n, e, o) {
+  const t = n.nodeIds.filter((i) => {
+    const l = e.nodes[i];
     if (!l) return !1;
     const a = o(l);
     return a.deletable !== !1 && a.deleteDisabled !== !0;
-  }), n = new Set(t), i = s.edgeIds.filter((r) => {
-    const l = e.edges[r];
-    return l ? !n.has(l.source.nodeId) && !n.has(l.target.nodeId) : !1;
+  }), s = new Set(t), r = n.edgeIds.filter((i) => {
+    const l = e.edges[i];
+    return l ? !s.has(l.source.nodeId) && !s.has(l.target.nodeId) : !1;
   });
-  return { nodeIds: t, edgeIds: i };
+  return { nodeIds: t, edgeIds: r };
 }
-function Jt(s) {
+function Jt(n) {
   return [
-    ...s.edgeIds.map((e) => ({ type: "edge.remove", edgeId: e })),
-    ...s.nodeIds.map((e) => ({ type: "node.remove", nodeId: e }))
+    ...n.edgeIds.map((e) => ({ type: "edge.remove", edgeId: e })),
+    ...n.nodeIds.map((e) => ({ type: "node.remove", nodeId: e }))
   ];
 }
 const eo = 100;
 function to({
-  graph: s,
+  graph: n,
   overlayManager: e,
   executeCommand: o,
   schema: t,
-  flowModel: n,
-  getNodeBehavior: i,
-  idGenerator: r,
+  flowModel: s,
+  getNodeBehavior: r,
+  idGenerator: i,
   defaultInsertGap: l,
   getContextMenuItems: a,
   onHighlightChange: h,
   resolveNodeShape: f
 }) {
-  const p = r ?? ze;
+  const p = i ?? ze;
   let u = [], w = [], D = null, O = !1, b = null;
   async function S() {
     if (O) return D;
@@ -1209,7 +1209,7 @@ function to({
     try {
       const d = await import("@antv/x6-plugin-dnd"), y = d.Dnd ?? d.default;
       return y ? (D = new y({
-        target: s,
+        target: n,
         scaled: !0,
         animation: !0,
         getDragNode: (c) => c.clone(),
@@ -1229,10 +1229,10 @@ function to({
     if (!y?._dndSessionId || y._dndSessionId !== b) return;
     b = null;
     const c = d.getPosition();
-    s.removeNode(d.id);
+    n.removeNode(d.id);
     const { _dndSessionId: g, ...v } = y, m = v.id || p("node");
     o({
-      id: J(),
+      id: ee(),
       source: "user:drag",
       label: "拖入节点",
       timestamp: Date.now(),
@@ -1244,13 +1244,13 @@ function to({
       ]
     });
   };
-  s.on("node:added", B);
+  n.on("node:added", B);
   function j(d) {
     const y = t.nodeTypes[d.type];
     return Ue(d, y?.getPorts);
   }
   function k(d) {
-    return d ?? ft(s.getSelectedCells?.() ?? []);
+    return d ?? ft(n.getSelectedCells?.() ?? []);
   }
   function X(d, y, c, g, v) {
     switch (d) {
@@ -1290,53 +1290,53 @@ function to({
   }
   const G = {
     zoomIn() {
-      s.zoom(0.1);
+      n.zoom(0.1);
     },
     zoomOut() {
-      s.zoom(-0.1);
+      n.zoom(-0.1);
     },
     zoomTo(d) {
-      s.zoomTo(d);
+      n.zoomTo(d);
     },
     zoomToFit(d) {
-      s.zoomToFit({ padding: 40, maxScale: 1, ...d });
+      n.zoomToFit({ padding: 40, maxScale: 1, ...d });
     },
     getZoom() {
-      return s.zoom();
+      return n.zoom();
     },
     centerContent() {
-      s.centerContent();
+      n.centerContent();
     },
     scrollToOrigin() {
-      s.translate(0, 0);
+      n.translate(0, 0);
     },
     scrollToNode(d) {
-      const y = s.getCellById(d);
-      y && s.centerCell(y);
+      const y = n.getCellById(d);
+      y && n.centerCell(y);
     },
     getSelection() {
       return k();
     },
     getSelectionBounds(d) {
-      return Qt(s, k(d));
+      return Qt(n, k(d));
     },
     selectNodes(d) {
-      const y = d.map((c) => s.getCellById(c)).filter(Boolean);
-      s.select?.(y);
+      const y = d.map((c) => n.getCellById(c)).filter(Boolean);
+      n.select?.(y);
     },
     selectEdges(d) {
-      const y = d.map((c) => s.getCellById(c)).filter(Boolean);
-      s.select?.(y);
+      const y = d.map((c) => n.getCellById(c)).filter(Boolean);
+      n.select?.(y);
     },
     clearSelection() {
-      const d = s.getSelectedCells?.();
-      d?.length && s.unselect?.(d);
+      const d = n.getSelectedCells?.();
+      d?.length && n.unselect?.(d);
     },
     deleteSelection(d) {
-      const y = k(d?.selection), c = gt(y, n.value, i ?? (() => ({}))), g = Jt(c);
+      const y = k(d?.selection), c = gt(y, s.value, r ?? (() => ({}))), g = Jt(c);
       if (g.length === 0) return null;
       const v = o({
-        id: J(),
+        id: ee(),
         source: d?.source ?? "user:toolbar",
         label: d?.label ?? "删除选中",
         timestamp: Date.now(),
@@ -1348,9 +1348,9 @@ function to({
       const c = async (g) => {
         const v = await S();
         if (!v) return;
-        const m = J();
+        const m = ee();
         b = m;
-        const E = y(), L = f?.(E.type), z = s.createNode({
+        const E = y(), L = f?.(E.type), z = n.createNode({
           width: L?.width ?? 154,
           height: L?.height ?? 54,
           shape: L?.shapeName ?? "rect",
@@ -1367,14 +1367,14 @@ function to({
      * 复用 X6 原生的连线拖拽流程与 connecting.createEdge 配置。
      */
     startConnection(d, y) {
-      const c = s.getCellById(d);
+      const c = n.getCellById(d);
       if (!c?.isNode()) return;
-      const g = c, v = s.findViewByCell(g);
+      const g = c, v = n.findViewByCell(g);
       if (!v) return;
       const m = v.findPortElem(y, "circle") ?? v.findPortElem(y);
       if (!m) return;
-      const L = (m.matches?.("[magnet]") ? m : m.querySelector?.("[magnet]")) ?? m, z = L.getBoundingClientRect(), re = z.left + z.width / 2, N = z.top + z.height / 2, _ = new MouseEvent("mousedown", {
-        clientX: re,
+      const L = (m.matches?.("[magnet]") ? m : m.querySelector?.("[magnet]")) ?? m, z = L.getBoundingClientRect(), de = z.left + z.width / 2, N = z.top + z.height / 2, _ = new MouseEvent("mousedown", {
+        clientX: de,
         clientY: N,
         button: 0,
         buttons: 1,
@@ -1384,32 +1384,37 @@ function to({
       L.dispatchEvent(_);
     },
     async exportAsImage(d) {
-      const { domToBlob: y } = await import("modern-screenshot"), c = d?.padding ?? 20, g = d?.backgroundColor ?? s.options.background?.color ?? "#ffffff", v = s.zoom(), m = s.translate(), E = s.getContentBBox(), L = E.width / v, z = E.height / v;
+      const { domToBlob: y } = await import("modern-screenshot"), c = d?.padding ?? 20, g = d?.backgroundColor ?? n.options.background?.color ?? "#ffffff", v = n.zoom(), m = n.translate(), E = n.getContentBBox(), L = E.width / v, z = E.height / v;
       if (L === 0 || z === 0)
         return new Blob();
-      const re = (E.x - m.tx) / v, N = (E.y - m.ty) / v, _ = Math.ceil(L + c * 2), x = Math.ceil(z + c * 2), R = document.createElement("div");
+      const de = (E.x - m.tx) / v, N = (E.y - m.ty) / v, _ = Math.ceil(L + c * 2), x = Math.ceil(z + c * 2), R = document.createElement("div");
       R.style.cssText = "position:fixed;left:-99999px;top:0;pointer-events:none;";
-      const F = s.container.cloneNode(!0);
-      F.style.width = `${_}px`, F.style.height = `${x}px`, F.style.overflow = "visible";
-      const Z = F.querySelector("svg");
-      Z && (Z.setAttribute("width", String(_)), Z.setAttribute("height", String(x)), Z.style.width = `${_}px`, Z.style.height = `${x}px`), F.querySelector(".x6-graph-svg-viewport")?.setAttribute("transform", `matrix(1,0,0,1,${-re + c},${-N + c})`), R.appendChild(F), document.body.appendChild(R);
+      const q = /* @__PURE__ */ new Set();
+      let Y = n.container.parentElement;
+      for (; Y && Y !== document.body && Y !== document.documentElement; )
+        Y.classList.forEach((ne) => q.add(ne)), Y = Y.parentElement;
+      q.size > 0 && (R.className = Array.from(q).join(" "));
+      const J = n.container.cloneNode(!0);
+      J.style.width = `${_}px`, J.style.height = `${x}px`, J.style.overflow = "visible";
+      const Z = J.querySelector("svg");
+      Z && (Z.setAttribute("width", String(_)), Z.setAttribute("height", String(x)), Z.style.width = `${_}px`, Z.style.height = `${x}px`), J.querySelector(".x6-graph-svg-viewport")?.setAttribute("transform", `matrix(1,0,0,1,${-de + c},${-N + c})`), R.appendChild(J), document.body.appendChild(R);
       try {
-        return await M(), await y(F, {
+        return await M(), await y(J, {
           width: _,
           height: x,
           backgroundColor: g,
           scale: d?.scale ?? window.devicePixelRatio,
-          filter: (Q) => {
-            if (Q instanceof Element) {
-              const K = Q.getAttribute("class") ?? "";
-              if (K.includes("x6-widget-selection") || K.includes("x6-widget-transform") || K.includes("x6-graph-grid") || K.includes("x6-graph-background"))
+          filter: (ne) => {
+            if (ne instanceof Element) {
+              const re = ne.getAttribute("class") ?? "";
+              if (re.includes("x6-widget-selection") || re.includes("x6-widget-transform") || re.includes("x6-graph-grid") || re.includes("x6-graph-background"))
                 return !1;
             }
             return !0;
           }
         });
-      } catch (Q) {
-        return console.warn("[flow-canvas] Export failed:", Q), new Blob();
+      } catch (ne) {
+        return console.warn("[flow-canvas] Export failed:", ne), new Blob();
       } finally {
         R.remove();
       }
@@ -1428,49 +1433,49 @@ function to({
       return a?.(d) ?? [];
     },
     insertNodeToRight(d, y, c) {
-      const g = n.value, v = g.nodes[d];
+      const g = s.value, v = g.nodes[d];
       if (!v)
         return {
           status: "invalid",
           envelope: { id: "", source: "user:toolbar", timestamp: Date.now(), commands: [] },
           error: { code: "constraint_violated", reason: `Source node "${d}" not found`, source: "api" }
         };
-      const m = c?.gap ?? l ?? eo, E = c?.direction ?? "right", L = t.nodeTypes[v.type], z = t.nodeTypes[y.type], re = L?.getSize(v) ?? { width: 154, height: 54 }, N = z?.getSize({ ...y, position: { x: 0, y: 0 } }) ?? {
+      const m = c?.gap ?? l ?? eo, E = c?.direction ?? "right", L = t.nodeTypes[v.type], z = t.nodeTypes[y.type], de = L?.getSize(v) ?? { width: 154, height: 54 }, N = z?.getSize({ ...y, position: { x: 0, y: 0 } }) ?? {
         width: 154,
         height: 54
-      }, _ = X(E, v, re, N, m), x = y.id || p("node"), R = { ...y, id: x, position: _ }, F = [{ type: "node.add", node: R }];
+      }, _ = X(E, v, de, N, m), x = y.id || p("node"), R = { ...y, id: x, position: _ }, q = [{ type: "node.add", node: R }];
       if (c?.autoWireEdges) {
-        const ae = j(v), Q = j(R), K = E, me = U(E), pe = ae.find((I) => I.group === K), we = Q.find((I) => I.group === me), $e = Q.find((I) => I.group === K), Se = pe ? Object.values(g.edges).find(
-          (I) => I.source.nodeId === d && I.source.portId === pe.id
+        const J = j(v), Z = j(R), Q = E, ne = U(E), re = J.find((I) => I.group === Q), we = Z.find((I) => I.group === ne), $e = Z.find((I) => I.group === Q), Se = re ? Object.values(g.edges).find(
+          (I) => I.source.nodeId === d && I.source.portId === re.id
         ) : Object.values(g.edges).find((I) => I.source.nodeId === d);
         if (Se) {
-          const I = Se.target, C = N.width + m, P = E === "right" ? C : E === "left" ? -C : 0, W = E === "bottom" ? C : E === "top" ? -C : 0, ee = /* @__PURE__ */ new Set(), le = [I.nodeId];
-          for (; le.length > 0; ) {
-            const oe = le.shift();
-            if (ee.has(oe) || oe === d) continue;
-            ee.add(oe);
-            const xe = g.nodes[oe];
+          const I = Se.target, C = N.width + m, P = E === "right" ? C : E === "left" ? -C : 0, W = E === "bottom" ? C : E === "top" ? -C : 0, te = /* @__PURE__ */ new Set(), ce = [I.nodeId];
+          for (; ce.length > 0; ) {
+            const se = ce.shift();
+            if (te.has(se) || se === d) continue;
+            te.add(se);
+            const xe = g.nodes[se];
             if (xe) {
-              F.push({
+              q.push({
                 type: "node.move",
-                nodeId: oe,
+                nodeId: se,
                 position: {
                   x: xe.position.x + P,
                   y: xe.position.y + W
                 }
               });
               for (const be of Object.values(g.edges))
-                be.source.nodeId === oe && !ee.has(be.target.nodeId) && le.push(be.target.nodeId);
+                be.source.nodeId === se && !te.has(be.target.nodeId) && ce.push(be.target.nodeId);
             }
           }
-          F.push({ type: "edge.remove", edgeId: Se.id }), F.push({
+          q.push({ type: "edge.remove", edgeId: Se.id }), q.push({
             type: "edge.add",
             edge: {
               id: p("edge"),
-              source: { nodeId: d, portId: pe?.id },
+              source: { nodeId: d, portId: re?.id },
               target: { nodeId: x, portId: we?.id }
             }
-          }), F.push({
+          }), q.push({
             type: "edge.add",
             edge: {
               id: p("edge"),
@@ -1479,127 +1484,127 @@ function to({
             }
           });
         } else
-          F.push({
+          q.push({
             type: "edge.add",
             edge: {
               id: p("edge"),
-              source: { nodeId: d, portId: pe?.id },
+              source: { nodeId: d, portId: re?.id },
               target: { nodeId: x, portId: we?.id }
             }
           });
       }
-      const Z = {
-        id: J(),
+      const Y = {
+        id: ee(),
         source: c?.source ?? "user:toolbar",
         label: c?.label ?? "插入节点",
         timestamp: Date.now(),
-        commands: F
+        commands: q
       };
-      return o(Z);
+      return o(Y);
     },
     onGraphEvent(d, y) {
-      return s.on(d, y), () => s.off(d, y);
+      return n.on(d, y), () => n.off(d, y);
     },
     unsafeGetGraph() {
-      return s;
+      return n;
     }
   };
   return G;
 }
 function oo() {
-  const s = H(null), e = H(!1);
+  const n = H(null), e = H(!1);
   let o = null, t = !1;
-  function n(p) {
-    o && (clearTimeout(o), o = null), s.value = p;
+  function s(p) {
+    o && (clearTimeout(o), o = null), n.value = p;
   }
-  function i(p = 100) {
+  function r(p = 100) {
     t || (o && clearTimeout(o), o = setTimeout(() => {
-      s.value = null, o = null;
+      n.value = null, o = null;
     }, p));
   }
-  function r() {
+  function i() {
     t = !0, o && (clearTimeout(o), o = null);
   }
   function l(p = 100) {
-    t = !1, i(p);
+    t = !1, r(p);
   }
   function a() {
     o && (clearTimeout(o), o = null);
   }
   function h() {
-    a(), t = !1, s.value = null;
+    a(), t = !1, n.value = null;
   }
   function f() {
     o && clearTimeout(o);
   }
-  return { hoveredNodeId: s, isDraggingNode: e, enter: n, leave: i, enterOverlay: r, leaveOverlay: l, cancelLeave: a, reset: h, cleanup: f };
+  return { hoveredNodeId: n, isDraggingNode: e, enter: s, leave: r, enterOverlay: i, leaveOverlay: l, cancelLeave: a, reset: h, cleanup: f };
 }
 const Xe = 10, Ae = 12;
-function Ke(s, e) {
-  const o = s.getTotalLength();
+function Ke(n, e) {
+  const o = n.getTotalLength();
   if (o === 0) return { ...e, length: 0, totalLength: 0 };
-  let t = s.getPointAtLength(0), n = 1 / 0;
-  const i = 50, r = o / i;
+  let t = n.getPointAtLength(0), s = 1 / 0;
+  const r = 50, i = o / r;
   let l = 0;
-  for (let p = 0; p <= i; p++) {
-    const u = p * r, w = s.getPointAtLength(u), D = (w.x - e.x) ** 2 + (w.y - e.y) ** 2;
-    D < n && (n = D, t = w, l = u);
+  for (let p = 0; p <= r; p++) {
+    const u = p * i, w = n.getPointAtLength(u), D = (w.x - e.x) ** 2 + (w.y - e.y) ** 2;
+    D < s && (s = D, t = w, l = u);
   }
-  const a = Math.max(0, l - r), h = Math.min(o, l + r), f = (h - a) / 20;
+  const a = Math.max(0, l - i), h = Math.min(o, l + i), f = (h - a) / 20;
   for (let p = a; p <= h; p += f) {
-    const u = s.getPointAtLength(p), w = (u.x - e.x) ** 2 + (u.y - e.y) ** 2;
-    w < n && (n = w, t = u, l = p);
+    const u = n.getPointAtLength(p), w = (u.x - e.x) ** 2 + (u.y - e.y) ** 2;
+    w < s && (s = w, t = u, l = p);
   }
   return { x: t.x, y: t.y, length: l, totalLength: o };
 }
-function Ye(s, e) {
-  return s < Xe || s > e - Xe;
+function Ye(n, e) {
+  return n < Xe || n > e - Xe;
 }
-function Ze(s, e, o) {
-  const t = s.querySelectorAll(".x6-edge-label");
-  for (const n of t) {
-    const i = n.getBoundingClientRect();
-    if (e >= i.left - Ae && e <= i.right + Ae && o >= i.top - Ae && o <= i.bottom + Ae)
+function Ze(n, e, o) {
+  const t = n.querySelectorAll(".x6-edge-label");
+  for (const s of t) {
+    const r = s.getBoundingClientRect();
+    if (e >= r.left - Ae && e <= r.right + Ae && o >= r.top - Ae && o <= r.bottom + Ae)
       return !0;
   }
   return !1;
 }
 function Qe() {
-  const s = "http://www.w3.org/2000/svg", e = document.createElementNS(s, "g");
+  const n = "http://www.w3.org/2000/svg", e = document.createElementNS(n, "g");
   e.setAttribute("class", "flow-canvas-edge-delete-tool"), e.style.cursor = "pointer";
-  const o = document.createElementNS(s, "rect");
+  const o = document.createElementNS(n, "rect");
   o.setAttribute("width", "20"), o.setAttribute("height", "20"), o.setAttribute("x", "-10"), o.setAttribute("y", "-10"), o.setAttribute("rx", "4"), o.setAttribute("ry", "4"), o.setAttribute("fill", "#3a84ff"), e.appendChild(o);
-  const t = document.createElementNS(s, "text");
+  const t = document.createElementNS(n, "text");
   return t.setAttribute("font-family", "flow-canvas"), t.setAttribute("font-size", "16"), t.setAttribute("fill", "#ffffff"), t.setAttribute("text-anchor", "middle"), t.setAttribute("dominant-baseline", "central"), t.textContent = "", e.appendChild(t), e;
 }
-function no(s) {
+function no(n) {
   let e = null, o = null;
   function t(l, a) {
-    if (i(), o = l, a.target?.closest?.(".x6-edge-label")) return;
-    const f = s.getCellById(l);
+    if (r(), o = l, a.target?.closest?.(".x6-edge-label")) return;
+    const f = n.getCellById(l);
     if (!f?.isEdge()) return;
-    const p = s.findViewByCell(f);
+    const p = n.findViewByCell(f);
     if (!p) return;
     const u = p.container.querySelector("path");
     if (!u) return;
-    const w = s.clientToLocal(a.clientX, a.clientY), D = Ke(u, w);
+    const w = n.clientToLocal(a.clientX, a.clientY), D = Ke(u, w);
     if (Ye(D.length, D.totalLength) || Ze(p.container, a.clientX, a.clientY)) return;
     const O = Qe();
     O.setAttribute("transform", `translate(${D.x}, ${D.y})`), p.container.appendChild(O), e = O;
   }
-  function n(l) {
+  function s(l) {
     if (!o) return;
     if (l.target?.closest?.(".x6-edge-label")) {
       e && e.setAttribute("display", "none");
       return;
     }
-    const h = s.getCellById(o);
+    const h = n.getCellById(o);
     if (!h?.isEdge()) return;
-    const f = s.findViewByCell(h);
+    const f = n.findViewByCell(h);
     if (!f) return;
     const p = f.container.querySelector("path");
     if (!p) return;
-    const u = s.clientToLocal(l.clientX, l.clientY), w = Ke(p, u);
+    const u = n.clientToLocal(l.clientX, l.clientY), w = Ke(p, u);
     if (Ye(w.length, w.totalLength) || Ze(f.container, l.clientX, l.clientY))
       e && e.setAttribute("display", "none");
     else if (e)
@@ -1609,36 +1614,36 @@ function no(s) {
       D.setAttribute("transform", `translate(${w.x}, ${w.y})`), f.container.appendChild(D), e = D;
     }
   }
-  function i() {
+  function r() {
     e && (e.remove(), e = null), o = null;
   }
-  function r(l) {
+  function i(l) {
     l === o && (e = null, o = null);
   }
-  return { show: t, move: n, remove: i, handleEdgeRemoved: r };
+  return { show: t, move: s, remove: r, handleEdgeRemoved: i };
 }
-function so(s) {
+function so(n) {
   let e = null, o = 0;
   function t(f) {
     const p = f ? "visible" : "hidden";
-    for (const u of s.getNodes())
+    for (const u of n.getNodes())
       for (const w of u.getPorts())
         u.setPortProp(w.id, "attrs/circle/visibility", p);
   }
-  function n(f) {
+  function s(f) {
     if (!e)
       for (const p of f.getPorts())
         f.setPortProp(p.id, "attrs/circle/visibility", "visible");
   }
-  function i(f) {
+  function r(f) {
     if (!e)
       for (const p of f.getPorts())
         f.setPortProp(p.id, "attrs/circle/visibility", "hidden");
   }
-  function r(f, p) {
+  function i(f, p) {
     if (!f.getTargetCell())
       if (e = f.id, p?.size)
-        for (const u of s.getNodes()) {
+        for (const u of n.getNodes()) {
           const w = p.has(u.id) ? "hidden" : "visible";
           for (const D of u.getPorts())
             u.setPortProp(D.id, "attrs/circle/visibility", w);
@@ -1656,26 +1661,26 @@ function so(s) {
     return !e && Date.now() >= o;
   }
   return {
-    showNodePorts: n,
-    hideNodePorts: i,
-    handleEdgeAdded: r,
+    showNodePorts: s,
+    hideNodePorts: r,
+    handleEdgeAdded: i,
     handleEdgeConnected: l,
     handleEdgeRemoved: a,
     canShowEdgeTool: h
   };
 }
-function Je(s) {
-  return s === "top" || s === "right" || s === "bottom" || s === "left";
+function Je(n) {
+  return n === "top" || n === "right" || n === "bottom" || n === "left";
 }
-function io(s) {
-  const { editor: e, nodeHover: o, isSelectionModeActive: t, viewportVersion: n, getNodeBehavior: i, getInsertGap: r } = s, { isDraggingNode: l } = s, a = H(null), h = H(!1);
+function ro(n) {
+  const { editor: e, nodeHover: o, isSelectionModeActive: t, viewportVersion: s, getNodeBehavior: r, getInsertGap: i } = n, { isDraggingNode: l } = n, a = H(null), h = H(!1);
   let f = null, p = null, u = null;
   const w = V(() => ({
     enabled: !0,
     portGroup: "right",
     autoPanOnOpen: !0,
     autoPanPadding: 16,
-    ...s.quickAddProp.value
+    ...n.quickAddProp.value
   }));
   function D() {
     f && (clearTimeout(f), f = null);
@@ -1702,7 +1707,7 @@ function io(s) {
     const x = w.value.getPort?.(N, _);
     if (!x) return null;
     const R = typeof x == "string" ? x : x.id;
-    return _.find((F) => F.id === R) ?? null;
+    return _.find((q) => q.id === R) ?? null;
   }
   function k(N, _) {
     const x = e.api.value?.overlay.getNodeScreenRect(N);
@@ -1724,19 +1729,19 @@ function io(s) {
     if (!p) return k(N, x);
     const R = p.getCellById(N);
     if (R?.isNode()) {
-      const F = R, Z = p.findViewByCell(F), ae = Z?.findPortElem(_, "circle") ?? Z?.findPortElem(_);
-      if (ae) {
-        const Q = p.container.getBoundingClientRect(), K = ae.getBoundingClientRect();
+      const q = R, Y = p.findViewByCell(q), J = Y?.findPortElem(_, "circle") ?? Y?.findPortElem(_);
+      if (J) {
+        const Z = p.container.getBoundingClientRect(), Q = J.getBoundingClientRect();
         return {
-          x: K.left - Q.left + K.width / 2,
-          y: K.top - Q.top + K.height / 2
+          x: Q.left - Z.left + Q.width / 2,
+          y: Q.top - Z.top + Q.height / 2
         };
       }
     }
     return k(N, x);
   }
   function U(N) {
-    const _ = B(N), x = j(N, _) ?? _.find((F) => F.group === w.value.portGroup) ?? null;
+    const _ = B(N), x = j(N, _) ?? _.find((q) => q.group === w.value.portGroup) ?? null;
     if (!x) return null;
     const R = X(N.id, x.id, x.group);
     return R ? { portId: x.id, portGroup: x.group, portPosition: R } : null;
@@ -1753,19 +1758,19 @@ function io(s) {
   function d(N) {
     if (!w.value.enabled || e.mode.value !== "edit") return !1;
     const x = e.flowModel.value.nodes[N];
-    return !x || i(x).quickAddEnabled === !1 ? !1 : !!U(x);
+    return !x || r(x).quickAddEnabled === !1 ? !1 : !!U(x);
   }
   const y = V(() => {
-    if (n.value, !w.value.enabled) return null;
+    if (s.value, !w.value.enabled) return null;
     const N = a.value;
     if (!N || l.value || !e.api.value || e.mode.value !== "edit" || t.value)
       return null;
     const x = e.flowModel.value.nodes[N];
     if (!x) return null;
-    const R = i(x);
+    const R = r(x);
     if (R.quickAddEnabled === !1) return null;
-    const F = U(x);
-    return F ? { node: x, ...F, behavior: R } : null;
+    const q = U(x);
+    return q ? { node: x, ...q, behavior: R } : null;
   });
   function c(N) {
     h.value = !0, y.value && e._emitUiEvent({ type: "node.quick-add", nodeId: N, position: y.value.portPosition });
@@ -1789,15 +1794,15 @@ function io(s) {
   function E(N, _) {
     const x = e.api.value;
     if (!x) return;
-    const R = _.id || e.idGenerator("node"), F = { ..._, id: R }, Z = e.flowModel.value.nodes[N];
-    if (!Z) return;
-    x.insertNodeToRight(N, F, {
+    const R = _.id || e.idGenerator("node"), q = { ..._, id: R }, Y = e.flowModel.value.nodes[N];
+    if (!Y) return;
+    x.insertNodeToRight(N, q, {
       autoWireEdges: !0,
-      direction: G(Z),
-      gap: r(),
+      direction: G(Y),
+      gap: i(),
       source: "user:quick-add",
       label: "快捷插入节点"
-    }).status === "applied" && e._emitUiEvent({ type: "node.action.quick-insert", sourceNodeId: N, newNodeId: R }), s.closePopover();
+    }).status === "applied" && e._emitUiEvent({ type: "node.action.quick-insert", sourceNodeId: N, newNodeId: R }), n.closePopover();
   }
   function L(N) {
     if (!p) return;
@@ -1805,32 +1810,32 @@ function io(s) {
     if (!_?.isNode()) return;
     const x = _, R = e.flowModel.value.nodes[N];
     if (!R) return;
-    const F = U(R);
-    let Z = !0;
-    i(R).hidePortForQuickAdd === !1 && (Z = !1);
-    const Q = Z && !l.value && !!F && d(N);
-    for (const K of x.getPorts()) {
-      const me = Q && K.id === F?.portId ? "hidden" : "visible";
-      x.setPortProp(K.id, "attrs/circle/visibility", me);
+    const q = U(R);
+    let Y = !0;
+    r(R).hidePortForQuickAdd === !1 && (Y = !1);
+    const Z = Y && !l.value && !!q && d(N);
+    for (const Q of x.getPorts()) {
+      const ne = Z && Q.id === q?.portId ? "hidden" : "visible";
+      x.setPortProp(Q.id, "attrs/circle/visibility", ne);
     }
   }
   function z(N, _) {
-    u?.(), p = N, u = ge(
+    u?.(), p = N, u = he(
       [a, l],
       ([x], [R]) => {
         if (R && R !== x) {
-          const F = N.getCellById(R);
-          F?.isNode() && _(F);
+          const q = N.getCellById(R);
+          q?.isNode() && _(q);
         }
         x && L(x);
       },
       { flush: "sync" }
     );
   }
-  ge(y, (N) => {
+  he(y, (N) => {
     N || (h.value = !1);
   });
-  function re() {
+  function de() {
     f && clearTimeout(f), u?.(), u = null, p = null;
   }
   return {
@@ -1851,21 +1856,21 @@ function io(s) {
     isActiveForNode: d,
     syncNodePorts: L,
     attachRuntime: z,
-    cleanup: re
+    cleanup: de
   };
 }
-const ro = 15, ao = 10;
-function lo(s) {
-  const { editor: e } = s;
-  let o = null, t = null, n = null, i = null;
-  const r = [];
+const io = 15, ao = 10;
+function lo(n) {
+  const { editor: e } = n;
+  let o = null, t = null, s = null, r = null;
+  const i = [];
   let l = null;
   const a = V(() => ({
     enabled: !1,
-    bufferMargin: ro,
+    bufferMargin: io,
     incomingPortGroup: "left",
     outgoingPortGroup: "right",
-    ...s.edgeDropProp.value
+    ...n.edgeDropProp.value
   }));
   function h(d) {
     if (!o) return null;
@@ -1880,12 +1885,12 @@ function lo(s) {
   }
   function f(d) {
     const y = h(d);
-    y && (y.style.stroke = "#3a84ff", i = d);
+    y && (y.style.stroke = "#3a84ff", r = d);
   }
   function p() {
-    if (!i) return;
-    const d = h(i);
-    d && (d.style.stroke = ""), i = null;
+    if (!r) return;
+    const d = h(r);
+    d && (d.style.stroke = ""), r = null;
   }
   function u(d, y, c) {
     if (o) {
@@ -1923,23 +1928,23 @@ function lo(s) {
     if (m.width <= 0 || m.height <= 0) return null;
     const E = m.x + m.width, L = m.y + m.height;
     let z = null;
-    const re = d.x + d.width / 2, N = d.y + d.height / 2;
+    const de = d.x + d.width / 2, N = d.y + d.height / 2;
     for (const _ of o.getEdges()) {
       const x = y.edges[_.id];
       if (!x || c && (x.source.nodeId === c || x.target.nodeId === c) || g.isEdgeDropTarget && !g.isEdgeDropTarget(x, y)) continue;
       const R = o.findViewByCell(_);
       if (!R) continue;
-      const F = R.findOne?.("path");
-      if (!F || typeof F.getTotalLength != "function") continue;
-      const Z = w(F);
-      if (!Z.length) continue;
-      let ae = !1, Q = 1 / 0;
-      for (const K of Z)
-        if (K.x >= m.x && K.x <= E && K.y >= m.y && K.y <= L) {
-          const me = K.x - re, pe = K.y - N, we = me * me + pe * pe;
-          we < Q && (Q = we), ae = !0;
+      const q = R.findOne?.("path");
+      if (!q || typeof q.getTotalLength != "function") continue;
+      const Y = w(q);
+      if (!Y.length) continue;
+      let J = !1, Z = 1 / 0;
+      for (const Q of Y)
+        if (Q.x >= m.x && Q.x <= E && Q.y >= m.y && Q.y <= L) {
+          const ne = Q.x - de, re = Q.y - N, we = ne * ne + re * re;
+          we < Z && (Z = we), J = !0;
         }
-      ae && (!z || Q < z.distSq) && (z = { edgeId: _.id, edge: x, distSq: Q });
+      J && (!z || Z < z.distSq) && (z = { edgeId: _.id, edge: x, distSq: Z });
     }
     return z ? { edgeId: z.edgeId, edge: z.edge } : null;
   }
@@ -1960,14 +1965,14 @@ function lo(s) {
     b = !g.isNodeInsertable || g.isNodeInsertable(c, y);
   }
   function M({ node: d }) {
-    !a.value.enabled || !b || n === null && (n = requestAnimationFrame(() => {
-      if (n = null, !o) return;
+    !a.value.enabled || !b || s === null && (s = requestAnimationFrame(() => {
+      if (s = null, !o) return;
       const y = d.getPosition(), c = d.getSize();
       O({ x: y.x, y: y.y, width: c.width, height: c.height }, d.id);
     }));
   }
   function B() {
-    n !== null && (cancelAnimationFrame(n), n = null), p(), b = !0;
+    s !== null && (cancelAnimationFrame(s), s = null), p(), b = !0;
   }
   function j() {
     if (!o) return;
@@ -1979,8 +1984,8 @@ function lo(s) {
         d && (d = !1, p(), t = null);
         return;
       }
-      d = !0, n === null && (n = requestAnimationFrame(() => {
-        if (n = null, !o) return;
+      d = !0, s === null && (s = requestAnimationFrame(() => {
+        if (s = null, !o) return;
         const c = y.getBoundingClientRect(), g = o.clientToLocal(c.left, c.top), v = o.clientToLocal(c.right, c.bottom), m = {
           x: g.x,
           y: g.y,
@@ -1989,12 +1994,12 @@ function lo(s) {
         };
         O(m);
       }));
-    }, document.addEventListener("mousemove", l), r.push(() => {
+    }, document.addEventListener("mousemove", l), i.push(() => {
       l && (document.removeEventListener("mousemove", l), l = null);
     });
   }
   function k() {
-    p(), t = null, n !== null && (cancelAnimationFrame(n), n = null);
+    p(), t = null, s !== null && (cancelAnimationFrame(s), s = null);
   }
   function X(d) {
     if (!t || d.source !== "user:drag") return d;
@@ -2009,7 +2014,7 @@ function lo(s) {
     const L = a.value;
     if (L.isNodeInsertable && !L.isNodeInsertable(E, c))
       return d;
-    const z = u(m, E, L.incomingPortGroup), re = u(m, E, L.outgoingPortGroup), N = e.idGenerator("edge"), _ = e.idGenerator("edge"), x = [
+    const z = u(m, E, L.incomingPortGroup), de = u(m, E, L.outgoingPortGroup), N = e.idGenerator("edge"), _ = e.idGenerator("edge"), x = [
       { type: "edge.remove", edgeId: y },
       {
         type: "edge.add",
@@ -2025,7 +2030,7 @@ function lo(s) {
         edge: {
           id: _,
           type: g.type,
-          source: { nodeId: m, portId: re },
+          source: { nodeId: m, portId: de },
           target: { nodeId: g.target.nodeId, portId: g.target.portId }
         }
       }
@@ -2039,14 +2044,14 @@ function lo(s) {
   function U(d) {
     o = d;
     const y = (c, g) => {
-      d.on(c, g), r.push(() => d.off(c, g));
+      d.on(c, g), i.push(() => d.off(c, g));
     };
     y("node:move", S), y("node:change:position", M), y("node:moved", B), j();
   }
   function G() {
     k();
-    for (const d of r) d();
-    r.length = 0, o = null, b = !0;
+    for (const d of i) d();
+    i.length = 0, o = null, b = !0;
   }
   return {
     attachRuntime: U,
@@ -2054,35 +2059,35 @@ function lo(s) {
     cleanup: G
   };
 }
-function co(s) {
-  function e(n) {
+function co(n) {
+  function e(s) {
     return {
-      id: s.idGenerator("node"),
-      type: n.type,
-      label: n.label,
-      ports: n.ports ? JSON.parse(JSON.stringify(n.ports)) : void 0,
-      payload: n.payload ? JSON.parse(JSON.stringify(n.payload)) : void 0,
-      extensions: n.extensions ? JSON.parse(JSON.stringify(n.extensions)) : void 0
+      id: n.idGenerator("node"),
+      type: s.type,
+      label: s.label,
+      ports: s.ports ? JSON.parse(JSON.stringify(s.ports)) : void 0,
+      payload: s.payload ? JSON.parse(JSON.stringify(s.payload)) : void 0,
+      extensions: s.extensions ? JSON.parse(JSON.stringify(s.extensions)) : void 0
     };
   }
-  function o(n, i, r) {
-    const l = s.api.value;
-    switch (n) {
+  function o(s, r, i) {
+    const l = n.api.value;
+    switch (s) {
       case "delete":
-        return s.executeCommand({
-          id: J(),
+        return n.executeCommand({
+          id: ee(),
           source: "user:toolbar",
           label: "删除节点",
           timestamp: Date.now(),
-          commands: [{ type: "node.remove", nodeId: i }]
-        }), s._emitUiEvent({ type: "node.action.delete", nodeId: i }), !0;
+          commands: [{ type: "node.remove", nodeId: r }]
+        }), n._emitUiEvent({ type: "node.action.delete", nodeId: r }), !0;
       case "copy": {
         if (!l) break;
-        const a = s.flowModel.value.nodes[i];
+        const a = n.flowModel.value.nodes[r];
         if (!a) break;
         const h = e(a), f = 50;
-        s.executeCommand({
-          id: J(),
+        n.executeCommand({
+          id: ee(),
           source: "user:toolbar",
           label: "复制节点",
           timestamp: Date.now(),
@@ -2098,46 +2103,46 @@ function co(s) {
               }
             }
           ]
-        }), l.selectNodes([h.id]), s._emitUiEvent({ type: "node.action.copy", sourceNodeId: i, newNodeId: h.id });
+        }), l.selectNodes([h.id]), n._emitUiEvent({ type: "node.action.copy", sourceNodeId: r, newNodeId: h.id });
         break;
       }
       case "copy-insert": {
         if (!l) break;
-        const a = s.flowModel.value.nodes[i];
+        const a = n.flowModel.value.nodes[r];
         if (!a) break;
         const h = e(a);
-        l.insertNodeToRight(i, h, {
+        l.insertNodeToRight(r, h, {
           autoWireEdges: !0,
-          gap: r,
+          gap: i,
           label: "复制并插入节点"
-        }), l.selectNodes([h.id]), s._emitUiEvent({ type: "node.action.copy-insert", sourceNodeId: i, newNodeId: h.id });
+        }), l.selectNodes([h.id]), n._emitUiEvent({ type: "node.action.copy-insert", sourceNodeId: r, newNodeId: h.id });
         break;
       }
       case "disconnect": {
-        const a = s.flowModel.value, h = Object.entries(a.edges).filter(([, f]) => {
+        const a = n.flowModel.value, h = Object.entries(a.edges).filter(([, f]) => {
           const p = f;
-          return p.source.nodeId === i || p.target.nodeId === i;
+          return p.source.nodeId === r || p.target.nodeId === r;
         }).map(([f]) => f);
         if (h.length === 0) break;
-        s.executeCommand({
-          id: J(),
+        n.executeCommand({
+          id: ee(),
           source: "user:toolbar",
           label: "断开连线",
           timestamp: Date.now(),
           commands: h.map((f) => ({ type: "edge.remove", edgeId: f }))
-        }), s._emitUiEvent({ type: "node.action.disconnect", nodeId: i, edgeIds: h });
+        }), n._emitUiEvent({ type: "node.action.disconnect", nodeId: r, edgeIds: h });
         break;
       }
       case "debug": {
-        s._emitUiEvent({ type: "node.action.debug", nodeId: i });
+        n._emitUiEvent({ type: "node.action.debug", nodeId: r });
         break;
       }
     }
     return !1;
   }
-  function t(n) {
-    s.api.value?.deleteSelection({
-      selection: n,
+  function t(s) {
+    n.api.value?.deleteSelection({
+      selection: s,
       source: "user:toolbar",
       label: "批量删除选中"
     });
@@ -2165,8 +2170,8 @@ function uo() {
     ]
   };
 }
-function fo(s, e) {
-  const o = e.defaultEdgeType ?? "default", t = e.edgeTypes?.[o], n = {
+function fo(n, e) {
+  const o = e.defaultEdgeType ?? "default", t = e.edgeTypes?.[o], s = {
     zIndex: -1,
     attrs: {
       line: {
@@ -2176,39 +2181,39 @@ function fo(s, e) {
       }
     }
   };
-  t?.router && (n.router = typeof t.router == "string" ? { name: t.router } : t.router), t?.connector && (n.connector = typeof t.connector == "string" ? { name: t.connector } : t.connector), t?.x6EdgeConfig && Object.assign(n, t.x6EdgeConfig);
-  const i = n.attrs ?? {}, r = i.line ?? {};
-  return n.attrs = {
-    ...i,
+  t?.router && (s.router = typeof t.router == "string" ? { name: t.router } : t.router), t?.connector && (s.connector = typeof t.connector == "string" ? { name: t.connector } : t.connector), t?.x6EdgeConfig && Object.assign(s, t.x6EdgeConfig);
+  const r = s.attrs ?? {}, i = r.line ?? {};
+  return s.attrs = {
+    ...r,
     line: {
-      ...r,
+      ...i,
       targetMarker: uo()
     }
-  }, s.createEdge(n);
+  }, n.createEdge(s);
 }
 const go = ".x6-widget-selection", po = ".x6-graph-svg";
-function ho(s) {
-  const e = s.querySelector(go), o = s.querySelector(po);
+function ho(n) {
+  const e = n.querySelector(go), o = n.querySelector(po);
   return !e || !o || e.parentNode !== o.parentNode || !o.parentNode || o.previousSibling === e ? !1 : (o.parentNode.insertBefore(e, o), !0);
 }
-function vo(s) {
-  const e = () => ho(s);
+function vo(n) {
+  const e = () => ho(n);
   e();
   const o = new MutationObserver(() => {
     e();
   });
-  return o.observe(s, { childList: !0 }), () => o.disconnect();
+  return o.observe(n, { childList: !0 }), () => o.disconnect();
 }
-function mo(s, e, o) {
-  const t = new Set(e), n = new Set(o), i = /* @__PURE__ */ new Set([...t, ...n]);
-  for (const r of i) {
-    const l = s.getCellById(r);
+function mo(n, e, o) {
+  const t = new Set(e), s = new Set(o), r = /* @__PURE__ */ new Set([...t, ...s]);
+  for (const i of r) {
+    const l = n.getCellById(i);
     if (!l?.isNode()) continue;
-    const a = n.has(r), h = l.getData() ?? {};
+    const a = s.has(i), h = l.getData() ?? {};
     h._selected !== a && l.setData({ ...h, _selected: a });
   }
 }
-const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
+const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ pe({
   __name: "node-actions-toolbar",
   props: {
     node: {},
@@ -2218,15 +2223,15 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
     actionsOffset: {}
   },
   emits: ["action"],
-  setup(s, { emit: e }) {
-    const o = s, t = V(() => {
+  setup(n, { emit: e }) {
+    const o = n, t = V(() => {
       const p = o.actionsOffset?.x ?? 0, u = o.actionsOffset?.y ?? 0, w = p !== 0 || u !== 0;
       return {
         left: `${o.position.x}px`,
         top: `${o.position.y}px`,
         transform: w ? `translate(${p}px, ${u}px)` : "translateX(-100%)"
       };
-    }), n = e, i = V(() => ({
+    }), s = e, r = V(() => ({
       debug: {
         visible: o.config.showDebug && o.behavior.debuggable !== !1,
         disabled: o.behavior.debugDisabled === !0
@@ -2247,7 +2252,7 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
         visible: o.config.showDisconnect && o.behavior.disconnectable !== !1,
         disabled: o.behavior.disconnectDisabled === !0
       }
-    })), r = V(() => i.value.copy.visible || i.value.copyInsert.visible || i.value.disconnect.visible), l = H(!1);
+    })), i = V(() => r.value.copy.visible || r.value.copyInsert.visible || r.value.disconnect.visible), l = H(!1);
     let a = null;
     function h() {
       a && (clearTimeout(a), a = null), l.value = !0;
@@ -2263,73 +2268,73 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
       class: "flow-canvas-node-actions",
       style: Ee(t.value)
     }, [
-      q("div", yo, [
-        i.value.debug.visible ? (A(), T("i", {
+      F("div", yo, [
+        r.value.debug.visible ? (A(), T("i", {
           key: 0,
-          class: te(["flow-canvas-icon canvas-debug flow-canvas-node-actions__icon", { "is-disabled": i.value.debug.disabled }]),
-          onClick: u[0] || (u[0] = (w) => !i.value.debug.disabled && n("action", "debug", s.node.id))
-        }, null, 2)) : Y("", !0),
-        i.value.delete.visible ? (A(), T("i", {
+          class: oe(["flow-canvas-icon canvas-debug flow-canvas-node-actions__icon", { "is-disabled": r.value.debug.disabled }]),
+          onClick: u[0] || (u[0] = (w) => !r.value.debug.disabled && s("action", "debug", n.node.id))
+        }, null, 2)) : K("", !0),
+        r.value.delete.visible ? (A(), T("i", {
           key: 1,
-          class: te(["flow-canvas-icon canvas-shanchu flow-canvas-node-actions__icon", { "is-disabled": i.value.delete.disabled }]),
-          onClick: u[1] || (u[1] = (w) => !i.value.delete.disabled && n("action", "delete", s.node.id))
-        }, null, 2)) : Y("", !0),
-        r.value ? (A(), T("div", {
+          class: oe(["flow-canvas-icon canvas-shanchu flow-canvas-node-actions__icon", { "is-disabled": r.value.delete.disabled }]),
+          onClick: u[1] || (u[1] = (w) => !r.value.delete.disabled && s("action", "delete", n.node.id))
+        }, null, 2)) : K("", !0),
+        i.value ? (A(), T("div", {
           key: 2,
           class: "flow-canvas-node-actions__more-wrapper",
           onMouseenter: h,
           onMouseleave: f
         }, [...u[5] || (u[5] = [
-          q("i", { class: "flow-canvas-icon canvas-gengduo flow-canvas-node-actions__icon" }, null, -1)
-        ])], 32)) : Y("", !0)
+          F("i", { class: "flow-canvas-icon canvas-gengduo flow-canvas-node-actions__icon" }, null, -1)
+        ])], 32)) : K("", !0)
       ]),
       at(lt, { name: "flow-canvas-fade" }, {
         default: He(() => [
-          l.value && r.value ? (A(), T("div", {
+          l.value && i.value ? (A(), T("div", {
             key: 0,
             class: "flow-canvas-node-actions__dropdown",
             onMouseenter: h,
             onMouseleave: f
           }, [
-            i.value.copy.visible ? (A(), T("div", {
+            r.value.copy.visible ? (A(), T("div", {
               key: 0,
-              class: te(["flow-canvas-node-actions__dropdown-item", { "is-disabled": i.value.copy.disabled }]),
-              onClick: u[2] || (u[2] = (w) => !i.value.copy.disabled && n("action", "copy", s.node.id))
+              class: oe(["flow-canvas-node-actions__dropdown-item", { "is-disabled": r.value.copy.disabled }]),
+              onClick: u[2] || (u[2] = (w) => !r.value.copy.disabled && s("action", "copy", n.node.id))
             }, [...u[6] || (u[6] = [
-              q("i", { class: "flow-canvas-icon canvas-copy-fuzhi-2" }, null, -1),
-              q("span", null, "复制", -1)
-            ])], 2)) : Y("", !0),
-            i.value.copyInsert.visible ? (A(), T("div", {
+              F("i", { class: "flow-canvas-icon canvas-copy-fuzhi-2" }, null, -1),
+              F("span", null, "复制", -1)
+            ])], 2)) : K("", !0),
+            r.value.copyInsert.visible ? (A(), T("div", {
               key: 1,
-              class: te(["flow-canvas-node-actions__dropdown-item", { "is-disabled": i.value.copyInsert.disabled }]),
-              onClick: u[3] || (u[3] = (w) => !i.value.copyInsert.disabled && n("action", "copy-insert", s.node.id))
+              class: oe(["flow-canvas-node-actions__dropdown-item", { "is-disabled": r.value.copyInsert.disabled }]),
+              onClick: u[3] || (u[3] = (w) => !r.value.copyInsert.disabled && s("action", "copy-insert", n.node.id))
             }, [...u[7] || (u[7] = [
-              q("i", { class: "flow-canvas-icon canvas-fuzhibingcharu" }, null, -1),
-              q("span", null, "复制并插入", -1)
-            ])], 2)) : Y("", !0),
-            i.value.disconnect.visible ? (A(), T("div", {
+              F("i", { class: "flow-canvas-icon canvas-fuzhibingcharu" }, null, -1),
+              F("span", null, "复制并插入", -1)
+            ])], 2)) : K("", !0),
+            r.value.disconnect.visible ? (A(), T("div", {
               key: 2,
-              class: te(["flow-canvas-node-actions__dropdown-item", { "is-disabled": i.value.disconnect.disabled }]),
-              onClick: u[4] || (u[4] = (w) => !i.value.disconnect.disabled && n("action", "disconnect", s.node.id))
+              class: oe(["flow-canvas-node-actions__dropdown-item", { "is-disabled": r.value.disconnect.disabled }]),
+              onClick: u[4] || (u[4] = (w) => !r.value.disconnect.disabled && s("action", "disconnect", n.node.id))
             }, [...u[8] || (u[8] = [
-              q("i", { class: "flow-canvas-icon canvas-unlock-jiebang" }, null, -1),
-              q("span", null, "断开连线", -1)
-            ])], 2)) : Y("", !0)
-          ], 32)) : Y("", !0)
+              F("i", { class: "flow-canvas-icon canvas-unlock-jiebang" }, null, -1),
+              F("span", null, "断开连线", -1)
+            ])], 2)) : K("", !0)
+          ], 32)) : K("", !0)
         ]),
         _: 1
       })
     ], 4));
   }
-}), ve = (s, e) => {
-  const o = s.__vccOpts || s;
-  for (const [t, n] of e)
-    o[t] = n;
+}), me = (n, e) => {
+  const o = n.__vccOpts || n;
+  for (const [t, s] of e)
+    o[t] = s;
   return o;
-}, bo = /* @__PURE__ */ ve(wo, [["__scopeId", "data-v-3b39dab5"]]), Eo = {
+}, bo = /* @__PURE__ */ me(wo, [["__scopeId", "data-v-3b39dab5"]]), Eo = {
   key: 0,
   class: "flow-canvas-quick-add__tooltip"
-}, xo = 5, Io = /* @__PURE__ */ fe({
+}, xo = 5, Io = /* @__PURE__ */ pe({
   __name: "node-quick-add-popover",
   props: {
     node: {},
@@ -2338,8 +2343,8 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
     autoPanPadding: {}
   },
   emits: ["open", "close", "start-drag", "viewport-overflow-right", "mouseenter", "mouseleave"],
-  setup(s, { expose: e, emit: o }) {
-    const t = s, n = o, i = H(), r = H(), l = H(!1), a = H(!1);
+  setup(n, { expose: e, emit: o }) {
+    const t = n, s = o, r = H(), i = H(), l = H(!1), a = H(!1);
     let h = null, f = !1, p = null;
     function u(G) {
       G.preventDefault(), G.stopPropagation(), h = { x: G.clientX, y: G.clientY }, f = !1, document.addEventListener("mousemove", w), document.addEventListener("mouseup", D);
@@ -2347,7 +2352,7 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
     function w(G) {
       if (!h) return;
       const d = G.clientX - h.x, y = G.clientY - h.y;
-      Math.sqrt(d * d + y * y) >= xo && (f = !0, O(), n("start-drag", t.node.id));
+      Math.sqrt(d * d + y * y) >= xo && (f = !0, O(), s("start-drag", t.node.id));
     }
     function D() {
       O(), f || b(), h = null, f = !1;
@@ -2359,7 +2364,7 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
       a.value ? B() : S();
     }
     function S() {
-      a.value = !0, n("open", t.node.id), Ge(() => {
+      a.value = !0, s("open", t.node.id), Ge(() => {
         requestAnimationFrame(() => {
           M();
         });
@@ -2368,105 +2373,105 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
       });
     }
     function M() {
-      if (!a.value || !t.autoPanOnOpen || !r.value) return;
+      if (!a.value || !t.autoPanOnOpen || !i.value) return;
       const G = window.innerWidth || document.documentElement.clientWidth || 0;
       if (G <= 0) return;
-      const d = t.autoPanPadding ?? 16, c = r.value.getBoundingClientRect().right + d - G;
-      c > 0 && n("viewport-overflow-right", c);
+      const d = t.autoPanPadding ?? 16, c = i.value.getBoundingClientRect().right + d - G;
+      c > 0 && s("viewport-overflow-right", c);
     }
     function B() {
-      a.value = !1, n("close"), document.removeEventListener("mousedown", j);
+      a.value = !1, s("close"), document.removeEventListener("mousedown", j);
     }
     function j(G) {
       const d = G.target;
-      i.value?.contains(d) || r.value?.contains(d) || B();
+      r.value?.contains(d) || i.value?.contains(d) || B();
     }
     function k() {
-      a.value || n("mouseleave");
+      a.value || s("mouseleave");
     }
     function X() {
-      p && (clearTimeout(p), p = null), n("mouseenter");
+      p && (clearTimeout(p), p = null), s("mouseenter");
     }
     function U() {
       p = setTimeout(() => {
-        B(), n("mouseleave"), p = null;
+        B(), s("mouseleave"), p = null;
       }, 150);
     }
     return Te(() => {
       O(), p && clearTimeout(p), document.removeEventListener("mousedown", j);
     }), e({ closePopover: B }), (G, d) => (A(), T("div", {
       class: "flow-canvas-quick-add",
-      style: Ee({ left: `${s.portPosition.x}px`, top: `${s.portPosition.y}px` }),
-      onMouseenter: d[2] || (d[2] = (y) => n("mouseenter")),
+      style: Ee({ left: `${n.portPosition.x}px`, top: `${n.portPosition.y}px` }),
+      onMouseenter: d[2] || (d[2] = (y) => s("mouseenter")),
       onMouseleave: k,
       onClick: d[3] || (d[3] = ht(() => {
       }, ["stop"]))
     }, [
-      q("div", {
+      F("div", {
         ref_key: "btnRef",
-        ref: i,
-        class: te(["flow-canvas-quick-add__btn", { "is-hovered": l.value, "is-active": a.value }]),
+        ref: r,
+        class: oe(["flow-canvas-quick-add__btn", { "is-hovered": l.value, "is-active": a.value }]),
         onMouseenter: d[0] || (d[0] = (y) => l.value = !0),
         onMouseleave: d[1] || (d[1] = (y) => l.value = !1),
         onMousedown: u
       }, [...d[4] || (d[4] = [
-        q("i", { class: "flow-canvas-icon canvas-zoom-add" }, null, -1)
+        F("i", { class: "flow-canvas-icon canvas-zoom-add" }, null, -1)
       ])], 34),
       l.value && !a.value ? (A(), T("div", Eo, [...d[5] || (d[5] = [
-        q("div", null, [
-          q("b", null, "点击"),
+        F("div", null, [
+          F("b", null, "点击"),
           je(" 添加节点")
         ], -1),
-        q("div", null, [
-          q("b", null, "拖拽"),
+        F("div", null, [
+          F("b", null, "拖拽"),
           je(" 连接节点")
         ], -1)
-      ])])) : Y("", !0),
+      ])])) : K("", !0),
       at(lt, { name: "flow-canvas-fade" }, {
         default: He(() => [
           a.value ? (A(), T("div", {
             key: 0,
             ref_key: "popoverRef",
-            ref: r,
+            ref: i,
             class: "flow-canvas-quick-add__popover",
             onMouseenter: X,
             onMouseleave: U
           }, [
             Me(G.$slots, "default", {}, () => [
-              d[6] || (d[6] = q("div", { class: "flow-canvas-quick-add__default-content" }, "节点快捷操作面板", -1))
+              d[6] || (d[6] = F("div", { class: "flow-canvas-quick-add__default-content" }, "节点快捷操作面板", -1))
             ], !0)
-          ], 544)) : Y("", !0)
+          ], 544)) : K("", !0)
         ]),
         _: 3
       })
     ], 36));
   }
-}), Co = /* @__PURE__ */ ve(Io, [["__scopeId", "data-v-255b3d8c"]]), ko = { class: "flow-canvas-selection-actions__bar" }, So = /* @__PURE__ */ fe({
+}), Co = /* @__PURE__ */ me(Io, [["__scopeId", "data-v-255b3d8c"]]), ko = { class: "flow-canvas-selection-actions__bar" }, So = /* @__PURE__ */ pe({
   __name: "selection-actions-toolbar",
   props: {
     position: {},
     canDelete: { type: Boolean }
   },
   emits: ["action"],
-  setup(s, { emit: e }) {
-    const o = s, t = e, n = V(() => ({
+  setup(n, { emit: e }) {
+    const o = n, t = e, s = V(() => ({
       left: `${o.position.x}px`,
       top: `${o.position.y}px`,
       transform: "translateX(-100%)"
     }));
-    return (i, r) => (A(), T("div", {
+    return (r, i) => (A(), T("div", {
       class: "flow-canvas-selection-actions",
-      style: Ee(n.value)
+      style: Ee(s.value)
     }, [
-      q("div", ko, [
-        q("i", {
-          class: te(["flow-canvas-icon canvas-shanchu flow-canvas-selection-actions__icon", { "is-disabled": !s.canDelete }]),
-          onClick: r[0] || (r[0] = (l) => s.canDelete && t("action", "delete"))
+      F("div", ko, [
+        F("i", {
+          class: oe(["flow-canvas-icon canvas-shanchu flow-canvas-selection-actions__icon", { "is-disabled": !n.canDelete }]),
+          onClick: i[0] || (i[0] = (l) => n.canDelete && t("action", "delete"))
         }, null, 2)
       ])
     ], 4));
   }
-}), Mo = /* @__PURE__ */ ve(So, [["__scopeId", "data-v-25eb8b79"]]), No = { class: "flow-canvas-runtime-core__overlay" }, Do = /* @__PURE__ */ fe({
+}), Mo = /* @__PURE__ */ me(So, [["__scopeId", "data-v-25eb8b79"]]), No = { class: "flow-canvas-runtime-core__overlay" }, Do = /* @__PURE__ */ pe({
   __name: "canvas-runtime-core",
   props: {
     editor: {},
@@ -2478,8 +2483,8 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
     toolbarInclude: {}
   },
   emits: ["ui-event"],
-  setup(s, { expose: e, emit: o }) {
-    const t = s, n = o, i = H(), r = H();
+  setup(n, { expose: e, emit: o }) {
+    const t = n, s = o, r = H(), i = H();
     let l, a, h, f, p = null, u = null, w = null, D = null, O = null;
     const b = oo(), { hoveredNodeId: S, isDraggingNode: M } = b, B = b.enterOverlay, j = () => b.leaveOverlay(), k = H(0), X = H({ nodeIds: [], edgeIds: [] });
     function U(I) {
@@ -2503,15 +2508,15 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
       () => {
         if (k.value, !t.editor.api.value) return [];
         const I = t.editor.flowModel.value, C = t.editor.api.value.overlay, P = [];
-        for (const [W, ee] of Object.entries(I.nodes)) {
-          const le = t.editor._pluginManager.collectNodeDecorations(ee);
-          if (!le?.badge) continue;
-          const oe = C.getNodeScreenRect(W);
-          oe && P.push({
+        for (const [W, te] of Object.entries(I.nodes)) {
+          const ce = t.editor._pluginManager.collectNodeDecorations(te);
+          if (!ce?.badge) continue;
+          const se = C.getNodeScreenRect(W);
+          se && P.push({
             nodeId: W,
-            x: oe.x + oe.width - 4,
-            y: oe.y - 8,
-            badge: le.badge
+            x: se.x + se.width - 4,
+            y: se.y - 8,
+            badge: ce.badge
           });
         }
         return P;
@@ -2525,11 +2530,11 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
       if (!P) return null;
       const W = t.editor.api.value.overlay.getNodeScreenRect(I);
       if (!W) return null;
-      const ee = U(P);
-      return ee.showActions === !1 ? null : {
+      const te = U(P);
+      return te.showActions === !1 ? null : {
         node: P,
         position: { x: W.x + W.width, y: W.y + W.height + 4 },
-        behavior: ee
+        behavior: te
       };
     }), g = V(() => {
       if (k.value, !t.editor.api.value || t.editor.mode.value !== "edit") return null;
@@ -2542,7 +2547,7 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
         position: { x: C.x + C.width, y: C.y + C.height + 4 },
         canDelete: P.nodeIds.length > 0 || P.edgeIds.length > 0
       };
-    }), v = H(), m = io({
+    }), v = H(), m = ro({
       editor: t.editor,
       quickAddProp: V(() => t.quickAdd),
       isDraggingNode: M,
@@ -2553,20 +2558,20 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
       getInsertGap: () => d.value.insertGap,
       closePopover: () => v.value?.closePopover()
     }), E = m.data, L = m.handleOpen, z = m.handleStartDrag;
-    function re() {
+    function de() {
       m.handleClose(), b.leaveOverlay(200), m.leave();
     }
     const N = m.handleOverlayEnter, _ = m.handleOverlayLeave, x = m.handleInsert, R = lo({
       editor: t.editor,
       edgeDropProp: V(() => t.edgeDrop)
-    }), F = co(t.editor);
-    function Z(I, C) {
-      F.handleNodeAction(I, C, d.value.insertGap) && (S.value = null);
+    }), q = co(t.editor);
+    function Y(I, C) {
+      q.handleNodeAction(I, C, d.value.insertGap) && (S.value = null);
     }
-    function ae(I) {
-      I === "delete" && F.deleteSelection(X.value);
+    function J(I) {
+      I === "delete" && q.deleteSelection(X.value);
     }
-    function Q(I) {
+    function Z(I) {
       if (t.editor.mode.value !== "edit") return;
       if ((I.metaKey || I.ctrlKey) && (I.key === "z" || I.key === "Z")) {
         if (I.shiftKey) {
@@ -2581,14 +2586,14 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
       }
       t.editor._pluginManager.dispatchKeyboardShortcut(I) && (I.preventDefault(), I.stopPropagation());
     }
-    function K(I, C) {
-      const P = l, W = (ee) => {
-        const le = P.isRubberbandEnabled?.() ?? !1;
-        le && P.disableRubberband?.(), ee ? l.enablePanning() : l.disablePanning(), le && P.enableRubberband?.();
+    function Q(I, C) {
+      const P = l, W = (te) => {
+        const ce = P.isRubberbandEnabled?.() ?? !1;
+        ce && P.disableRubberband?.(), te ? l.enablePanning() : l.disablePanning(), ce && P.enableRubberband?.();
       };
       I && C ? (P.enableSelection?.(), b.reset(), m.quickAddNodeId.value = null, m.quickAddPopoverOpen.value = !1, p?.remove(), W(!1), P.enableRubberband?.()) : (P.disableRubberband?.(), W(!0), P.disableSelection?.(), P.cleanSelection?.());
     }
-    function me(I) {
+    function ne(I) {
       l.on("node:move", ({ node: C }) => {
         M.value = !0;
         const P = t.editor.flowModel.value.nodes[C.id];
@@ -2617,14 +2622,14 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
         P && U(P).actionsOffset && (W = 300), b.leave(W), m.mergedConfig.value.enabled ? m.quickAddNodeId.value === C.id && !m.quickAddPopoverOpen.value ? m.leave() : m.quickAddNodeId.value !== C.id && I.hideNodePorts(C) : I.hideNodePorts(C);
       });
     }
-    function pe(I) {
+    function re(I) {
       l.on("edge:added", ({ edge: C }) => {
         let P;
         if (t.getConnectionExcludedNodeIds && !C.getTargetCell()) {
           const W = C.getSourceCell();
           if (W) {
-            const ee = t.getConnectionExcludedNodeIds(W.id);
-            P = ee instanceof Set ? ee : new Set(ee);
+            const te = t.getConnectionExcludedNodeIds(W.id);
+            P = te instanceof Set ? te : new Set(te);
           }
         }
         I.handleEdgeAdded(C, P);
@@ -2639,7 +2644,7 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
         a.setHoveredEdge(null), a.refreshSingleEdgeStyle(C.id), p.remove();
       }), l.on("edge:click", ({ edge: C, e: P }) => {
         P.target?.closest?.(".flow-canvas-edge-delete-tool") && t.editor.mode.value === "edit" && (p.remove(), t.editor.executeCommand({
-          id: J(),
+          id: ee(),
           source: "user:toolbar",
           label: "删除连线",
           timestamp: Date.now(),
@@ -2656,35 +2661,35 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
           return;
         }
         b.leave(180), m.quickAddPopoverOpen.value || m.leave();
-      }, i.value?.addEventListener("mousemove", w), D = () => {
+      }, r.value?.addEventListener("mousemove", w), D = () => {
         b.reset(), m.quickAddPopoverOpen.value || (m.quickAddNodeId.value = null);
-      }, i.value?.addEventListener("mouseleave", D), i.value?.addEventListener("keydown", Q);
+      }, r.value?.addEventListener("mouseleave", D), r.value?.addEventListener("keydown", Z);
     }
     function $e() {
-      ge(
+      he(
         () => t.editor.flowModel.value,
         (I) => a.syncFlowModel(I)
-      ), ge(
+      ), he(
         [() => t.editor.mode.value, () => t.editor.selectionMode.value],
         ([I, C]) => {
-          K(I === "edit", C);
+          Q(I === "edit", C);
         },
         { immediate: !0 }
       );
     }
     dt(() => {
-      if (!r.value) return;
+      if (!i.value) return;
       const I = /* @__PURE__ */ new Set(["model", "container"]), C = {};
       if (t.graphOptions)
-        for (const [$, ne] of Object.entries(t.graphOptions)) {
+        for (const [$, ie] of Object.entries(t.graphOptions)) {
           if (I.has($)) {
             console.warn(`[flow-canvas] graphOptions.${$} is managed by the engine and will be ignored`);
             continue;
           }
-          C[$] = ne;
+          C[$] = ie;
         }
       l = new Et({
-        container: r.value,
+        container: i.value,
         autoResize: !0,
         background: { color: "#edf2fc" },
         grid: {
@@ -2744,25 +2749,25 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
         idGenerator: t.editor.idGenerator,
         defaultInsertGap: t.nodeActions?.insertGap,
         getContextMenuItems: ($) => t.editor._pluginManager.collectContextMenuItems($),
-        onHighlightChange: ($, ne) => {
+        onHighlightChange: ($, ie) => {
           a.setHighlightedNodes($);
-          const he = a.setHighlightedEdges(ne);
+          const ve = a.setHighlightedEdges(ie);
           a.refreshNodeHighlights();
-          const se = new Set(ne);
-          for (const ye of he)
-            se.has(ye) || a.refreshSingleEdgeStyle(ye);
-          for (const ye of se)
-            he.has(ye) || a.refreshSingleEdgeStyle(ye);
+          const ae = new Set(ie);
+          for (const ye of ve)
+            ae.has(ye) || a.refreshSingleEdgeStyle(ye);
+          for (const ye of ae)
+            ve.has(ye) || a.refreshSingleEdgeStyle(ye);
         },
         resolveNodeShape: ($) => {
-          const ne = t.editor.schema.nodeTypes[$];
-          if (!ne) return null;
-          const he = h.registerNodeType($, ne.component), se = ne.getSize({ id: "", type: $, position: { x: 0, y: 0 } });
-          return { shapeName: he, width: se.width, height: se.height };
+          const ie = t.editor.schema.nodeTypes[$];
+          if (!ie) return null;
+          const ve = h.registerNodeType($, ie.component), ae = ie.getSize({ id: "", type: $, position: { x: 0, y: 0 } });
+          return { shapeName: ve, width: ae.width, height: ae.height };
         }
       });
       t.editor.api.value = W;
-      const ee = {
+      const te = {
         flowModel: t.editor.flowModel,
         history: t.editor.history,
         schema: t.editor.schema,
@@ -2774,10 +2779,10 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
         overlay: P,
         graph: l
       };
-      t.editor._pluginManager.attachRuntime(ee);
-      const le = t.editor._pluginManager.collectExtendedApi();
-      Object.assign(t.editor.extendedApi, le), t.editor._emitUiEvent = ($) => {
-        t.editor._pluginManager.dispatchUiEvent($), n("ui-event", $);
+      t.editor._pluginManager.attachRuntime(te);
+      const ce = t.editor._pluginManager.collectExtendedApi();
+      Object.assign(t.editor.extendedApi, ce), t.editor._emitUiEvent = ($) => {
+        t.editor._pluginManager.dispatchUiEvent($), s("ui-event", $);
       }, f = new Xt(
         l,
         ($) => {
@@ -2785,11 +2790,11 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
         },
         ($) => {
           if (a.isSyncing) return;
-          const ne = R.tryExpandForEdgeDrop($);
-          if (t.editor.executeCommand(ne).status !== "applied") {
-            for (const se of ne.commands)
-              if (se.type === "edge.add") {
-                const ye = l.getCellById(se.edge.id);
+          const ie = R.tryExpandForEdgeDrop($);
+          if (t.editor.executeCommand(ie).status !== "applied") {
+            for (const ae of ie.commands)
+              if (ae.type === "edge.add") {
+                const ye = l.getCellById(ae.edge.id);
                 ye && l.removeCell(ye);
               }
           }
@@ -2797,22 +2802,22 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
         t.editor.flowModel,
         t.editor.idGenerator
       ), p = no(l);
-      const oe = so(l);
-      m.attachRuntime(l, ($) => oe.hideNodePorts($)), R.attachRuntime(l), me(oe), pe(oe), O = vo(l.container);
+      const se = so(l);
+      m.attachRuntime(l, ($) => se.hideNodePorts($)), R.attachRuntime(l), ne(se), re(se), O = vo(l.container);
       let xe = /* @__PURE__ */ new Set(), be = /* @__PURE__ */ new Set();
       l.on("selection:changed", () => {
-        const $ = ft(l.getSelectedCells?.() ?? []), ne = new Set($.nodeIds);
-        mo(l, xe, ne), xe = ne, X.value = $, t.editor._pluginManager.dispatchSelectionChange($), n("ui-event", {
+        const $ = ft(l.getSelectedCells?.() ?? []), ie = new Set($.nodeIds);
+        mo(l, xe, ie), xe = ie, X.value = $, t.editor._pluginManager.dispatchSelectionChange($), s("ui-event", {
           type: "selection.change",
           nodeIds: $.nodeIds,
           edgeIds: $.edgeIds
         }), a.refreshNodeHighlights();
-        const he = new Set($.edgeIds);
-        for (const se of be)
-          he.has(se) || a.refreshSingleEdgeStyle(se);
-        for (const se of he)
-          be.has(se) || a.refreshSingleEdgeStyle(se);
-        be = he;
+        const ve = new Set($.edgeIds);
+        for (const ae of be)
+          ve.has(ae) || a.refreshSingleEdgeStyle(ae);
+        for (const ae of ve)
+          be.has(ae) || a.refreshSingleEdgeStyle(ae);
+        be = ve;
       });
       const Be = () => {
         k.value++;
@@ -2823,93 +2828,93 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
       b.reset(), m.quickAddNodeId.value = null, m.quickAddPopoverOpen.value = !1;
     }
     return e({ resetHoverState: Se }), Te(() => {
-      b.cleanup(), m.cleanup(), R.cleanup(), p?.remove(), u && l?.container?.removeEventListener("mousemove", u), w && i.value?.removeEventListener("mousemove", w), D && i.value?.removeEventListener("mouseleave", D), O?.(), i.value?.removeEventListener("keydown", Q), t.editor._pluginManager.detachRuntime(), t.editor.api.value = null;
+      b.cleanup(), m.cleanup(), R.cleanup(), p?.remove(), u && l?.container?.removeEventListener("mousemove", u), w && r.value?.removeEventListener("mousemove", w), D && r.value?.removeEventListener("mouseleave", D), O?.(), r.value?.removeEventListener("keydown", Z), t.editor._pluginManager.detachRuntime(), t.editor.api.value = null;
       for (const I of Object.keys(t.editor.extendedApi))
         delete t.editor.extendedApi[I];
       f?.dispose(), a?.dispose(), h?.dispose(), l?.dispose();
     }), (I, C) => (A(), T("div", {
       ref_key: "rootRef",
-      ref: i,
-      class: te(["flow-canvas-runtime-core", { "flow-canvas-runtime-core--selection-mode": G.value }]),
+      ref: r,
+      class: oe(["flow-canvas-runtime-core", { "flow-canvas-runtime-core--selection-mode": G.value }]),
       tabindex: "0"
     }, [
-      q("div", {
+      F("div", {
         ref_key: "containerRef",
-        ref: r,
+        ref: i,
         class: "flow-canvas-runtime-core__graph"
       }, null, 512),
-      q("div", No, [
-        (A(!0), T(de, null, Ie(y.value, (P) => (A(), T("div", {
+      F("div", No, [
+        (A(!0), T(ue, null, Ce(y.value, (P) => (A(), T("div", {
           key: `badge-${P.nodeId}`,
           class: "flow-canvas-runtime-core__badge",
           style: Ee({ left: `${P.x}px`, top: `${P.y}px`, backgroundColor: P.badge.color })
-        }, ce(P.badge.text), 5))), 128)),
-        ie(E) ? (A(), Ce(Co, {
+        }, fe(P.badge.text), 5))), 128)),
+        le(E) ? (A(), Ie(Co, {
           key: 0,
           ref_key: "quickAddPopoverRef",
           ref: v,
-          node: ie(E).node,
-          "port-position": ie(E).portPosition,
-          "auto-pan-on-open": ie(m).mergedConfig.value.autoPanOnOpen,
-          "auto-pan-padding": ie(m).mergedConfig.value.autoPanPadding,
-          onOpen: ie(L),
-          onClose: re,
-          onStartDrag: ie(z),
-          onViewportOverflowRight: ie(m).handlePopoverViewportOverflow,
-          onMouseenter: ie(N),
-          onMouseleave: ie(_)
+          node: le(E).node,
+          "port-position": le(E).portPosition,
+          "auto-pan-on-open": le(m).mergedConfig.value.autoPanOnOpen,
+          "auto-pan-padding": le(m).mergedConfig.value.autoPanPadding,
+          onOpen: le(L),
+          onClose: de,
+          onStartDrag: le(z),
+          onViewportOverflowRight: le(m).handlePopoverViewportOverflow,
+          onMouseenter: le(N),
+          onMouseleave: le(_)
         }, {
           default: He(() => [
             Me(I.$slots, "quick-add-panel", {
-              node: ie(E).node,
-              api: s.editor.api.value,
-              insertNodeToRight: (P) => ie(x)(ie(E).node.id, P),
+              node: le(E).node,
+              api: n.editor.api.value,
+              insertNodeToRight: (P) => le(x)(le(E).node.id, P),
               closePopover: () => v.value?.closePopover()
             }, void 0, !0)
           ]),
           _: 3
-        }, 8, ["node", "port-position", "auto-pan-on-open", "auto-pan-padding", "onOpen", "onStartDrag", "onViewportOverflowRight", "onMouseenter", "onMouseleave"])) : Y("", !0),
-        c.value ? (A(), Ce(bo, {
+        }, 8, ["node", "port-position", "auto-pan-on-open", "auto-pan-padding", "onOpen", "onStartDrag", "onViewportOverflowRight", "onMouseenter", "onMouseleave"])) : K("", !0),
+        c.value ? (A(), Ie(bo, {
           key: 1,
           node: c.value.node,
           position: c.value.position,
           config: d.value,
           behavior: c.value.behavior,
           "actions-offset": c.value.behavior.actionsOffset,
-          onAction: Z,
-          onMouseenter: ie(B),
+          onAction: Y,
+          onMouseenter: le(B),
           onMouseleave: j
-        }, null, 8, ["node", "position", "config", "behavior", "actions-offset", "onMouseenter"])) : Y("", !0),
-        g.value ? (A(), Ce(Mo, {
+        }, null, 8, ["node", "position", "config", "behavior", "actions-offset", "onMouseenter"])) : K("", !0),
+        g.value ? (A(), Ie(Mo, {
           key: 2,
           position: g.value.position,
           "can-delete": g.value.canDelete,
-          onAction: ae
-        }, null, 8, ["position", "can-delete"])) : Y("", !0)
+          onAction: J
+        }, null, 8, ["position", "can-delete"])) : K("", !0)
       ])
     ], 2));
   }
-}), Dn = /* @__PURE__ */ ve(Do, [["__scopeId", "data-v-84584822"]]), Ao = { class: "flow-canvas-node-palette" }, _o = ["data-node-type"], Po = { class: "flow-canvas-node-palette__item-label" }, To = /* @__PURE__ */ fe({
+}), Dn = /* @__PURE__ */ me(Do, [["__scopeId", "data-v-84584822"]]), Ao = { class: "flow-canvas-node-palette" }, _o = ["data-node-type"], Po = { class: "flow-canvas-node-palette__item-label" }, To = /* @__PURE__ */ pe({
   __name: "canvas-node-palette",
   props: {
     editor: {},
     items: {}
   },
-  setup(s) {
-    const e = s, o = H(), t = V(() => e.items ? e.items : Object.keys(e.editor.schema.nodeTypes).map((n) => ({
-      type: n,
-      label: n.charAt(0).toUpperCase() + n.slice(1)
+  setup(n) {
+    const e = n, o = H(), t = V(() => e.items ? e.items : Object.keys(e.editor.schema.nodeTypes).map((s) => ({
+      type: s,
+      label: s.charAt(0).toUpperCase() + s.slice(1)
     })));
-    return ge(
+    return he(
       [() => e.editor.api.value, t, o],
-      ([n, i, r], l, a) => {
-        if (!n || !r) return;
+      ([s, r, i], l, a) => {
+        if (!s || !i) return;
         const h = [];
-        for (const f of i) {
-          const p = r.querySelector(`[data-node-type="${f.type}"]`);
+        for (const f of r) {
+          const p = i.querySelector(`[data-node-type="${f.type}"]`);
           if (!p) continue;
-          const u = n.registerDndSource(p, () => ({
-            id: J(),
+          const u = s.registerDndSource(p, () => ({
+            id: ee(),
             type: f.type,
             label: f.label,
             position: { x: 0, y: 0 }
@@ -2921,30 +2926,30 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
         });
       },
       { flush: "post" }
-    ), (n, i) => (A(), T("div", Ao, [
-      q("div", {
+    ), (s, r) => (A(), T("div", Ao, [
+      F("div", {
         ref_key: "listRef",
         ref: o,
         class: "flow-canvas-node-palette__list"
       }, [
-        (A(!0), T(de, null, Ie(t.value, (r) => (A(), T("div", {
-          key: r.type,
+        (A(!0), T(ue, null, Ce(t.value, (i) => (A(), T("div", {
+          key: i.type,
           class: "flow-canvas-node-palette__item",
-          "data-node-type": r.type
+          "data-node-type": i.type
         }, [
-          r.icon ? (A(), T("i", {
+          i.icon ? (A(), T("i", {
             key: 0,
-            class: te([r.icon, "flow-canvas-node-palette__item-icon"])
-          }, null, 2)) : Y("", !0),
-          q("span", Po, ce(r.label), 1)
+            class: oe([i.icon, "flow-canvas-node-palette__item-icon"])
+          }, null, 2)) : K("", !0),
+          F("span", Po, fe(i.label), 1)
         ], 8, _o))), 128))
       ], 512)
     ]));
   }
-}), Ro = /* @__PURE__ */ ve(To, [["__scopeId", "data-v-300314b7"]]), Lo = { class: "flow-canvas-layout" }, Oo = { class: "flow-canvas-layout__main" }, $o = { class: "flow-canvas-layout__content" }, Bo = {
+}), Ro = /* @__PURE__ */ me(To, [["__scopeId", "data-v-300314b7"]]), Lo = { class: "flow-canvas-layout" }, Oo = { class: "flow-canvas-layout__main" }, $o = { class: "flow-canvas-layout__content" }, Bo = {
   key: 0,
   class: "flow-canvas-layout__footer"
-}, Fo = /* @__PURE__ */ fe({
+}, Fo = /* @__PURE__ */ pe({
   __name: "canvas-layout",
   props: {
     sidebarCollapsed: { type: Boolean, default: !1 },
@@ -2955,34 +2960,34 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
     paletteItems: { default: void 0 }
   },
   emits: ["update:sidebarCollapsed"],
-  setup(s) {
+  setup(n) {
     return (e, o) => (A(), T("div", Lo, [
-      !s.hideSidebar && (e.$slots.sidebar || s.editor) ? (A(), T("aside", {
+      !n.hideSidebar && (e.$slots.sidebar || n.editor) ? (A(), T("aside", {
         key: 0,
-        class: te(["flow-canvas-layout__sidebar", { "is-collapsed": s.sidebarCollapsed }]),
-        style: Ee({ width: s.sidebarCollapsed ? "0px" : `${s.sidebarWidth}px` })
+        class: oe(["flow-canvas-layout__sidebar", { "is-collapsed": n.sidebarCollapsed }]),
+        style: Ee({ width: n.sidebarCollapsed ? "0px" : `${n.sidebarWidth}px` })
       }, [
         Me(e.$slots, "sidebar", {}, () => [
-          s.editor ? (A(), Ce(Ro, {
+          n.editor ? (A(), Ie(Ro, {
             key: 0,
-            editor: s.editor,
-            items: s.paletteItems
-          }, null, 8, ["editor", "items"])) : Y("", !0)
+            editor: n.editor,
+            items: n.paletteItems
+          }, null, 8, ["editor", "items"])) : K("", !0)
         ], !0)
-      ], 6)) : Y("", !0),
-      q("div", Oo, [
-        q("div", $o, [
+      ], 6)) : K("", !0),
+      F("div", Oo, [
+        F("div", $o, [
           Me(e.$slots, "default", {}, void 0, !0)
         ]),
-        !s.hideFooter && e.$slots.footer ? (A(), T("div", Bo, [
+        !n.hideFooter && e.$slots.footer ? (A(), T("div", Bo, [
           Me(e.$slots, "footer", {}, void 0, !0)
-        ])) : Y("", !0)
+        ])) : K("", !0)
       ])
     ]));
   }
-}), An = /* @__PURE__ */ ve(Fo, [["__scopeId", "data-v-26f35b6b"]]), et = typeof navigator < "u" && /Mac|iPod|iPhone|iPad/.test(navigator.platform ?? navigator.userAgent), qo = ["undo", "redo"];
-function Ho(s) {
-  const e = new Set(s?.include), o = new Set(qo.filter((a) => !e.has(a))), t = [
+}), An = /* @__PURE__ */ me(Fo, [["__scopeId", "data-v-26f35b6b"]]), et = typeof navigator < "u" && /Mac|iPod|iPhone|iPad/.test(navigator.platform ?? navigator.userAgent), qo = ["undo", "redo"];
+function Ho(n) {
+  const e = new Set(n?.include), o = new Set(qo.filter((a) => !e.has(a))), t = [
     {
       id: "undo",
       type: "undo",
@@ -3001,7 +3006,7 @@ function Ho(s) {
       shortcut: et ? ["⇧", "⌘", "Z"] : ["Ctrl", "Shift", "Z"],
       order: 11
     }
-  ], n = [
+  ], s = [
     {
       id: "select",
       type: "select",
@@ -3026,7 +3031,7 @@ function Ho(s) {
       description: "下载",
       order: 24
     }
-  ], i = [
+  ], r = [
     {
       id: "zoom-out",
       type: "zoom-out",
@@ -3044,7 +3049,7 @@ function Ho(s) {
       description: "放大画布",
       order: 32
     }
-  ], r = [
+  ], i = [
     {
       id: "reset",
       type: "reset",
@@ -3054,9 +3059,9 @@ function Ho(s) {
       order: 40
     }
   ];
-  return [...[...t, ...n].filter(
+  return [...[...t, ...s].filter(
     (a) => !o.has(a.type)
-  ), ...i, ...r];
+  ), ...r, ...i];
 }
 const Go = { class: "flow-canvas-toolbar" }, zo = {
   key: 0,
@@ -3067,7 +3072,7 @@ const Go = { class: "flow-canvas-toolbar" }, zo = {
 }, Wo = ["data-toolbar-id", "data-toolbar-type", "disabled", "onClick", "onMouseenter"], Vo = ["textContent"], Xo = {
   key: 0,
   class: "flow-canvas-toolbar-tooltip__kbd"
-}, Ko = /* @__PURE__ */ fe({
+}, Ko = /* @__PURE__ */ pe({
   __name: "canvas-toolbar",
   props: {
     items: {},
@@ -3075,7 +3080,7 @@ const Go = { class: "flow-canvas-toolbar" }, zo = {
     include: {},
     editor: {}
   },
-  setup(s) {
+  setup(n) {
     const e = /* @__PURE__ */ new Set([
       "undo",
       "redo",
@@ -3088,12 +3093,12 @@ const Go = { class: "flow-canvas-toolbar" }, zo = {
     function t(c) {
       return c.id.startsWith("plugin:") || c.type === "custom";
     }
-    function n(c) {
+    function s(c) {
       return c !== "custom" && o.has(c);
     }
-    const i = s, r = V(() => {
-      if (i.items) return i.items;
-      const c = Ho({ include: i.include }), g = i.editor.toolbarItems.value, v = new Set(i.exclude ?? []), m = /* @__PURE__ */ new Map();
+    const r = n, i = V(() => {
+      if (r.items) return r.items;
+      const c = Ho({ include: r.include }), g = r.editor.toolbarItems.value, v = new Set(r.exclude ?? []), m = /* @__PURE__ */ new Map();
       for (const E of c)
         m.set(E.id, E);
       for (const E of g) {
@@ -3103,8 +3108,8 @@ const Go = { class: "flow-canvas-toolbar" }, zo = {
       return [...m.values()].filter((E) => E.type === "custom" || !e.has(E.type) ? !0 : !v.has(E.type)).sort((E, L) => (E.order ?? 0) - (L.order ?? 0));
     }), l = H(1), a = H(null), h = H(null), f = H(!1);
     let p = null;
-    ge(
-      () => i.editor.api.value,
+    he(
+      () => r.editor.api.value,
       (c) => {
         p?.(), p = null, c && (l.value = c.getZoom(), p = c.onGraphEvent("scale", () => {
           l.value = c.getZoom();
@@ -3124,62 +3129,62 @@ const Go = { class: "flow-canvas-toolbar" }, zo = {
     function D() {
       u.visible = !1, a.value = null;
     }
-    rt(() => {
+    it(() => {
       p?.();
     });
-    const O = V(() => `${Math.round(l.value * 100)}%`), b = V(() => i.editor.api.value ? {
-      api: i.editor.api.value,
-      flowModel: i.editor.flowModel.value,
-      history: i.editor.history,
-      mode: i.editor.mode.value
+    const O = V(() => `${Math.round(l.value * 100)}%`), b = V(() => r.editor.api.value ? {
+      api: r.editor.api.value,
+      flowModel: r.editor.flowModel.value,
+      history: r.editor.history,
+      mode: r.editor.mode.value
     } : null);
     function S(c) {
       return c.visible === !1 ? !1 : typeof c.visible == "function" ? b.value ? c.visible(b.value) : !1 : !0;
     }
     function M(c) {
-      return typeof c.active == "function" ? b.value ? c.active(b.value) : !1 : c.active !== void 0 ? c.active : c.type === "select" ? i.editor.selectionMode.value : !1;
+      return typeof c.active == "function" ? b.value ? c.active(b.value) : !1 : c.active !== void 0 ? c.active : c.type === "select" ? r.editor.selectionMode.value : !1;
     }
     const B = V(() => {
       const c = d.value.filter(
-        (v) => n(v.type) && M(v)
+        (v) => s(v.type) && M(v)
       );
       if (c.length === 0) return null;
       const g = h.value;
       return g && c.some((v) => v.type === g) ? g : c[0]?.type ?? null;
     });
     function j(c) {
-      return n(c.type) ? B.value === c.type : M(c);
+      return s(c.type) ? B.value === c.type : M(c);
     }
     function k(c) {
-      return !b.value || c.disabled === !0 ? !0 : typeof c.disabled == "function" ? c.disabled(b.value) : c.type === "undo" ? !i.editor.history.canUndo.value : c.type === "redo" ? !i.editor.history.canRedo.value : c.type === "export" ? f.value : !1;
+      return !b.value || c.disabled === !0 ? !0 : typeof c.disabled == "function" ? c.disabled(b.value) : c.type === "undo" ? !r.editor.history.canUndo.value : c.type === "redo" ? !r.editor.history.canRedo.value : c.type === "export" ? f.value : !1;
     }
     function X(c) {
-      if (!(!b.value || !n(c.type) || !M(c))) {
+      if (!(!b.value || !s(c.type) || !M(c))) {
         if (c.type === "select") {
-          i.editor.setSelectionMode(!1);
+          r.editor.setSelectionMode(!1);
           return;
         }
         c.onClick?.(b.value);
       }
     }
     function U(c) {
-      if (n(c.type))
+      if (s(c.type))
         for (const g of d.value)
-          !n(g.type) || g.id === c.id || X(g);
+          !s(g.type) || g.id === c.id || X(g);
     }
     function G(c) {
       if (!b.value || k(c)) return;
-      if (n(c.type) && (h.value = c.type, U(c)), c.onClick) {
+      if (s(c.type) && (h.value = c.type, U(c)), c.onClick) {
         c.onClick(b.value);
         return;
       }
       const { api: g } = b.value;
       switch (c.type) {
         case "undo":
-          i.editor.history.undo();
+          r.editor.history.undo();
           break;
         case "redo":
-          i.editor.history.redo();
+          r.editor.history.redo();
           break;
         case "zoom-in":
           g.zoomIn(), l.value = g.getZoom();
@@ -3205,10 +3210,10 @@ const Go = { class: "flow-canvas-toolbar" }, zo = {
           });
           break;
         case "select":
-          i.editor.setSelectionMode(!i.editor.selectionMode.value);
+          r.editor.setSelectionMode(!r.editor.selectionMode.value);
           break;
         case "auto-layout":
-          i.editor._emitUiEvent({ type: "toolbar.auto-layout" });
+          r.editor._emitUiEvent({ type: "toolbar.auto-layout" });
           break;
         case "search":
         case "minimap":
@@ -3219,7 +3224,7 @@ const Go = { class: "flow-canvas-toolbar" }, zo = {
           break;
       }
     }
-    const d = V(() => r.value.filter(S)), y = V(() => {
+    const d = V(() => i.value.filter(S)), y = V(() => {
       const c = /* @__PURE__ */ new Map(), g = [];
       for (const v of d.value) {
         const m = v.group ?? "default";
@@ -3228,18 +3233,18 @@ const Go = { class: "flow-canvas-toolbar" }, zo = {
       return g.map((v) => ({ name: v, items: c.get(v) })).filter((v) => v.items.length > 0);
     });
     return (c, g) => (A(), T("div", Go, [
-      (A(!0), T(de, null, Ie(y.value, (v, m) => (A(), T(de, {
+      (A(!0), T(ue, null, Ce(y.value, (v, m) => (A(), T(ue, {
         key: v.name
       }, [
-        m > 0 ? (A(), T("div", zo)) : Y("", !0),
-        q("div", Uo, [
-          (A(!0), T(de, null, Ie(v.items, (E) => (A(), T(de, {
+        m > 0 ? (A(), T("div", zo)) : K("", !0),
+        F("div", Uo, [
+          (A(!0), T(ue, null, Ce(v.items, (E) => (A(), T(ue, {
             key: E.id
           }, [
-            E.type === "zoom-display" ? (A(), T("span", jo, ce(O.value), 1)) : (A(), T("button", {
+            E.type === "zoom-display" ? (A(), T("span", jo, fe(O.value), 1)) : (A(), T("button", {
               key: 1,
               type: "button",
-              class: te(["flow-canvas-toolbar__btn", {
+              class: oe(["flow-canvas-toolbar__btn", {
                 "is-disabled": k(E),
                 "is-active": j(E),
                 "is-exporting": E.type === "export" && f.value
@@ -3251,19 +3256,19 @@ const Go = { class: "flow-canvas-toolbar" }, zo = {
               onMouseenter: (L) => w(L, E),
               onMouseleave: D
             }, [
-              E.component ? (A(), Ce(mt(E.component), { key: 0 })) : E.icon ? (A(), T("i", {
+              E.component ? (A(), Ie(mt(E.component), { key: 0 })) : E.icon ? (A(), T("i", {
                 key: 1,
-                class: te(E.icon)
+                class: oe(E.icon)
               }, null, 2)) : (A(), T("span", {
                 key: 2,
                 class: "flow-canvas-toolbar__text",
-                textContent: ce(E.text ?? E.description ?? E.id)
+                textContent: fe(E.text ?? E.description ?? E.id)
               }, null, 8, Vo))
             ], 42, Wo))
           ], 64))), 128))
         ])
       ], 64))), 128)),
-      (A(), Ce(yt, { to: "body" }, [
+      (A(), Ie(yt, { to: "body" }, [
         u.visible ? (A(), T("div", {
           key: 0,
           ref_key: "tooltipRef",
@@ -3271,58 +3276,58 @@ const Go = { class: "flow-canvas-toolbar" }, zo = {
           class: "flow-canvas-toolbar-tooltip",
           style: Ee({ left: `${u.x}px`, top: `${u.y}px` })
         }, [
-          q("span", null, ce(u.text), 1),
+          F("span", null, fe(u.text), 1),
           u.shortcut.length ? (A(), T("kbd", Xo, [
-            (A(!0), T(de, null, Ie(u.shortcut, (v, m) => (A(), T("span", { key: m }, ce(v), 1))), 128))
-          ])) : Y("", !0),
-          g[0] || (g[0] = q("div", { class: "flow-canvas-toolbar-tooltip__arrow" }, null, -1))
-        ], 4)) : Y("", !0)
+            (A(!0), T(ue, null, Ce(u.shortcut, (v, m) => (A(), T("span", { key: m }, fe(v), 1))), 128))
+          ])) : K("", !0),
+          g[0] || (g[0] = F("div", { class: "flow-canvas-toolbar-tooltip__arrow" }, null, -1))
+        ], 4)) : K("", !0)
       ]))
     ]));
   }
-}), _n = /* @__PURE__ */ ve(Ko, [["__scopeId", "data-v-904248f4"]]), Yo = { class: "flow-canvas-default-node__ep-label" }, Zo = {
+}), _n = /* @__PURE__ */ me(Ko, [["__scopeId", "data-v-904248f4"]]), Yo = { class: "flow-canvas-default-node__ep-label" }, Zo = {
   key: 1,
   class: "flow-canvas-default-node__diamond flow-canvas-highlight-target"
 }, Qo = {
   key: 2,
   class: "flow-canvas-default-node__task-label"
-}, Jo = /* @__PURE__ */ fe({
+}, Jo = /* @__PURE__ */ pe({
   __name: "default-node",
-  setup(s) {
-    const o = wt("getNode")?.(), t = V(() => o?.getData?.() ?? null), n = V(() => t.value?.label || t.value?.type || ""), i = {
+  setup(n) {
+    const o = wt("getNode")?.(), t = V(() => o?.getData?.() ?? null), s = V(() => t.value?.label || t.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 = V(() => {
       const f = t.value?.type ?? "";
-      return r.has(f) ? "endpoint" : l.has(f) ? "gateway" : "task";
-    }), h = V(() => i[t.value?.type ?? ""] ?? "");
+      return i.has(f) ? "endpoint" : l.has(f) ? "gateway" : "task";
+    }), h = V(() => r[t.value?.type ?? ""] ?? "");
     return (f, p) => (A(), T("div", {
-      class: te(["flow-canvas-default-node", [`is-${a.value}`, { "flow-canvas-highlight-target": a.value !== "gateway" }]])
+      class: oe(["flow-canvas-default-node", [`is-${a.value}`, { "flow-canvas-highlight-target": a.value !== "gateway" }]])
     }, [
-      a.value === "endpoint" ? (A(), T(de, { key: 0 }, [
+      a.value === "endpoint" ? (A(), T(ue, { key: 0 }, [
         h.value ? (A(), T("i", {
           key: 0,
-          class: te([["flow-canvas-icon", h.value], "flow-canvas-default-node__ep-icon"])
-        }, null, 2)) : Y("", !0),
-        q("span", Yo, ce(n.value), 1)
+          class: oe([["flow-canvas-icon", h.value], "flow-canvas-default-node__ep-icon"])
+        }, null, 2)) : K("", !0),
+        F("span", Yo, fe(s.value), 1)
       ], 64)) : a.value === "gateway" ? (A(), T("div", Zo, [
         h.value ? (A(), T("i", {
           key: 0,
-          class: te([["flow-canvas-icon", h.value], "flow-canvas-default-node__gw-icon"])
-        }, null, 2)) : Y("", !0)
-      ])) : (A(), T("span", Qo, ce(n.value), 1))
+          class: oe([["flow-canvas-icon", h.value], "flow-canvas-default-node__gw-icon"])
+        }, null, 2)) : K("", !0)
+      ])) : (A(), T("span", Qo, fe(s.value), 1))
     ], 2));
   }
-}), en = /* @__PURE__ */ ve(Jo, [["__scopeId", "data-v-f0e24a9f"]]), tn = {
+}), en = /* @__PURE__ */ me(Jo, [["__scopeId", "data-v-f0e24a9f"]]), tn = {
   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 },
@@ -3335,7 +3340,7 @@ const Go = { class: "flow-canvas-toolbar" }, zo = {
     width: 64,
     height: 64
   }
-}, tt = (s, e) => ({
+}, tt = (n, e) => ({
   stroke: e.hovered ? "#3a84ff" : "#abb5cc",
   strokeWidth: 2
 });
@@ -3365,47 +3370,47 @@ function on() {
     }
   };
 }
-function Pn(s) {
-  const e = s?.nodeTypes ?? tn, o = {}, t = [];
-  for (const [r, l] of Object.entries(e)) {
+function Pn(n) {
+  const e = n?.nodeTypes ?? tn, o = {}, t = [];
+  for (const [i, l] of Object.entries(e)) {
     const a = l.width ?? 150, h = l.height ?? 50;
-    o[r] = {
+    o[i] = {
       component: en,
       getSize: () => ({ width: a, height: h }),
       getPorts: () => ut()
     }, t.push({
-      type: r,
-      label: l.label ?? r,
+      type: i,
+      label: l.label ?? i,
       icon: l.icon
     });
   }
-  const n = {
+  const s = {
     ...on(),
-    ...s?.edgeTypes
-  }, i = s?.defaultEdgeType ?? "manhattan";
+    ...n?.edgeTypes
+  }, r = n?.defaultEdgeType ?? "manhattan";
   return {
-    schema: { nodeTypes: o, defaultEdgeType: i, edgeTypes: n },
+    schema: { nodeTypes: o, defaultEdgeType: r, edgeTypes: s },
     paletteItems: t
   };
 }
-function Tn(s) {
+function Tn(n) {
   return {
     name: "connection-validator",
     priority: 10,
     transformCommand(e, o, t) {
-      const n = /* @__PURE__ */ new Set();
-      for (const i of e.commands)
-        i.type === "edge.remove" && n.add(i.edgeId);
-      for (const i of e.commands) {
-        if (i.type !== "edge.add" && i.type !== "edge.reconnect") continue;
-        const r = t.flowModel.value, l = i.type === "edge.add" ? i.edge.source.nodeId : i.source?.nodeId, a = i.type === "edge.add" ? i.edge.target.nodeId : i.target?.nodeId;
+      const s = /* @__PURE__ */ new Set();
+      for (const r of e.commands)
+        r.type === "edge.remove" && s.add(r.edgeId);
+      for (const r of e.commands) {
+        if (r.type !== "edge.add" && r.type !== "edge.reconnect") continue;
+        const i = t.flowModel.value, l = r.type === "edge.add" ? r.edge.source.nodeId : r.source?.nodeId, a = r.type === "edge.add" ? r.edge.target.nodeId : r.target?.nodeId;
         if (!l || !a) continue;
-        const h = r.nodes[l], f = r.nodes[a];
+        const h = i.nodes[l], f = i.nodes[a];
         if (!h || !f) continue;
-        const p = i.type === "edge.add" ? i.edge.source.portId : i.source?.portId, u = i.type === "edge.add" ? i.edge.target.portId : i.target?.portId, w = p ? h.ports?.find((M) => M.id === p) : void 0, D = u ? f.ports?.find((M) => M.id === u) : void 0, O = i.type === "edge.reconnect" ? i.edgeId : void 0, b = Object.values(r.edges).filter(
-          (M) => M.id !== O && !n.has(M.id)
-        ), S = s({
-          flowModel: r,
+        const p = r.type === "edge.add" ? r.edge.source.portId : r.source?.portId, u = r.type === "edge.add" ? r.edge.target.portId : r.target?.portId, w = p ? h.ports?.find((M) => M.id === p) : void 0, D = u ? f.ports?.find((M) => M.id === u) : void 0, O = r.type === "edge.reconnect" ? r.edgeId : void 0, b = Object.values(i.edges).filter(
+          (M) => M.id !== O && !s.has(M.id)
+        ), S = n({
+          flowModel: i,
           sourceNode: h,
           targetNode: f,
           sourcePort: w,
@@ -3423,13 +3428,13 @@ function Tn(s) {
     }
   };
 }
-function Rn(s) {
-  const { rubberband: e = !0, multiple: o = !0, movable: t = !0 } = s ?? {};
+function Rn(n) {
+  const { rubberband: e = !0, multiple: o = !0, movable: t = !0 } = n ?? {};
   return {
     name: "selection",
     priority: 90,
-    attachRuntime(n) {
-      n.graph.use(
+    attachRuntime(s) {
+      s.graph.use(
         new It({
           enabled: !0,
           rubberband: e,
@@ -3437,22 +3442,22 @@ function Rn(s) {
           movable: t,
           pointerEvents: "none",
           showNodeSelectionBox: !0,
-          filter: (i) => !(i.isNode() && (i.getData?.() ?? {})._selectable === !1)
+          filter: (r) => !(r.isNode() && (r.getData?.() ?? {})._selectable === !1)
         })
       );
     }
   };
 }
-function Ln(s) {
-  const { tolerance: e = 10, color: o = "#3a84ff" } = s ?? {};
+function Ln(n) {
+  const { tolerance: e = 10, color: o = "#3a84ff" } = n ?? {};
   let t = null;
   return {
     name: "snapline",
     priority: 90,
-    async attachRuntime(n) {
-      const { Snapline: i } = await import("@antv/x6-plugin-snapline");
-      n.graph.use(
-        new i({
+    async attachRuntime(s) {
+      const { Snapline: r } = await import("@antv/x6-plugin-snapline");
+      s.graph.use(
+        new r({
           enabled: !0,
           tolerance: e,
           className: "flow-canvas-snapline"
@@ -3467,7 +3472,7 @@ function Ln(s) {
 const nn = { class: "flow-canvas-search-popover__input-box" }, sn = ["value", "placeholder"], rn = {
   key: 0,
   class: "flow-canvas-search-popover__no-result"
-}, an = { class: "flow-canvas-search-popover__counter" }, ln = ["onMouseenter", "onClick"], dn = { class: "flow-canvas-search-popover__item-label" }, cn = /* @__PURE__ */ fe({
+}, an = { class: "flow-canvas-search-popover__counter" }, ln = ["onMouseenter", "onClick"], dn = { class: "flow-canvas-search-popover__item-label" }, cn = /* @__PURE__ */ pe({
   __name: "search-popover",
   props: {
     open: { type: Boolean },
@@ -3479,38 +3484,38 @@ const nn = { class: "flow-canvas-search-popover__input-box" }, sn = ["value", "p
     isAnchorTarget: { type: Function, default: void 0 }
   },
   emits: ["update:query", "select", "nextMatch", "prevMatch", "close"],
-  setup(s, { emit: e }) {
-    const o = s, t = e, n = H(null), i = H(null), r = H(-1);
-    ge(
+  setup(n, { emit: e }) {
+    const o = n, t = e, s = H(null), r = H(null), i = H(-1);
+    he(
       () => o.open,
       (u) => {
-        u && (r.value = -1, Ge(() => {
-          n.value?.focus(), n.value?.select();
+        u && (i.value = -1, Ge(() => {
+          s.value?.focus(), s.value?.select();
         }));
       }
-    ), ge(
+    ), he(
       () => o.query,
       () => {
-        r.value = -1;
+        i.value = -1;
       }
-    ), ge(
+    ), he(
       () => o.results.length,
       (u) => {
         if (!u) {
-          r.value = -1;
+          i.value = -1;
           return;
         }
-        r.value >= u && (r.value = -1);
+        i.value >= u && (i.value = -1);
       }
     );
     function l(u) {
       t("update:query", u.target.value);
     }
     function a(u) {
-      r.value = u;
+      i.value = u;
     }
     function h() {
-      r.value = -1;
+      i.value = -1;
     }
     function f(u) {
       if (u.key === "Escape") {
@@ -3519,17 +3524,17 @@ const nn = { class: "flow-canvas-search-popover__input-box" }, sn = ["value", "p
       }
       if (u.key === "ArrowDown") {
         if (u.preventDefault(), !o.results.length) return;
-        r.value = r.value < o.results.length - 1 ? r.value + 1 : 0;
+        i.value = i.value < o.results.length - 1 ? i.value + 1 : 0;
         return;
       }
       if (u.key === "ArrowUp") {
         if (u.preventDefault(), !o.results.length) return;
-        r.value = r.value > 0 ? r.value - 1 : o.results.length - 1;
+        i.value = i.value > 0 ? i.value - 1 : o.results.length - 1;
         return;
       }
       if (u.key === "Enter") {
-        if (u.preventDefault(), r.value >= 0) {
-          const w = o.results[r.value];
+        if (u.preventDefault(), i.value >= 0) {
+          const w = o.results[i.value];
           w && t("select", w.id);
           return;
         }
@@ -3539,42 +3544,42 @@ const nn = { class: "flow-canvas-search-popover__input-box" }, sn = ["value", "p
     function p(u) {
       if (!o.open) return;
       const w = u.target;
-      w && i.value?.contains(w) || o.isAnchorTarget?.(u.target) || t("close");
+      w && r.value?.contains(w) || o.isAnchorTarget?.(u.target) || t("close");
     }
     return dt(() => {
       document.addEventListener("mousedown", p);
     }), Te(() => {
       document.removeEventListener("mousedown", p);
-    }), (u, w) => s.open ? (A(), T("div", {
+    }), (u, w) => n.open ? (A(), T("div", {
       key: 0,
       ref_key: "panelRef",
-      ref: i,
+      ref: r,
       class: "flow-canvas-search-popover",
-      style: Ee({ left: `${s.position.x}px`, top: `${s.position.y}px`, width: `${s.position.width}px` })
+      style: Ee({ left: `${n.position.x}px`, top: `${n.position.y}px`, width: `${n.position.width}px` })
     }, [
-      q("div", nn, [
-        q("input", {
+      F("div", nn, [
+        F("input", {
           ref_key: "inputRef",
-          ref: n,
-          value: s.query,
-          placeholder: s.placeholder,
+          ref: s,
+          value: n.query,
+          placeholder: n.placeholder,
           onInput: l,
           onKeydown: f
         }, null, 40, sn),
-        s.query ? (A(), T(de, { key: 0 }, [
-          s.results.length ? (A(), T(de, { key: 1 }, [
-            q("button", {
+        n.query ? (A(), T(ue, { key: 0 }, [
+          n.results.length ? (A(), T(ue, { key: 1 }, [
+            F("button", {
               type: "button",
               class: "flow-canvas-search-popover__nav-btn",
               "aria-label": "上一个",
               onClick: w[0] || (w[0] = (D) => t("prevMatch"))
             }, [...w[2] || (w[2] = [
-              q("svg", {
+              F("svg", {
                 viewBox: "0 0 16 16",
                 width: "12",
                 height: "12"
               }, [
-                q("path", {
+                F("path", {
                   d: "M10.3 12.3 6 8l4.3-4.3",
                   fill: "none",
                   stroke: "currentColor",
@@ -3584,19 +3589,19 @@ const nn = { class: "flow-canvas-search-popover__input-box" }, sn = ["value", "p
                 })
               ], -1)
             ])]),
-            q("span", an, ce(s.matchIndex >= 0 ? s.matchIndex + 1 : 0) + " / " + ce(s.results.length), 1),
-            q("button", {
+            F("span", an, fe(n.matchIndex >= 0 ? n.matchIndex + 1 : 0) + " / " + fe(n.results.length), 1),
+            F("button", {
               type: "button",
               class: "flow-canvas-search-popover__nav-btn",
               "aria-label": "下一个",
               onClick: w[1] || (w[1] = (D) => t("nextMatch"))
             }, [...w[3] || (w[3] = [
-              q("svg", {
+              F("svg", {
                 viewBox: "0 0 16 16",
                 width: "12",
                 height: "12"
               }, [
-                q("path", {
+                F("path", {
                   d: "M5.7 3.7 10 8l-4.3 4.3",
                   fill: "none",
                   stroke: "currentColor",
@@ -3607,56 +3612,56 @@ const nn = { class: "flow-canvas-search-popover__input-box" }, sn = ["value", "p
               ], -1)
             ])])
           ], 64)) : (A(), T("span", rn, "无结果"))
-        ], 64)) : Y("", !0),
-        w[4] || (w[4] = q("i", { class: "flow-canvas-icon canvas-search flow-canvas-search-popover__search-icon" }, null, -1))
+        ], 64)) : K("", !0),
+        w[4] || (w[4] = F("i", { class: "flow-canvas-icon canvas-search flow-canvas-search-popover__search-icon" }, null, -1))
       ]),
-      s.query && s.results.length ? (A(), T("div", {
+      n.query && n.results.length ? (A(), T("div", {
         key: 0,
         class: "flow-canvas-search-popover__list-box",
         onMouseleave: h
       }, [
-        (A(!0), T(de, null, Ie(s.results, (D, O) => (A(), T("button", {
+        (A(!0), T(ue, null, Ce(n.results, (D, O) => (A(), T("button", {
           key: D.id,
           type: "button",
-          class: te(["flow-canvas-search-popover__item", { "is-active": O === r.value, "is-matched": O === s.matchIndex }]),
+          class: oe(["flow-canvas-search-popover__item", { "is-active": O === i.value, "is-matched": O === n.matchIndex }]),
           onMouseenter: (b) => a(O),
           onClick: (b) => t("select", D.id)
         }, [
-          q("span", dn, ce(D.label), 1)
+          F("span", dn, fe(D.label), 1)
         ], 42, ln))), 128))
-      ], 32)) : Y("", !0)
-    ], 4)) : Y("", !0);
+      ], 32)) : K("", !0)
+    ], 4)) : K("", !0);
   }
-}), un = /* @__PURE__ */ ve(cn, [["__scopeId", "data-v-aca2b1c1"]]), nt = 282, fn = 4, gn = 300, _e = "flow-canvas-node-ring-target--search-match", Pe = "flow-canvas-node-ring-target--search-current", pn = "flow-canvas-node-ring-target";
-function hn(s) {
-  return s !== null;
+}), un = /* @__PURE__ */ me(cn, [["__scopeId", "data-v-aca2b1c1"]]), nt = 282, fn = 4, gn = 300, _e = "flow-canvas-node-ring-target--search-match", Pe = "flow-canvas-node-ring-target--search-current", pn = "flow-canvas-node-ring-target";
+function hn(n) {
+  return n !== null;
 }
-function vn(s) {
+function vn(n) {
   const e = /* @__PURE__ */ new Set();
-  return s.map((o) => o?.trim()).filter((o) => !!o).filter((o) => {
+  return n.map((o) => o?.trim()).filter((o) => !!o).filter((o) => {
     const t = o.toLowerCase();
     return e.has(t) ? !1 : (e.add(t), !0);
   });
 }
-function mn(s, e) {
+function mn(n, e) {
   const o = Math.max(8, window.innerWidth - e - 8);
-  return Math.min(Math.max(8, s), o);
+  return Math.min(Math.max(8, n), o);
 }
-function yn(s, e) {
-  const o = e?.getNodeMeta?.(s);
+function yn(n, e) {
+  const o = e?.getNodeMeta?.(n);
   if (o === null) return null;
-  const t = o?.label?.trim() || s.label?.trim() || s.id, n = o?.subtitle?.trim() || void 0, i = vn(o?.keywords ?? [s.label, n]);
-  return i.length ? {
-    id: s.id,
+  const t = o?.label?.trim() || n.label?.trim() || n.id, s = o?.subtitle?.trim() || void 0, r = vn(o?.keywords ?? [n.label, s]);
+  return r.length ? {
+    id: n.id,
     label: t,
-    subtitle: n,
-    keywords: i
+    subtitle: s,
+    keywords: r
   } : null;
 }
-function On(s) {
-  let e = null, o = null, t = null, n = null, i = null, r = null;
-  const l = H(!1), a = H(""), h = H({ x: 0, y: 0, width: nt }), f = H(-1), p = V(() => e ? Object.values(e.flowModel.value.nodes).map((g) => yn(g, s)).filter(hn) : []), u = V(() => {
-    const g = a.value.trim().toLowerCase(), v = Math.max(1, s?.maxResults ?? gn);
+function On(n) {
+  let e = null, o = null, t = null, s = null, r = null, i = null;
+  const l = H(!1), a = H(""), h = H({ x: 0, y: 0, width: nt }), f = H(-1), p = V(() => e ? Object.values(e.flowModel.value.nodes).map((g) => yn(g, n)).filter(hn) : []), u = V(() => {
+    const g = a.value.trim().toLowerCase(), v = Math.max(1, n?.maxResults ?? gn);
     return g ? p.value.filter((m) => m.keywords.some((E) => E.toLowerCase().includes(g))).slice(0, v) : p.value.slice(0, v);
   });
   function w() {
@@ -3740,7 +3745,7 @@ function On(s) {
   function y() {
     l.value && O();
   }
-  const c = fe({
+  const c = pe({
     name: "FlowCanvasSearchHost",
     setup() {
       return () => qe(un, {
@@ -3749,7 +3754,7 @@ function On(s) {
         query: a.value,
         results: u.value,
         matchIndex: f.value,
-        placeholder: s?.placeholder ?? "搜索节点名称",
+        placeholder: n?.placeholder ?? "搜索节点名称",
         isAnchorTarget: d,
         "onUpdate:query": (g) => {
           a.value = g, f.value = -1;
@@ -3768,7 +3773,7 @@ function On(s) {
       e = g;
     },
     attachRuntime(g) {
-      o = g, t = g.graph.container.closest(".flow-canvas-layout__content") ?? g.graph.container.parentElement, n = document.createElement("div"), n.className = "flow-canvas-search-host", document.body.append(n), i = bt(c), i.mount(n), r = ge(
+      o = g, t = g.graph.container.closest(".flow-canvas-layout__content") ?? g.graph.container.parentElement, s = document.createElement("div"), s.className = "flow-canvas-search-host", document.body.append(s), r = bt(c), r.mount(s), i = he(
         () => [a.value, u.value.length],
         () => {
           f.value = -1, M();
@@ -3776,10 +3781,10 @@ function On(s) {
       ), window.addEventListener("resize", y), window.addEventListener("scroll", y, !0);
     },
     detachRuntime() {
-      U(), r?.(), r = null, window.removeEventListener("resize", y), window.removeEventListener("scroll", y, !0), i?.unmount(), i = null, n?.remove(), n = null, t = null, o = null;
+      U(), i?.(), i = null, window.removeEventListener("resize", y), window.removeEventListener("scroll", y, !0), r?.unmount(), r = null, s?.remove(), s = null, t = null, o = null;
     },
     dispose() {
-      U(), r?.(), r = null, e = null;
+      U(), i?.(), i = null, e = null;
     },
     provideToolbarItems() {
       return [
@@ -3797,51 +3802,51 @@ function On(s) {
     }
   };
 }
-const st = 52, it = 16, pt = 4, wn = 40;
-function bn(s) {
-  const { mountRect: e, toolbarRect: o, fallbackLeft: t, fallbackTop: n, fallbackWidth: i, height: r } = s, l = s.offset ?? pt;
+const st = 52, rt = 16, pt = 4, wn = 40;
+function bn(n) {
+  const { mountRect: e, toolbarRect: o, fallbackLeft: t, fallbackTop: s, fallbackWidth: r, height: i } = n, l = n.offset ?? pt;
   return !o || o.width <= 0 ? {
     left: t,
-    top: n,
-    width: i,
-    height: r
+    top: s,
+    width: r,
+    height: i
   } : {
     left: Math.round(o.left - e.left),
     top: Math.round(o.bottom - e.top + l),
     width: Math.round(o.width),
-    height: r
+    height: i
   };
 }
-function En(s) {
+function En(n) {
   const e = document.createElement("div");
-  e.className = "flow-canvas-minimap", s.floating !== !1 && e.classList.add("flow-canvas-minimap--floating");
+  e.className = "flow-canvas-minimap", n.floating !== !1 && e.classList.add("flow-canvas-minimap--floating");
   const o = document.createElement("div");
   o.className = "flow-canvas-minimap__host", e.append(o), Object.assign(e.style, {
-    width: `${s.width}px`,
-    height: `${s.height}px`
-  }), s.floating !== !1 && Object.assign(e.style, {
+    width: `${n.width}px`,
+    height: `${n.height}px`
+  }), n.floating !== !1 && Object.assign(e.style, {
     top: `${st}px`,
-    left: `${it}px`
+    left: `${rt}px`
   });
-  let t = null, n = s.defaultOpen ?? !1, i = null, r = null, l = null, a = null, h = {
-    width: s.width,
-    height: s.height
+  let t = null, s = n.defaultOpen ?? !1, r = null, i = null, l = null, a = null, h = {
+    width: n.width,
+    height: n.height
   };
   function f(k, X) {
     if (!t) return;
     const U = t;
-    U.options.width = k, U.options.height = X, U.updatePaper(s.sourceGraph.container.clientWidth, s.sourceGraph.container.clientHeight);
+    U.options.width = k, U.options.height = X, U.updatePaper(n.sourceGraph.container.clientWidth, n.sourceGraph.container.clientHeight);
   }
   function p() {
-    if (s.floating === !1) return;
+    if (n.floating === !1) return;
     const k = bn({
-      mountRect: s.mountTarget.getBoundingClientRect(),
-      toolbarRect: s.getToolbarElement?.()?.getBoundingClientRect() ?? null,
-      fallbackLeft: it,
+      mountRect: n.mountTarget.getBoundingClientRect(),
+      toolbarRect: n.getToolbarElement?.()?.getBoundingClientRect() ?? null,
+      fallbackLeft: rt,
       fallbackTop: st,
-      fallbackWidth: s.width,
-      height: s.height,
-      offset: s.panelOffset ?? pt
+      fallbackWidth: n.width,
+      height: n.height,
+      offset: n.panelOffset ?? pt
     });
     h = {
       width: k.width,
@@ -3854,70 +3859,70 @@ function En(s) {
     }), f(k.width, k.height);
   }
   function u() {
-    if (s.floating === !1 || typeof ResizeObserver > "u") return;
-    const k = s.getToolbarElement?.() ?? null;
-    r || (r = new ResizeObserver(() => {
-      n && (u(), p());
-    })), a !== k && (r.disconnect(), r.observe(s.mountTarget), k && r.observe(k), a = k);
+    if (n.floating === !1 || typeof ResizeObserver > "u") return;
+    const k = n.getToolbarElement?.() ?? null;
+    i || (i = new ResizeObserver(() => {
+      s && (u(), p());
+    })), a !== k && (i.disconnect(), i.observe(n.mountTarget), k && i.observe(k), a = k);
   }
   function w() {
-    s.floating !== !1 && (p(), u(), l || (l = () => {
-      n && (u(), p());
+    n.floating !== !1 && (p(), u(), l || (l = () => {
+      s && (u(), p());
     }, window.addEventListener("resize", l)));
   }
   function D() {
-    l && (window.removeEventListener("resize", l), l = null), r?.disconnect(), r = null, a = null;
+    l && (window.removeEventListener("resize", l), l = null), i?.disconnect(), i = null, a = null;
   }
   function O() {
-    !s.onClickOutside || i || (i = (k) => {
+    !n.onClickOutside || r || (r = (k) => {
       const X = k.target;
-      X && e.contains(X) || k.target?.closest('[data-toolbar-type="minimap"]') || k.target?.closest(".flow-canvas-layout__content") || s.onClickOutside();
-    }, document.addEventListener("mousedown", i));
+      X && e.contains(X) || k.target?.closest('[data-toolbar-type="minimap"]') || k.target?.closest(".flow-canvas-layout__content") || n.onClickOutside();
+    }, document.addEventListener("mousedown", r));
   }
   function b() {
-    i && (document.removeEventListener("mousedown", i), i = null);
+    r && (document.removeEventListener("mousedown", r), r = null);
   }
   function S() {
     t || (t = new Ct({
       container: o,
       width: h.width,
       height: h.height,
-      padding: s.contentPadding ?? wn,
+      padding: n.contentPadding ?? wn,
       scalable: !1
-    }), s.sourceGraph.use(t));
+    }), n.sourceGraph.use(t));
   }
   function M(k) {
-    n = k, e.style.display = n ? "" : "none", n ? (w(), S(), O(), requestAnimationFrame(() => {
-      n && (u(), p());
+    s = k, e.style.display = s ? "" : "none", s ? (w(), S(), O(), requestAnimationFrame(() => {
+      s && (u(), p());
     })) : (b(), D());
   }
   function B() {
-    M(n), s.mountTarget.appendChild(e);
+    M(s), n.mountTarget.appendChild(e);
   }
   function j() {
     b(), D(), t?.dispose(), t = null, e.remove();
   }
   return B(), {
     element: e,
-    isOpen: () => n,
+    isOpen: () => s,
     setOpen: M,
     toggle() {
-      const k = !n;
+      const k = !s;
       return M(k), k;
     },
     destroy: j
   };
 }
-function $n(s) {
+function $n(n) {
   let e = null, o = null;
   const t = H(!1);
-  function n() {
+  function s() {
     return o?.querySelector('.flow-canvas-toolbar__btn[data-toolbar-type="minimap"]');
   }
-  function i() {
-    return n()?.closest(".flow-canvas-toolbar");
+  function r() {
+    return s()?.closest(".flow-canvas-toolbar");
   }
-  function r(a) {
+  function i(a) {
     e?.setOpen(a), t.value = a;
   }
   function l() {
@@ -3927,19 +3932,19 @@ function $n(s) {
     name: "minimap",
     priority: 90,
     attachRuntime(a) {
-      const h = a, f = s?.width ?? 334, p = s?.height ?? 180;
+      const h = a, f = n?.width ?? 334, p = n?.height ?? 180;
       o = h.graph.container.closest(".flow-canvas-layout__content") ?? h.graph.container.parentElement;
-      const u = s?.container ?? o;
+      const u = n?.container ?? o;
       u && (e = En({
         sourceGraph: a.graph,
         mountTarget: u,
         width: f,
         height: p,
-        floating: !s?.container,
+        floating: !n?.container,
         defaultOpen: !1,
-        getToolbarElement: s?.container ? void 0 : i,
-        onClickOutside: () => r(!1)
-      }), r(!1));
+        getToolbarElement: n?.container ? void 0 : r,
+        onClickOutside: () => i(!1)
+      }), i(!1));
     },
     detachRuntime() {
       e?.destroy(), e = null, o = null, t.value = !1;
@@ -3961,58 +3966,58 @@ function $n(s) {
   };
 }
 function Bn() {
-  let s = null, e = 0;
+  let n = null, e = 0;
   return {
     name: "clipboard",
     priority: 90,
     onKeyboardShortcut(o, t) {
-      const n = o.metaKey || o.ctrlKey;
-      if (n && o.key === "c") {
-        const i = t.graph.getSelectedCells?.() ?? [];
-        if (!i.length) return !1;
-        const r = t.flowModel.value, l = new Set(i.filter((f) => f.isNode()).map((f) => f.id)), a = [...l].map((f) => r.nodes[f]).filter(Boolean);
+      const s = o.metaKey || o.ctrlKey;
+      if (s && o.key === "c") {
+        const r = t.graph.getSelectedCells?.() ?? [];
+        if (!r.length) return !1;
+        const i = t.flowModel.value, l = new Set(r.filter((f) => f.isNode()).map((f) => f.id)), a = [...l].map((f) => i.nodes[f]).filter(Boolean);
         if (!a.length) return !1;
-        const h = Object.values(r.edges).filter(
+        const h = Object.values(i.edges).filter(
           (f) => l.has(f.source.nodeId) && l.has(f.target.nodeId)
         );
-        return s = { nodes: a, edges: h }, e = 0, !0;
+        return n = { nodes: a, edges: h }, e = 0, !0;
       }
-      if (n && o.key === "v") {
-        if (!s?.nodes.length) return !1;
+      if (s && o.key === "v") {
+        if (!n?.nodes.length) return !1;
         e++;
-        const i = e * 30, r = /* @__PURE__ */ new Map(), l = [];
-        for (const a of s.nodes) {
-          const h = `${a.id}_cp${J().slice(0, 6)}`;
-          r.set(a.id, h), l.push({
+        const r = e * 30, i = /* @__PURE__ */ new Map(), l = [];
+        for (const a of n.nodes) {
+          const h = `${a.id}_cp${ee().slice(0, 6)}`;
+          i.set(a.id, h), l.push({
             type: "node.add",
             node: {
               ...a,
               id: h,
               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
             }
           });
         }
-        for (const a of s.edges) {
-          const h = r.get(a.source.nodeId), f = r.get(a.target.nodeId);
+        for (const a of n.edges) {
+          const h = i.get(a.source.nodeId), f = i.get(a.target.nodeId);
           !h || !f || l.push({
             type: "edge.add",
             edge: {
               ...a,
-              id: `${a.id}_cp${J().slice(0, 6)}`,
+              id: `${a.id}_cp${ee().slice(0, 6)}`,
               source: { ...a.source, nodeId: h },
               target: { ...a.target, nodeId: f },
-              labels: a.labels?.map((p) => ({ ...p, id: `${p.id}_cp${J().slice(0, 6)}` })),
+              labels: a.labels?.map((p) => ({ ...p, id: `${p.id}_cp${ee().slice(0, 6)}` })),
               payload: a.payload ? { ...a.payload } : {}
             }
           });
         }
         return l.length && t.executeCommand({
-          id: J(),
+          id: ee(),
           source: "user:keyboard",
           label: "粘贴",
           timestamp: Date.now(),
@@ -4024,7 +4029,7 @@ function Bn() {
   };
 }
 export {
-  ue as CanvasConstraintError,
+  ge as CanvasConstraintError,
   An as CanvasLayout,
   Ro as CanvasNodePalette,
   Dn as CanvasRuntime,
@@ -4041,7 +4046,7 @@ export {
   Pn as createDefaultSchema,
   Ho as createDefaultToolbarItems,
   Mn as createEmptyFlowModel,
-  J as generateId,
+  ee as generateId,
   $n as minimapPlugin,
   On as searchPlugin,
   Rn as selectionPlugin,