@blueking/flow-canvas 0.0.6 → 0.0.8

package/dist/index.esm.js

@@ -1,26 +1,26 @@
-import { ref as q, computed as j, onScopeDispose as Je, defineComponent as fe, h as Re, watch as pe, onBeforeUnmount as Me, createElementBlock as R, openBlock as D, normalizeStyle as we, createElementVNode as U, createVNode as et, createCommentVNode as Y, normalizeClass as se, Transition as tt, withCtx as He, withModifiers as rt, createTextVNode as Le, renderSlot as xe, onMounted as ot, createBlock as be, Fragment as me, renderList as Ie, toDisplayString as ge, unref as le, reactive as at, resolveDynamicComponent as lt, Teleport as dt, nextTick as Oe, inject as ct, createApp as ut } from "vue";
-import { Graph as ft } from "@antv/x6";
-import { register as gt } from "@antv/x6-vue-shape";
-import { Selection as pt } from "@antv/x6-plugin-selection";
-import { MiniMap as ht } from "@antv/x6-plugin-minimap";
-function fn() {
+import { ref as G, computed as j, onScopeDispose as Je, defineComponent as ge, h as Re, watch as he, onBeforeUnmount as Me, createElementBlock as T, openBlock as _, normalizeStyle as we, createElementVNode as q, createVNode as et, createCommentVNode as Z, normalizeClass as se, Transition as tt, withCtx as $e, withModifiers as at, createTextVNode as He, renderSlot as Ie, onMounted as ot, createBlock as be, Fragment as pe, renderList as xe, toDisplayString as ue, unref as le, reactive as lt, resolveDynamicComponent as dt, Teleport as ct, nextTick as Le, inject as ut, createApp as ft } from "vue";
+import { Graph as gt } from "@antv/x6";
+import { register as pt } from "@antv/x6-vue-shape";
+import { Selection as ht } from "@antv/x6-plugin-selection";
+import { MiniMap as vt } from "@antv/x6-plugin-minimap";
+function pn() {
   return {
     version: "1.0",
     nodes: {},
     edges: {}
   };
 }
-class ue extends Error {
+class fe extends Error {
   constructor(e) {
     super(e), this.name = "CanvasConstraintError";
   }
 }
-class vt extends Error {
+class yt extends Error {
   constructor(e) {
     super(e), this.name = "CanvasSchemaError";
   }
 }
-function Ne(s, e, t) {
+function De(s, e, t) {
   if (e.length === 0) {
     if (t === void 0) return;
     if (typeof t != "object" || t === null || Array.isArray(t))
@@ -36,189 +36,197 @@ function Ne(s, e, t) {
   const i = e[e.length - 1];
   return t === void 0 ? delete n[i] : n[i] = t, o;
 }
-function $e(s, e) {
+function nt(s, e) {
   switch (e.type) {
     case "node.add":
-      return yt(s, e.node);
+      return mt(s, e.node);
     case "node.move":
-      return mt(s, e.nodeId, e.position);
+      return wt(s, e.nodeId, e.position);
     case "node.remove":
-      return wt(s, e.nodeId);
+      return bt(s, e.nodeId);
     case "node.update":
-      return bt(s, e.nodeId, e.patch);
+      return xt(s, e.nodeId, e.patch);
     case "node.set-payload":
       return Et(s, e.nodeId, e.path, e.value);
     case "node.set-extensions":
-      return xt(s, e.nodeId, e.path, e.value);
+      return It(s, e.nodeId, e.path, e.value);
     case "edge.add":
-      return It(s, e.edge);
+      return Ct(s, e.edge);
     case "edge.remove":
-      return Ct(s, e.edgeId);
+      return kt(s, e.edgeId);
     case "edge.reconnect":
-      return kt(s, e.edgeId, e.source, e.target);
+      return St(s, e.edgeId, e.source, e.target);
     case "edge.update":
-      return St(s, e.edgeId, e.patch);
+      return Mt(s, e.edgeId, e.patch);
     case "edge.set-payload":
-      return Mt(s, e.edgeId, e.path, e.value);
+      return Dt(s, e.edgeId, e.path, e.value);
     case "edge.label.update":
       return Nt(s, e.edgeId, e.labelId, e.patch);
     case "model.set-meta":
       return _t(s, e.path, e.value);
     default:
-      throw new ue(`Unknown command type: ${e.type}`);
+      throw new fe(`Unknown command type: ${e.type}`);
   }
 }
 function Ce(s, e) {
   const t = s.nodes[e];
-  if (!t) throw new ue(`Node "${e}" does not exist`);
+  if (!t) throw new fe(`Node "${e}" does not exist`);
   return t;
 }
 function ke(s, e) {
   const t = s.edges[e];
-  if (!t) throw new ue(`Edge "${e}" does not exist`);
+  if (!t) throw new fe(`Edge "${e}" does not exist`);
   return t;
 }
 function Ee(s, e, t) {
   const o = s.nodes[e.nodeId];
   if (!o)
-    throw new ue(`${t} node "${e.nodeId}" does not exist`);
+    throw new fe(`${t} node "${e.nodeId}" does not exist`);
   if (e.portId && o.ports && !o.ports.some((i) => i.id === e.portId))
-    throw new ue(`${t} port "${e.portId}" not found on node "${e.nodeId}"`);
+    throw new fe(`${t} port "${e.portId}" not found on node "${e.nodeId}"`);
 }
-function _e(s, e, t) {
+function Ne(s, e, t) {
   return { ...s, nodes: { ...s.nodes, [e]: t } };
 }
-function De(s, e, t) {
+function _e(s, e, t) {
   return { ...s, edges: { ...s.edges, [e]: t } };
 }
-function yt(s, e) {
+function mt(s, e) {
   if (s.nodes[e.id])
-    throw new ue(`Node id "${e.id}" already exists`);
+    throw new fe(`Node id "${e.id}" already exists`);
   return { ...s, nodes: { ...s.nodes, [e.id]: e } };
 }
-function mt(s, e, t) {
+function wt(s, e, t) {
   const o = Ce(s, e);
-  return _e(s, e, { ...o, position: t });
+  return Ne(s, e, { ...o, position: t });
 }
-function wt(s, e) {
+function bt(s, e) {
   Ce(s, e);
   const { [e]: t, ...o } = s.nodes, n = {};
   for (const [i, r] of Object.entries(s.edges))
     r.source.nodeId !== e && r.target.nodeId !== e && (n[i] = r);
   return { ...s, nodes: o, edges: n };
 }
-function bt(s, e, t) {
+function xt(s, e, t) {
   const o = Ce(s, e);
-  return _e(s, e, { ...o, ...t, id: o.id });
+  return Ne(s, e, { ...o, ...t, id: o.id });
 }
 function Et(s, e, t, o) {
-  const n = Ce(s, e), i = Ne(n.payload, t, o);
-  return _e(s, e, { ...n, payload: i });
+  const n = Ce(s, e), i = De(n.payload, t, o);
+  return Ne(s, e, { ...n, payload: i });
 }
-function xt(s, e, t, o) {
-  const n = Ce(s, e), i = Ne(n.extensions, t, o);
-  return _e(s, e, { ...n, extensions: i });
+function It(s, e, t, o) {
+  const n = Ce(s, e), i = De(n.extensions, t, o);
+  return Ne(s, e, { ...n, extensions: i });
 }
-function It(s, e) {
+function Ct(s, e) {
   if (s.edges[e.id])
-    throw new ue(`Edge id "${e.id}" already exists`);
+    throw new fe(`Edge id "${e.id}" already exists`);
   if (Ee(s, e.source, "Source"), Ee(s, e.target, "Target"), e.labels) {
     const t = /* @__PURE__ */ new Set();
     for (const o of e.labels) {
       if (t.has(o.id))
-        throw new ue(`Duplicate label id "${o.id}" in edge "${e.id}"`);
+        throw new fe(`Duplicate label id "${o.id}" in edge "${e.id}"`);
       t.add(o.id);
     }
   }
   return { ...s, edges: { ...s.edges, [e.id]: e } };
 }
-function Ct(s, e) {
+function kt(s, e) {
   ke(s, e);
   const { [e]: t, ...o } = s.edges;
   return { ...s, edges: o };
 }
-function kt(s, e, t, o) {
+function St(s, e, t, o) {
   const n = ke(s, e), i = t ?? n.source, r = o ?? n.target;
-  return Ee(s, i, "Source"), Ee(s, r, "Target"), De(s, e, { ...n, source: i, target: r });
+  return Ee(s, i, "Source"), Ee(s, r, "Target"), _e(s, e, { ...n, source: i, target: r });
 }
-function St(s, e, t) {
+function Mt(s, e, t) {
   const o = ke(s, e), n = { ...o, ...t, id: o.id };
-  return t.source && Ee(s, n.source, "Source"), t.target && Ee(s, n.target, "Target"), De(s, e, n);
+  return t.source && Ee(s, n.source, "Source"), t.target && Ee(s, n.target, "Target"), _e(s, e, n);
 }
-function Mt(s, e, t, o) {
-  const n = ke(s, e), i = Ne(n.payload, t, o);
-  return De(s, e, { ...n, payload: i });
+function Dt(s, e, t, o) {
+  const n = ke(s, e), i = De(n.payload, t, o);
+  return _e(s, e, { ...n, payload: i });
 }
 function Nt(s, e, t, o) {
   const n = ke(s, e);
   if (!n.labels)
-    throw new ue(`Edge "${e}" has no labels`);
+    throw new fe(`Edge "${e}" has no labels`);
   const i = n.labels.findIndex((l) => l.id === t);
   if (i === -1)
-    throw new ue(`Label "${t}" not found in edge "${e}"`);
+    throw new fe(`Label "${t}" not found in edge "${e}"`);
   const r = [...n.labels];
-  return r[i] = { ...r[i], ...o, id: t }, De(s, e, { ...n, labels: r });
+  return r[i] = { ...r[i], ...o, id: t }, _e(s, e, { ...n, labels: r });
 }
 function _t(s, e, t) {
-  const o = Ne(s.meta, e, t);
+  const o = De(s.meta, e, t);
   return { ...s, meta: o };
 }
-function Dt(s, e) {
-  const t = e?.maxHistorySize ?? 100, o = q(s), n = [], i = [], r = q(!1), l = q(!1);
+function At(s, e) {
+  const t = e?.maxHistorySize ?? 100, o = G(s), n = [], i = [], r = G(!1), l = G(!1);
   function a() {
     r.value = n.length > 0, l.value = i.length > 0;
   }
-  function h(k) {
-    const S = o.value;
-    let T = S;
-    for (const P of k.commands)
-      T = $e(T, P);
-    return n.push({ snapshot: S, envelope: k }), n.length > t && n.shift(), i.length = 0, o.value = T, a(), T;
+  function h(C) {
+    const M = o.value;
+    let R = M;
+    for (const A of C.commands)
+      R = nt(R, A);
+    if (!C.skipHistory) {
+      const A = e?.excludeCommandFromHistory, B = A ? C.commands.filter((V) => !A(V)) : C.commands;
+      if (B.length > 0) {
+        const V = B.length < C.commands.length ? { ...C, commands: B } : C;
+        n.push({ snapshot: M, envelope: V }), n.length > t && n.shift(), i.length = 0;
+      }
+    }
+    return o.value = R, a(), R;
   }
   function u() {
-    const k = n.pop();
-    return k ? (i.push({ snapshot: o.value, envelope: k.envelope }), o.value = k.snapshot, a(), k.snapshot) : null;
-  }
-  function g() {
-    const k = i.pop();
-    if (!k) return null;
-    n.push({ snapshot: o.value, envelope: k.envelope });
-    let S = o.value;
-    for (const T of k.envelope.commands)
-      S = $e(S, T);
-    return o.value = S, a(), S;
+    const C = n.pop();
+    if (!C) return null;
+    i.push({ snapshot: o.value, envelope: C.envelope });
+    const M = e?.preserveMetaOnUndoRedo ? { ...C.snapshot, meta: o.value.meta } : C.snapshot;
+    return o.value = M, a(), M;
   }
   function p() {
+    const C = i.pop();
+    if (!C) return null;
+    n.push({ snapshot: o.value, envelope: C.envelope });
+    const M = e?.preserveMetaOnUndoRedo ? { ...C.snapshot, meta: o.value.meta } : C.snapshot;
+    return o.value = M, a(), M;
+  }
+  function g() {
     n.length = 0, i.length = 0, a();
   }
-  function E() {
+  function x() {
     return o.value;
   }
-  function m(k) {
-    o.value = k, p();
+  function m(C) {
+    o.value = C, g();
   }
   return {
     currentFlowModel: o,
     execute: h,
     undo: u,
-    redo: g,
+    redo: p,
     canUndo: r,
     canRedo: l,
     get undoStack() {
-      return n.map((k) => k.envelope);
+      return n.map((C) => C.envelope);
     },
     get redoStack() {
-      return i.map((k) => k.envelope);
+      return i.map((C) => C.envelope);
     },
-    clear: p,
-    createSnapshot: E,
+    clear: g,
+    createSnapshot: x,
     replaceFlowModel: m
   };
 }
-function At(s) {
+function Pt(s) {
   return s !== null && typeof s == "object" && s.rejected === !0;
 }
-class Pt {
+class Tt {
   plugins = [];
   editorContext = null;
   runtimeCtx = null;
@@ -283,7 +291,7 @@ class Pt {
             source: o.name
           }
         };
-      if (At(i))
+      if (Pt(i))
         return {
           rejected: !0,
           error: {
@@ -376,48 +384,48 @@ class Pt {
         const n = o ?? e.commands;
         let i = t.flowModel.value;
         for (const r of n)
-          i = $e(i, r);
+          i = nt(i, r);
         return i;
       }
     };
   }
 }
-let Tt = 0;
+let Rt = 0;
 function te() {
   const s = Date.now().toString(36), e = Math.random().toString(36).substring(2, 8);
-  return `${s}-${e}-${++Tt}`;
+  return `${s}-${e}-${++Rt}`;
 }
-const Ge = () => te();
-function gn(s) {
-  const { schema: e, plugins: t = [], historyOptions: o } = s, n = s.idGenerator ?? Ge, i = { version: "1.0", ...s.initialFlowModel }, r = Dt(i, o), l = q(s.mode ?? "edit"), a = q(!1), h = q(null), u = q([]), g = {}, p = new Pt();
-  function E(T, P, G, K = "user:toolbar") {
+const Be = () => te();
+function hn(s) {
+  const { schema: e, plugins: t = [], historyOptions: o } = s, n = s.idGenerator ?? Be, i = { version: "1.0", ...s.initialFlowModel }, r = At(i, o), l = G(s.mode ?? "edit"), a = G(!1), h = G(null), u = G([]), p = {}, g = new Tt();
+  function x(R, A, B, V = "user:toolbar") {
     const O = {
       id: `history-${Date.now()}`,
-      source: K,
-      label: T,
+      source: V,
+      label: R,
       timestamp: Date.now(),
       commands: []
     };
-    p.afterCommand(O, P, G), u.value = p.collectToolbarItems(), s.onCommandResult?.({
+    g.afterCommand(O, A, B), u.value = g.collectToolbarItems(), s.onCommandResult?.({
       status: "applied",
       envelope: O,
-      flowModel: G
+      flowModel: B
     }), s.onFlowModelChange?.({
-      flowModel: G,
-      prevFlowModel: P,
+      flowModel: B,
+      prevFlowModel: A,
       envelope: O,
-      source: K
+      source: V
     });
   }
   const m = {
     execute: r.execute,
     undo() {
-      const T = r.currentFlowModel.value, P = r.undo();
-      return P && E("撤销", T, P), P;
+      const R = r.currentFlowModel.value, A = r.undo();
+      return A && x("撤销", R, A), A;
     },
     redo() {
-      const T = r.currentFlowModel.value, P = r.redo();
-      return P && E("重做", T, P), P;
+      const R = r.currentFlowModel.value, A = r.redo();
+      return A && x("重做", R, A), A;
     },
     get canUndo() {
       return r.canUndo;
@@ -433,73 +441,73 @@ function gn(s) {
     },
     clear: r.clear,
     createSnapshot: r.createSnapshot,
-    replaceFlowModel(T) {
-      const P = r.currentFlowModel.value;
-      r.replaceFlowModel(T), E("替换 FlowModel", P, T, "system:replace");
+    replaceFlowModel(R) {
+      const A = r.currentFlowModel.value;
+      r.replaceFlowModel(R), x("替换 FlowModel", A, R, "system:replace");
     }
-  }, k = {
+  }, C = {
     flowModel: j(() => r.currentFlowModel.value),
     history: m,
     schema: e,
     mode: l,
     idGenerator: n,
-    executeCommand: S,
-    replaceFlowModel(T) {
-      m.replaceFlowModel(T);
+    executeCommand: M,
+    replaceFlowModel(R) {
+      m.replaceFlowModel(R);
     },
-    setMode(T) {
-      l.value = T;
+    setMode(R) {
+      l.value = R;
     },
     selectionMode: a,
-    setSelectionMode(T) {
-      a.value = T;
+    setSelectionMode(R) {
+      a.value = R;
     },
     api: h,
     toolbarItems: u,
-    extendedApi: g,
-    _pluginManager: p,
-    _emitUiEvent: (T) => {
-      p.dispatchUiEvent(T);
+    extendedApi: p,
+    _pluginManager: g,
+    _emitUiEvent: (R) => {
+      g.dispatchUiEvent(R);
     }
   };
-  p.install(t, {
-    flowModel: k.flowModel,
+  g.install(t, {
+    flowModel: C.flowModel,
     history: m,
     schema: e,
     mode: l,
     idGenerator: n,
-    executeCommand: S
-  }), u.value = p.collectToolbarItems(), Je(() => {
-    p.dispose();
+    executeCommand: M
+  }), u.value = g.collectToolbarItems(), Je(() => {
+    g.dispose();
   });
-  function S(T) {
-    const P = p.transformCommand(T);
-    if ("rejected" in P) {
+  function M(R) {
+    const A = g.transformCommand(R);
+    if ("rejected" in A) {
       const O = {
         status: "rejected",
-        envelope: T,
-        error: P.error
+        envelope: R,
+        error: A.error
       };
       return s.onCommandResult?.(O), O;
     }
-    const G = P.envelope, K = r.currentFlowModel.value;
+    const B = A.envelope, V = r.currentFlowModel.value;
     try {
-      const O = r.execute(G), W = {
+      const O = r.execute(B), W = {
         status: "applied",
-        envelope: G,
+        envelope: B,
         flowModel: O
       };
-      return p.afterCommand(G, K, O), u.value = p.collectToolbarItems(), s.onCommandResult?.(W), s.onFlowModelChange?.({
+      return g.afterCommand(B, V, O), u.value = g.collectToolbarItems(), s.onCommandResult?.(W), s.onFlowModelChange?.({
         flowModel: O,
-        prevFlowModel: K,
-        envelope: G,
-        source: G.source
+        prevFlowModel: V,
+        envelope: B,
+        source: B.source
       }), W;
     } catch (O) {
-      if (O instanceof ue) {
+      if (O instanceof fe) {
         const W = {
           status: "invalid",
-          envelope: G,
+          envelope: B,
           error: {
             code: "constraint_violated",
             reason: O.message,
@@ -511,17 +519,17 @@ function gn(s) {
       throw O;
     }
   }
-  return k;
+  return C;
 }
-const Rt = ["top", "right", "bottom", "left"];
-function nt() {
-  return Rt.map((s) => ({ id: s, group: s }));
+const Lt = ["top", "right", "bottom", "left"];
+function st() {
+  return Lt.map((s) => ({ id: s, group: s }));
 }
-function qe(s, e) {
-  return e?.(s) ?? s.ports ?? nt();
+function Fe(s, e) {
+  return e?.(s) ?? s.ports ?? st();
 }
-const Te = -1, Lt = "flow-canvas-node-ring-target", Fe = "flow-canvas-node-ring-target--decorated", Ue = "flow-canvas-node-ring-target--pulse", Ot = "linear-gradient(135deg, #cadcfa 0%, #cee0ff 100%)";
-class $t {
+const Te = -1, Ot = "flow-canvas-node-ring-target", Ge = "flow-canvas-node-ring-target--decorated", qe = "flow-canvas-node-ring-target--pulse", $t = "linear-gradient(135deg, #cadcfa 0%, #cee0ff 100%)";
+class Bt {
   graph;
   schema;
   shapeRegistry;
@@ -546,6 +554,7 @@ class $t {
   /** x6EdgeConfig 中 attrs.line 的基线值，清理时恢复而非删除 */
   edgeDefaultAttrs = /* @__PURE__ */ new Map();
   lastModel = null;
+  pendingDecorationRAFs = /* @__PURE__ */ new Map();
   constructor(e, t, o, n, i, r) {
     this.graph = e, this.schema = t, this.shapeRegistry = o, this.resolveNodeDecoration = n, this.resolveEdgeDecoration = i, this.resolveCanvasContext = r;
   }
@@ -621,17 +630,19 @@ class $t {
     e.removeAttrByPath(r), i !== void 0 && e.setAttrByPath(r, i);
   }
   dispose() {
-    this.knownNodeIds.clear(), this.knownEdgeIds.clear();
+    for (const e of this.pendingDecorationRAFs.values())
+      cancelAnimationFrame(e);
+    this.pendingDecorationRAFs.clear(), this.knownNodeIds.clear(), this.knownEdgeIds.clear();
   }
   resolveNodes(e) {
     const t = /* @__PURE__ */ new Map();
     for (const [o, n] of Object.entries(e.nodes)) {
       const i = this.schema.nodeTypes[n.type];
       if (!i)
-        throw new vt(
+        throw new yt(
           `Unknown node type "${n.type}" for node "${o}". Registered types: [${Object.keys(this.schema.nodeTypes).join(", ")}]. Register the type in CanvasSchema.nodeTypes before using it in a FlowModel.`
         );
-      const r = this.shapeRegistry.registerNodeType(n.type, i.component), l = i.getSize(n), a = qe(n, i.getPorts);
+      const r = this.shapeRegistry.registerNodeType(n.type, i.component), l = i.getSize(n), a = Fe(n, i.getPorts);
       t.set(o, { model: n, definition: i, shapeName: r, size: l, ports: a });
     }
     return t;
@@ -650,6 +661,8 @@ class $t {
       if (!t.has(o)) {
         const n = this.graph.getCellById(o);
         n && this.graph.removeCell(n), this.knownNodeIds.delete(o), this.defaultHighlightedNodeIds.delete(o), this.prevNodeDecorationClasses.delete(o), this.prevNodeDecorationColors.delete(o), this.nodeDefaultAttrs.delete(o);
+        const i = this.pendingDecorationRAFs.get(o);
+        i && (cancelAnimationFrame(i), this.pendingDecorationRAFs.delete(o));
       }
     for (const [o, n] of e) {
       const i = this.graph.getCellById(o);
@@ -716,7 +729,27 @@ class $t {
     };
     this.graph.addNode(a), this.knownNodeIds.add(e), this.saveNodeDefaultAttrs(e, l);
     const h = this.graph.getCellById(e);
-    h && (this.applyNodeBehavior(h, o, l), this.applyNodeHighlightAndDecoration(h, o));
+    h && (this.applyNodeBehavior(h, o, l), this.applyNodeHighlightAndDecoration(h, o), this.scheduleDecorationRetryIfNeeded(h, o));
+  }
+  /**
+   * Vue Shape 组件在 foreignObject 内异步挂载，addNewNode 同步调用
+   * applyNodeHighlightAndDecoration 时 ringTarget DOM 可能尚不存在。
+   * 延迟一帧重试，确保装饰环在节点首次渲染后即正确显示，
+   * 避免后续 refreshNodeHighlights 触发时装饰环才首次出现。
+   */
+  scheduleDecorationRetryIfNeeded(e, t) {
+    const o = this.graph.findViewByCell(e)?.container;
+    if (this.getNodeRingTarget(o)) return;
+    const n = e.id, i = this.pendingDecorationRAFs.get(n);
+    i && cancelAnimationFrame(i);
+    const r = requestAnimationFrame(() => {
+      if (this.pendingDecorationRAFs.delete(n), !this.knownNodeIds.has(n)) return;
+      const l = this.lastModel?.nodes[n];
+      if (!l) return;
+      const a = this.graph.getCellById(n);
+      a?.isNode() && this.applyNodeHighlightAndDecoration(a, l);
+    });
+    this.pendingDecorationRAFs.set(n, r);
   }
   /**
    * 将 schema 定义的 getBehavior 映射到 X6 节点属性。
@@ -771,12 +804,12 @@ class $t {
     const u = (e.getData()?.type ?? void 0) !== (t.type ?? void 0);
     if (u) {
       if (o?.router) {
-        const g = typeof o.router == "string" ? { name: o.router } : o.router;
-        e.setRouter(g);
+        const p = typeof o.router == "string" ? { name: o.router } : o.router;
+        e.setRouter(p);
       }
       if (o?.connector) {
-        const g = typeof o.connector == "string" ? { name: o.connector } : o.connector;
-        e.setConnector(g);
+        const p = typeof o.connector == "string" ? { name: o.connector } : o.connector;
+        e.setConnector(p);
       }
     }
     (u || l || a) && (this.syncEdgeMarker(e, o, "sourceMarker"), this.syncEdgeMarker(e, o, "targetMarker")), this.syncEdgeLabels(e, t), e.getZIndex() !== Te && e.setZIndex(Te), e.setData({ ...t }, { silent: !0 }), this.applyEdgeStyleAndDecoration(e, t, o);
@@ -860,11 +893,11 @@ class $t {
   applyNodeHighlightAndDecoration(e, t) {
     const o = this.highlightedNodeIds.has(e.id), n = this.resolveNodeDecoration?.(t), 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, u = a ?? (o ? "#3a84ff" : void 0), g = this.prevNodeDecorationColors.has(e.id) || this.defaultHighlightedNodeIds.has(e.id);
-    u ? (e.setAttrByPath("body/stroke", u), e.setAttrByPath("body/strokeWidth", 2)) : g && (this.restoreNodeAttr(e, "body/stroke", "stroke"), this.restoreNodeAttr(e, "body/strokeWidth", "strokeWidth")), r && (r.classList.add(Lt), a ? (r.classList.add(Fe), r.style.setProperty("--flow-canvas-node-decoration-ring-background", a), r.style.setProperty("--flow-canvas-node-decoration-ring-opacity", "0.95")) : (r.classList.remove(Fe), r.style.removeProperty("--flow-canvas-node-decoration-ring-background"), r.style.removeProperty("--flow-canvas-node-decoration-ring-opacity")), o ? (r.classList.add(Ue), r.style.setProperty(
+    const a = n?.borderColor, u = a ?? (o ? "#3a84ff" : void 0), p = this.prevNodeDecorationColors.has(e.id) || this.defaultHighlightedNodeIds.has(e.id);
+    u ? (e.setAttrByPath("body/stroke", u), e.setAttrByPath("body/strokeWidth", 2)) : p && (this.restoreNodeAttr(e, "body/stroke", "stroke"), this.restoreNodeAttr(e, "body/strokeWidth", "strokeWidth")), r && (r.classList.add(Ot), a ? (r.classList.add(Ge), r.style.setProperty("--flow-canvas-node-decoration-ring-background", a), r.style.setProperty("--flow-canvas-node-decoration-ring-opacity", "0.95")) : (r.classList.remove(Ge), r.style.removeProperty("--flow-canvas-node-decoration-ring-background"), r.style.removeProperty("--flow-canvas-node-decoration-ring-opacity")), o ? (r.classList.add(qe), r.style.setProperty(
       "--flow-canvas-node-pulse-ring-background",
-      a ?? Ot
-    ), r.style.setProperty("--flow-canvas-node-pulse-ring-opacity", "0.95")) : (r.classList.remove(Ue), 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), o && !a ? this.defaultHighlightedNodeIds.add(e.id) : this.defaultHighlightedNodeIds.delete(e.id);
+      a ?? $t
+    ), r.style.setProperty("--flow-canvas-node-pulse-ring-opacity", "0.95")) : (r.classList.remove(qe), 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), o && !a ? this.defaultHighlightedNodeIds.add(e.id) : this.defaultHighlightedNodeIds.delete(e.id);
   }
   getHoveredEdgeId() {
     return this.hoveredEdgeId;
@@ -895,14 +928,14 @@ class $t {
     r && (this.graph.findViewByCell(e)?.container?.classList.remove(r), this.prevEdgeDecorationClasses.delete(e.id)), i?.className && (this.graph.findViewByCell(e)?.container?.classList.add(i.className), this.prevEdgeDecorationClasses.set(e.id, i.className));
     let l, a, h;
     if (o?.style) {
-      const m = this.graph.isSelected?.(e) ?? !1, k = this.hoveredEdgeId === e.id, S = o.style(t, { selected: m, highlighted: n, hovered: k });
-      l = S.stroke, a = S.strokeWidth, h = S.strokeDasharray;
+      const m = this.graph.isSelected?.(e) ?? !1, C = this.hoveredEdgeId === e.id, M = o.style(t, { selected: m, highlighted: n, hovered: C });
+      l = M.stroke, a = M.strokeWidth, h = M.strokeDasharray;
     }
-    const u = !o?.style && n ? "#3a84ff" : void 0, g = i?.strokeColor, p = g ?? l ?? u, E = !!o?.style || this.prevEdgeDecorationColors.has(e.id) || this.defaultHighlightedEdgeIds.has(e.id) || this.prevEdgeStyleIds.has(e.id);
-    p ? this.setEdgeAttrIfChanged(e, "line/stroke", p) : E && this.restoreEdgeAttr(e, "line/stroke", "stroke"), o?.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)), g ? this.prevEdgeDecorationColors.add(e.id) : this.prevEdgeDecorationColors.delete(e.id), u ? this.defaultHighlightedEdgeIds.add(e.id) : this.defaultHighlightedEdgeIds.delete(e.id);
+    const u = !o?.style && n ? "#3a84ff" : void 0, p = i?.strokeColor, g = p ?? l ?? u, x = !!o?.style || this.prevEdgeDecorationColors.has(e.id) || this.defaultHighlightedEdgeIds.has(e.id) || this.prevEdgeStyleIds.has(e.id);
+    g ? this.setEdgeAttrIfChanged(e, "line/stroke", g) : x && this.restoreEdgeAttr(e, "line/stroke", "stroke"), o?.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), u ? this.defaultHighlightedEdgeIds.add(e.id) : this.defaultHighlightedEdgeIds.delete(e.id);
   }
 }
-class Bt {
+class Ft {
   instanceId = te();
   registeredShapes = /* @__PURE__ */ new Map();
   wrappedComponents = /* @__PURE__ */ new Map();
@@ -913,12 +946,12 @@ class Bt {
   registerNodeType(e, t) {
     const o = this.getShapeName(e);
     let n = this.wrappedComponents.get(e);
-    return n || (n = fe({
+    return n || (n = ge({
       name: `FlowCanvasNodeShape${e.replace(/(^|[-_])(\w)/g, (i, r, l) => l.toUpperCase())}`,
       setup() {
         return () => Re("div", { class: "flow-canvas-node-surface" }, [Re(t)]);
       }
-    }), this.wrappedComponents.set(e, n)), gt({
+    }), this.wrappedComponents.set(e, n)), pt({
       shape: o,
       component: n,
       width: 100,
@@ -937,7 +970,7 @@ class Ht {
   idGenerator;
   disposers = [];
   constructor(e, t, o, n, i) {
-    this.graph = e, this.onUiEvent = t, this.onCommand = o, this.flowModelRef = n, this.idGenerator = i ?? Ge, this.bindEvents();
+    this.graph = e, this.onUiEvent = t, this.onCommand = o, this.flowModelRef = n, this.idGenerator = i ?? Be, this.bindEvents();
   }
   dispose() {
     for (const e of this.disposers) e();
@@ -1055,7 +1088,7 @@ function Gt(s) {
     getNodeScreenRect: e
   };
 }
-function st(s) {
+function it(s) {
   return {
     nodeIds: s.filter((e) => e.isNode()).map((e) => e.id),
     edgeIds: s.filter((e) => e.isEdge()).map((e) => e.id)
@@ -1072,7 +1105,7 @@ function qt(s, e) {
   const n = s.localToGraph(o);
   return new DOMRect(n.x, n.y, n.width, n.height);
 }
-function it(s, e, t) {
+function rt(s, e, t) {
   const o = s.nodeIds.filter((r) => {
     const l = e.nodes[r];
     if (!l) return !1;
@@ -1084,14 +1117,14 @@ function it(s, e, t) {
   });
   return { nodeIds: o, edgeIds: i };
 }
-function Ft(s) {
+function Ut(s) {
   return [
     ...s.edgeIds.map((e) => ({ type: "edge.remove", edgeId: e })),
     ...s.nodeIds.map((e) => ({ type: "node.remove", nodeId: e }))
   ];
 }
-const Ut = 100;
-function zt({
+const zt = 100;
+function jt({
   graph: s,
   overlayManager: e,
   executeCommand: t,
@@ -1104,11 +1137,11 @@ function zt({
   onHighlightChange: h,
   resolveNodeShape: u
 }) {
-  const g = r ?? Ge;
-  let p = [], E = [], m = null, k = !1, S = null;
-  async function T() {
-    if (k) return m;
-    k = !0;
+  const p = r ?? Be;
+  let g = [], x = [], m = null, C = !1, M = null;
+  async function R() {
+    if (C) return m;
+    C = !0;
     try {
       const f = await import("@antv/x6-plugin-dnd"), d = f.Dnd ?? f.default;
       return d ? (m = new d({
@@ -1122,18 +1155,18 @@ function zt({
       return console.warn("[flow-canvas] @antv/x6-plugin-dnd not available, add it to your dependencies"), null;
     }
   }
-  function P() {
+  function A() {
     return new Promise((f) => {
       requestAnimationFrame(() => requestAnimationFrame(() => f()));
     });
   }
-  const G = ({ node: f }) => {
+  const B = ({ node: f }) => {
     const d = f.getData?.();
-    if (!d?._dndSessionId || d._dndSessionId !== S) return;
-    S = null;
+    if (!d?._dndSessionId || d._dndSessionId !== M) return;
+    M = null;
     const c = f.getPosition();
     s.removeNode(f.id);
-    const { _dndSessionId: v, ...b } = d, x = b.id || g("node");
+    const { _dndSessionId: v, ...b } = d, E = b.id || p("node");
     t({
       id: te(),
       source: "user:drag",
@@ -1142,18 +1175,18 @@ function zt({
       commands: [
         {
           type: "node.add",
-          node: { ...b, id: x, position: { x: c.x, y: c.y } }
+          node: { ...b, id: E, position: { x: c.x, y: c.y } }
         }
       ]
     });
   };
-  s.on("node:added", G);
-  function K(f) {
+  s.on("node:added", B);
+  function V(f) {
     const d = o.nodeTypes[f.type];
-    return qe(f, d?.getPorts);
+    return Fe(f, d?.getPorts);
   }
   function O(f) {
-    return f ?? st(s.getSelectedCells?.() ?? []);
+    return f ?? it(s.getSelectedCells?.() ?? []);
   }
   function W(f, d, c, v, b) {
     switch (f) {
@@ -1191,7 +1224,7 @@ function zt({
         return { x: d.width + c, y: 0 };
     }
   }
-  function M(f) {
+  function D(f) {
     switch (f) {
       case "left":
         return "right";
@@ -1248,7 +1281,7 @@ function zt({
       f?.length && s.unselect?.(f);
     },
     deleteSelection(f) {
-      const d = O(f?.selection), c = it(d, n.value, i ?? (() => ({}))), v = Ft(c);
+      const d = O(f?.selection), c = rt(d, n.value, i ?? (() => ({}))), v = Ut(c);
       if (v.length === 0) return null;
       const b = t({
         id: te(),
@@ -1261,17 +1294,17 @@ function zt({
     },
     registerDndSource(f, d) {
       const c = async (v) => {
-        const b = await T();
+        const b = await R();
         if (!b) return;
-        const x = te();
-        S = x;
-        const B = d(), X = u?.(B.type), C = s.createNode({
-          width: X?.width ?? 154,
-          height: X?.height ?? 54,
-          shape: X?.shapeName ?? "rect",
-          data: { ...B, _dndSessionId: x }
+        const E = te();
+        M = E;
+        const F = d(), K = u?.(F.type), k = s.createNode({
+          width: K?.width ?? 154,
+          height: K?.height ?? 54,
+          shape: K?.shapeName ?? "rect",
+          data: { ...F, _dndSessionId: E }
         });
-        b.start(C, v);
+        b.start(k, v);
       };
       return f.addEventListener("mousedown", c), () => {
         f.removeEventListener("mousedown", c);
@@ -1286,9 +1319,9 @@ function zt({
       if (!c?.isNode()) return;
       const v = c, b = s.findViewByCell(v);
       if (!b) return;
-      const x = b.findPortElem(d, "circle") ?? b.findPortElem(d);
-      if (!x) return;
-      const X = (x.matches?.("[magnet]") ? x : x.querySelector?.("[magnet]")) ?? x, C = X.getBoundingClientRect(), L = C.left + C.width / 2, w = C.top + C.height / 2, A = new MouseEvent("mousedown", {
+      const E = b.findPortElem(d, "circle") ?? b.findPortElem(d);
+      if (!E) return;
+      const K = (E.matches?.("[magnet]") ? E : E.querySelector?.("[magnet]")) ?? E, k = K.getBoundingClientRect(), L = k.left + k.width / 2, w = k.top + k.height / 2, P = new MouseEvent("mousedown", {
         clientX: L,
         clientY: w,
         button: 0,
@@ -1296,21 +1329,21 @@ function zt({
         bubbles: !0,
         cancelable: !0
       });
-      X.dispatchEvent(A);
+      K.dispatchEvent(P);
     },
     async exportAsImage(f) {
-      const { domToBlob: d } = await import("modern-screenshot"), c = f?.padding ?? 20, v = f?.backgroundColor ?? s.options.background?.color ?? "#ffffff", b = s.zoom(), x = s.translate(), B = s.getContentBBox(), X = B.width / b, C = B.height / b;
-      if (X === 0 || C === 0)
+      const { domToBlob: d } = await import("modern-screenshot"), c = f?.padding ?? 20, v = f?.backgroundColor ?? s.options.background?.color ?? "#ffffff", b = s.zoom(), E = s.translate(), F = s.getContentBBox(), K = F.width / b, k = F.height / b;
+      if (K === 0 || k === 0)
         return new Blob();
-      const L = (B.x - x.tx) / b, w = (B.y - x.ty) / b, A = Math.ceil(X + c * 2), H = Math.ceil(C + c * 2), Z = document.createElement("div");
-      Z.style.cssText = "position:fixed;left:-99999px;top:0;pointer-events:none;";
-      const V = s.container.cloneNode(!0);
-      V.style.width = `${A}px`, V.style.height = `${H}px`, V.style.overflow = "visible";
-      const ee = V.querySelector("svg");
-      ee && (ee.setAttribute("width", String(A)), ee.setAttribute("height", String(H)), ee.style.width = `${A}px`, ee.style.height = `${H}px`), V.querySelector(".x6-graph-svg-viewport")?.setAttribute("transform", `matrix(1,0,0,1,${-L + c},${-w + c})`), Z.appendChild(V), document.body.appendChild(Z);
+      const L = (F.x - E.tx) / b, w = (F.y - E.ty) / b, P = Math.ceil(K + c * 2), H = Math.ceil(k + c * 2), Y = document.createElement("div");
+      Y.style.cssText = "position:fixed;left:-99999px;top:0;pointer-events:none;";
+      const X = s.container.cloneNode(!0);
+      X.style.width = `${P}px`, X.style.height = `${H}px`, X.style.overflow = "visible";
+      const ee = X.querySelector("svg");
+      ee && (ee.setAttribute("width", String(P)), ee.setAttribute("height", String(H)), ee.style.width = `${P}px`, ee.style.height = `${H}px`), X.querySelector(".x6-graph-svg-viewport")?.setAttribute("transform", `matrix(1,0,0,1,${-L + c},${-w + c})`), Y.appendChild(X), document.body.appendChild(Y);
       try {
-        return await P(), await d(V, {
-          width: A,
+        return await A(), await d(X, {
+          width: P,
           height: H,
           backgroundColor: v,
           scale: f?.scale ?? window.devicePixelRatio,
@@ -1326,17 +1359,17 @@ function zt({
       } catch (oe) {
         return console.warn("[flow-canvas] Export failed:", oe), new Blob();
       } finally {
-        Z.remove();
+        Y.remove();
       }
     },
     highlightNodes(f) {
-      p = f, h?.(p, E);
+      g = f, h?.(g, x);
     },
     highlightEdges(f) {
-      E = f, h?.(p, E);
+      x = f, h?.(g, x);
     },
     clearHighlight() {
-      p = [], E = [], h?.([], []);
+      g = [], x = [], h?.([], []);
     },
     overlay: e,
     getContextMenuItems(f) {
@@ -1350,47 +1383,47 @@ function zt({
           envelope: { id: "", source: "user:toolbar", timestamp: Date.now(), commands: [] },
           error: { code: "constraint_violated", reason: `Source node "${f}" not found`, source: "api" }
         };
-      const x = c?.gap ?? l ?? Ut, B = c?.direction ?? "right", X = o.nodeTypes[b.type], C = o.nodeTypes[d.type], L = X?.getSize(b) ?? { width: 154, height: 54 }, w = C?.getSize({ ...d, position: { x: 0, y: 0 } }) ?? {
+      const E = c?.gap ?? l ?? zt, F = c?.direction ?? "right", K = o.nodeTypes[b.type], k = o.nodeTypes[d.type], L = K?.getSize(b) ?? { width: 154, height: 54 }, w = k?.getSize({ ...d, position: { x: 0, y: 0 } }) ?? {
         width: 154,
         height: 54
-      }, A = W(B, b, L, w, x), H = d.id || g("node"), Z = { ...d, id: H, position: A }, V = [{ type: "node.add", node: Z }], ee = z(B, w, x), Q = { x: A.x, y: A.y, width: w.width, height: w.height };
+      }, P = W(F, b, L, w, E), H = d.id || p("node"), Y = { ...d, id: H, position: P }, X = [{ type: "node.add", node: Y }], ee = z(F, w, E), Q = { x: P.x, y: P.y, width: w.width, height: w.height };
       for (const [ie, ne] of Object.entries(v.nodes)) {
         if (ie === f || ie === H) continue;
-        const I = o.nodeTypes[ne.type]?.getSize(ne) ?? { width: 154, height: 54 }, _ = Q.x < ne.position.x + I.width && Q.x + Q.width > ne.position.x, F = Q.y < ne.position.y + I.height && Q.y + Q.height > ne.position.y;
-        _ && F && V.push({
+        const I = o.nodeTypes[ne.type]?.getSize(ne) ?? { width: 154, height: 54 }, N = Q.x < ne.position.x + I.width && Q.x + Q.width > ne.position.x, U = Q.y < ne.position.y + I.height && Q.y + Q.height > ne.position.y;
+        N && U && X.push({
           type: "node.move",
           nodeId: ie,
           position: { x: ne.position.x + ee.x, y: ne.position.y + ee.y }
         });
       }
       if (c?.autoWireEdges) {
-        const ie = K(b), ne = K(Z), N = B, I = M(B), _ = ie.find((J) => J.group === N), F = ne.find((J) => J.group === I), ae = ne.find((J) => J.group === N), de = _ ? Object.values(v.edges).find(
-          (J) => J.source.nodeId === f && J.source.portId === _.id
+        const ie = V(b), ne = V(Y), S = F, I = D(F), N = ie.find((J) => J.group === S), U = ne.find((J) => J.group === I), ae = ne.find((J) => J.group === S), de = N ? Object.values(v.edges).find(
+          (J) => J.source.nodeId === f && J.source.portId === N.id
         ) : Object.values(v.edges).find((J) => J.source.nodeId === f);
         if (de) {
           const J = de.target;
-          V.push({ type: "edge.remove", edgeId: de.id }), V.push({
+          X.push({ type: "edge.remove", edgeId: de.id }), X.push({
             type: "edge.add",
             edge: {
-              id: g("edge"),
-              source: { nodeId: f, portId: _?.id },
-              target: { nodeId: H, portId: F?.id }
+              id: p("edge"),
+              source: { nodeId: f, portId: N?.id },
+              target: { nodeId: H, portId: U?.id }
             }
-          }), V.push({
+          }), X.push({
             type: "edge.add",
             edge: {
-              id: g("edge"),
+              id: p("edge"),
               source: { nodeId: H, portId: ae?.id },
               target: J
             }
           });
         } else
-          V.push({
+          X.push({
             type: "edge.add",
             edge: {
-              id: g("edge"),
-              source: { nodeId: f, portId: _?.id },
-              target: { nodeId: H, portId: F?.id }
+              id: p("edge"),
+              source: { nodeId: f, portId: N?.id },
+              target: { nodeId: H, portId: U?.id }
             }
           });
       }
@@ -1399,7 +1432,7 @@ function zt({
         source: c?.source ?? "user:toolbar",
         label: c?.label ?? "插入节点",
         timestamp: Date.now(),
-        commands: V
+        commands: X
       };
       return t(oe);
     },
@@ -1412,22 +1445,22 @@ function zt({
   };
   return y;
 }
-function jt() {
-  const s = q(null), e = q(!1);
+function Wt() {
+  const s = G(null), e = G(!1);
   let t = null, o = !1;
-  function n(g) {
-    t && (clearTimeout(t), t = null), s.value = g;
+  function n(p) {
+    t && (clearTimeout(t), t = null), s.value = p;
   }
-  function i(g = 100) {
+  function i(p = 100) {
     o || (t && clearTimeout(t), t = setTimeout(() => {
       s.value = null, t = null;
-    }, g));
+    }, p));
   }
   function r() {
     o = !0, t && (clearTimeout(t), t = null);
   }
-  function l(g = 100) {
-    o = !1, i(g);
+  function l(p = 100) {
+    o = !1, i(p);
   }
   function a() {
     t && (clearTimeout(t), t = null);
@@ -1440,28 +1473,28 @@ function jt() {
   }
   return { hoveredNodeId: s, isDraggingNode: e, enter: n, leave: i, enterOverlay: r, leaveOverlay: l, cancelLeave: a, reset: h, cleanup: u };
 }
-const ze = 10, Se = 12;
-function je(s, e) {
+const Ue = 10, Se = 12;
+function ze(s, e) {
   const t = s.getTotalLength();
   if (t === 0) return { ...e, length: 0, totalLength: 0 };
   let o = s.getPointAtLength(0), n = 1 / 0;
   const i = 50, r = t / i;
   let l = 0;
-  for (let g = 0; g <= i; g++) {
-    const p = g * r, E = s.getPointAtLength(p), m = (E.x - e.x) ** 2 + (E.y - e.y) ** 2;
-    m < n && (n = m, o = E, l = p);
+  for (let p = 0; p <= i; p++) {
+    const g = p * r, x = s.getPointAtLength(g), m = (x.x - e.x) ** 2 + (x.y - e.y) ** 2;
+    m < n && (n = m, o = x, l = g);
   }
   const a = Math.max(0, l - r), h = Math.min(t, l + r), u = (h - a) / 20;
-  for (let g = a; g <= h; g += u) {
-    const p = s.getPointAtLength(g), E = (p.x - e.x) ** 2 + (p.y - e.y) ** 2;
-    E < n && (n = E, o = p, l = g);
+  for (let p = a; p <= h; p += u) {
+    const g = s.getPointAtLength(p), x = (g.x - e.x) ** 2 + (g.y - e.y) ** 2;
+    x < n && (n = x, o = g, l = p);
   }
   return { x: o.x, y: o.y, length: l, totalLength: t };
 }
-function We(s, e) {
-  return s < ze || s > e - ze;
+function je(s, e) {
+  return s < Ue || s > e - Ue;
 }
-function Ve(s, e, t) {
+function We(s, e, t) {
   const o = s.querySelectorAll(".x6-edge-label");
   for (const n of o) {
     const i = n.getBoundingClientRect();
@@ -1470,7 +1503,7 @@ function Ve(s, e, t) {
   }
   return !1;
 }
-function Xe() {
+function Ve() {
   const s = "http://www.w3.org/2000/svg", e = document.createElementNS(s, "g");
   e.setAttribute("class", "flow-canvas-edge-delete-tool"), e.style.cursor = "pointer";
   const t = document.createElementNS(s, "rect");
@@ -1478,20 +1511,20 @@ function Xe() {
   const o = document.createElementNS(s, "text");
   return o.setAttribute("font-family", "flow-canvas"), o.setAttribute("font-size", "16"), o.setAttribute("fill", "#ffffff"), o.setAttribute("text-anchor", "middle"), o.setAttribute("dominant-baseline", "central"), o.textContent = "", e.appendChild(o), e;
 }
-function Wt(s) {
+function Vt(s) {
   let e = null, t = null;
   function o(l, a) {
     if (i(), t = l, a.target?.closest?.(".x6-edge-label")) return;
     const u = s.getCellById(l);
     if (!u?.isEdge()) return;
-    const g = s.findViewByCell(u);
-    if (!g) return;
-    const p = g.container.querySelector("path");
+    const p = s.findViewByCell(u);
     if (!p) return;
-    const E = s.clientToLocal(a.clientX, a.clientY), m = je(p, E);
-    if (We(m.length, m.totalLength) || Ve(g.container, a.clientX, a.clientY)) return;
-    const k = Xe();
-    k.setAttribute("transform", `translate(${m.x}, ${m.y})`), g.container.appendChild(k), e = k;
+    const g = p.container.querySelector("path");
+    if (!g) return;
+    const x = s.clientToLocal(a.clientX, a.clientY), m = ze(g, x);
+    if (je(m.length, m.totalLength) || We(p.container, a.clientX, a.clientY)) return;
+    const C = Ve();
+    C.setAttribute("transform", `translate(${m.x}, ${m.y})`), p.container.appendChild(C), e = C;
   }
   function n(l) {
     if (!t) return;
@@ -1503,16 +1536,16 @@ function Wt(s) {
     if (!h?.isEdge()) return;
     const u = s.findViewByCell(h);
     if (!u) return;
-    const g = u.container.querySelector("path");
-    if (!g) return;
-    const p = s.clientToLocal(l.clientX, l.clientY), E = je(g, p);
-    if (We(E.length, E.totalLength) || Ve(u.container, l.clientX, l.clientY))
+    const p = u.container.querySelector("path");
+    if (!p) return;
+    const g = s.clientToLocal(l.clientX, l.clientY), x = ze(p, g);
+    if (je(x.length, x.totalLength) || We(u.container, l.clientX, l.clientY))
       e && e.setAttribute("display", "none");
     else if (e)
-      e.removeAttribute("display"), e.setAttribute("transform", `translate(${E.x}, ${E.y})`);
+      e.removeAttribute("display"), e.setAttribute("transform", `translate(${x.x}, ${x.y})`);
     else {
-      const m = Xe();
-      m.setAttribute("transform", `translate(${E.x}, ${E.y})`), u.container.appendChild(m), e = m;
+      const m = Ve();
+      m.setAttribute("transform", `translate(${x.x}, ${x.y})`), u.container.appendChild(m), e = m;
     }
   }
   function i() {
@@ -1523,31 +1556,31 @@ function Wt(s) {
   }
   return { show: o, move: n, remove: i, handleEdgeRemoved: r };
 }
-function Vt(s) {
+function Xt(s) {
   let e = null, t = 0;
   function o(u) {
-    const g = u ? "visible" : "hidden";
-    for (const p of s.getNodes())
-      for (const E of p.getPorts())
-        p.setPortProp(E.id, "attrs/circle/visibility", g);
+    const p = u ? "visible" : "hidden";
+    for (const g of s.getNodes())
+      for (const x of g.getPorts())
+        g.setPortProp(x.id, "attrs/circle/visibility", p);
   }
   function n(u) {
     if (!e)
-      for (const g of u.getPorts())
-        u.setPortProp(g.id, "attrs/circle/visibility", "visible");
+      for (const p of u.getPorts())
+        u.setPortProp(p.id, "attrs/circle/visibility", "visible");
   }
   function i(u) {
     if (!e)
-      for (const g of u.getPorts())
-        u.setPortProp(g.id, "attrs/circle/visibility", "hidden");
+      for (const p of u.getPorts())
+        u.setPortProp(p.id, "attrs/circle/visibility", "hidden");
   }
-  function r(u, g) {
+  function r(u, p) {
     if (!u.getTargetCell())
-      if (e = u.id, g?.size)
-        for (const p of s.getNodes()) {
-          const E = g.has(p.id) ? "hidden" : "visible";
-          for (const m of p.getPorts())
-            p.setPortProp(m.id, "attrs/circle/visibility", E);
+      if (e = u.id, p?.size)
+        for (const g of s.getNodes()) {
+          const x = p.has(g.id) ? "hidden" : "visible";
+          for (const m of g.getPorts())
+            g.setPortProp(m.id, "attrs/circle/visibility", x);
         }
       else
         o(!0);
@@ -1570,13 +1603,13 @@ function Vt(s) {
     canShowEdgeTool: h
   };
 }
-function Ye(s) {
+function Xe(s) {
   return s === "top" || s === "right" || s === "bottom" || s === "left";
 }
-function Xt(s) {
-  const { editor: e, nodeHover: t, isSelectionModeActive: o, viewportVersion: n, getNodeBehavior: i, getInsertGap: r } = s, { isDraggingNode: l } = s, a = q(null), h = q(!1);
-  let u = null, g = null, p = null;
-  const E = j(() => ({
+function Kt(s) {
+  const { editor: e, nodeHover: t, isSelectionModeActive: o, viewportVersion: n, getNodeBehavior: i, getInsertGap: r } = s, { isDraggingNode: l } = s, a = G(null), h = G(!1);
+  let u = null, p = null, g = null;
+  const x = j(() => ({
     enabled: !0,
     portGroup: "right",
     ...s.quickAddProp.value
@@ -1584,32 +1617,32 @@ function Xt(s) {
   function m() {
     u && (clearTimeout(u), u = null);
   }
-  function k() {
+  function C() {
     u && clearTimeout(u), u = setTimeout(() => {
       a.value = null, u = null;
     }, 150);
   }
-  function S(C) {
-    return h.value ? !0 : (m(), y(C) ? (a.value = C, !0) : (a.value = null, !1));
+  function M(k) {
+    return h.value ? !0 : (m(), y(k) ? (a.value = k, !0) : (a.value = null, !1));
   }
-  function T() {
+  function R() {
     m(), t.enterOverlay();
   }
-  function P() {
-    k(), t.leaveOverlay();
+  function A() {
+    C(), t.leaveOverlay();
   }
-  function G(C) {
-    const L = e.schema.nodeTypes[C.type];
-    return qe(C, L?.getPorts);
+  function B(k) {
+    const L = e.schema.nodeTypes[k.type];
+    return Fe(k, L?.getPorts);
   }
-  function K(C, L) {
-    const w = E.value.getPort?.(C, L);
+  function V(k, L) {
+    const w = x.value.getPort?.(k, L);
     if (!w) return null;
-    const A = typeof w == "string" ? w : w.id;
-    return L.find((H) => H.id === A) ?? null;
+    const P = typeof w == "string" ? w : w.id;
+    return L.find((H) => H.id === P) ?? null;
   }
-  function O(C, L) {
-    const w = e.api.value?.overlay.getNodeScreenRect(C);
+  function O(k, L) {
+    const w = e.api.value?.overlay.getNodeScreenRect(k);
     if (!w) return null;
     switch (L) {
       case "top":
@@ -1624,143 +1657,143 @@ function Xt(s) {
         return null;
     }
   }
-  function W(C, L, w) {
-    if (!g) return O(C, w);
-    const A = g.getCellById(C);
-    if (A?.isNode()) {
-      const H = A, Z = g.findViewByCell(H), V = Z?.findPortElem(L, "circle") ?? Z?.findPortElem(L);
-      if (V) {
-        const ee = g.container.getBoundingClientRect(), Q = V.getBoundingClientRect();
+  function W(k, L, w) {
+    if (!p) return O(k, w);
+    const P = p.getCellById(k);
+    if (P?.isNode()) {
+      const H = P, Y = p.findViewByCell(H), X = Y?.findPortElem(L, "circle") ?? Y?.findPortElem(L);
+      if (X) {
+        const ee = p.container.getBoundingClientRect(), Q = X.getBoundingClientRect();
         return {
           x: Q.left - ee.left + Q.width / 2,
           y: Q.top - ee.top + Q.height / 2
         };
       }
     }
-    return O(C, w);
+    return O(k, w);
   }
-  function z(C) {
-    const L = G(C), w = K(C, L) ?? L.find((H) => H.group === E.value.portGroup) ?? null;
+  function z(k) {
+    const L = B(k), w = V(k, L) ?? L.find((H) => H.group === x.value.portGroup) ?? null;
     if (!w) return null;
-    const A = W(C.id, w.id, w.group);
-    return A ? { portId: w.id, portGroup: w.group, portPosition: A } : null;
+    const P = W(k.id, w.id, w.group);
+    return P ? { portId: w.id, portGroup: w.group, portPosition: P } : null;
   }
-  function M(C) {
-    const L = z(C), w = E.value.insertDirection;
+  function D(k) {
+    const L = z(k), w = x.value.insertDirection;
     if (typeof w == "function") {
-      const A = w(C, L ? { id: L.portId, group: L.portGroup } : null);
-      if (A) return A;
+      const P = w(k, L ? { id: L.portId, group: L.portGroup } : null);
+      if (P) return P;
     } else if (w)
       return w;
-    return L && Ye(L.portGroup) ? L.portGroup : Ye(E.value.portGroup) ? E.value.portGroup : "right";
+    return L && Xe(L.portGroup) ? L.portGroup : Xe(x.value.portGroup) ? x.value.portGroup : "right";
   }
-  function y(C) {
-    if (!E.value.enabled || e.mode.value !== "edit") return !1;
-    const w = e.flowModel.value.nodes[C];
+  function y(k) {
+    if (!x.value.enabled || e.mode.value !== "edit") return !1;
+    const w = e.flowModel.value.nodes[k];
     return !w || i(w).quickAddEnabled === !1 ? !1 : !!z(w);
   }
   const f = j(() => {
-    if (n.value, !E.value.enabled) return null;
-    const C = a.value;
-    if (!C || l.value || !e.api.value || e.mode.value !== "edit" || o.value)
+    if (n.value, !x.value.enabled) return null;
+    const k = a.value;
+    if (!k || l.value || !e.api.value || e.mode.value !== "edit" || o.value)
       return null;
-    const w = e.flowModel.value.nodes[C];
+    const w = e.flowModel.value.nodes[k];
     if (!w) return null;
-    const A = i(w);
-    if (A.quickAddEnabled === !1) return null;
+    const P = i(w);
+    if (P.quickAddEnabled === !1) return null;
     const H = z(w);
-    return H ? { node: w, ...H, behavior: A } : null;
+    return H ? { node: w, ...H, behavior: P } : null;
   });
-  function d(C) {
-    h.value = !0, f.value && e._emitUiEvent({ type: "node.quick-add", nodeId: C, position: f.value.portPosition });
+  function d(k) {
+    h.value = !0, f.value && e._emitUiEvent({ type: "node.quick-add", nodeId: k, position: f.value.portPosition });
   }
   function c() {
     h.value = !1;
   }
-  function v(C) {
+  function v(k) {
     const L = e.api.value;
     if (!L) return;
-    const w = e.flowModel.value.nodes[C];
+    const w = e.flowModel.value.nodes[k];
     if (!w) return;
-    const A = z(w);
-    A && L.startConnection(C, A.portId);
+    const P = z(w);
+    P && L.startConnection(k, P.portId);
   }
-  function b(C, L) {
+  function b(k, L) {
     const w = e.api.value;
     if (!w) return;
-    const A = L.id || e.idGenerator("node"), H = { ...L, id: A }, Z = e.flowModel.value.nodes[C];
-    if (!Z) return;
-    w.insertNodeToRight(C, H, {
+    const P = L.id || e.idGenerator("node"), H = { ...L, id: P }, Y = e.flowModel.value.nodes[k];
+    if (!Y) return;
+    w.insertNodeToRight(k, H, {
       autoWireEdges: !0,
-      direction: M(Z),
+      direction: D(Y),
       gap: r(),
       source: "user:quick-add",
       label: "快捷插入节点"
-    }).status === "applied" && e._emitUiEvent({ type: "node.action.quick-insert", sourceNodeId: C, newNodeId: A }), s.closePopover();
+    }).status === "applied" && e._emitUiEvent({ type: "node.action.quick-insert", sourceNodeId: k, newNodeId: P }), s.closePopover();
   }
-  function x(C) {
-    if (!g) return;
-    const L = g.getCellById(C);
+  function E(k) {
+    if (!p) return;
+    const L = p.getCellById(k);
     if (!L?.isNode()) return;
-    const w = L, A = e.flowModel.value.nodes[C];
-    if (!A) return;
-    const H = z(A);
-    let Z = !0;
-    i(A).hidePortForQuickAdd === !1 && (Z = !1);
-    const ee = Z && !l.value && !!H && y(C);
+    const w = L, P = e.flowModel.value.nodes[k];
+    if (!P) return;
+    const H = z(P);
+    let Y = !0;
+    i(P).hidePortForQuickAdd === !1 && (Y = !1);
+    const ee = Y && !l.value && !!H && y(k);
     for (const Q of w.getPorts()) {
       const oe = ee && Q.id === H?.portId ? "hidden" : "visible";
       w.setPortProp(Q.id, "attrs/circle/visibility", oe);
     }
   }
-  function B(C, L) {
-    p?.(), g = C, p = pe(
+  function F(k, L) {
+    g?.(), p = k, g = he(
       [a, l],
-      ([w], [A]) => {
-        if (A && A !== w) {
-          const H = C.getCellById(A);
+      ([w], [P]) => {
+        if (P && P !== w) {
+          const H = k.getCellById(P);
           H?.isNode() && L(H);
         }
-        w && x(w);
+        w && E(w);
       },
       { flush: "sync" }
     );
   }
-  pe(f, (C) => {
-    C || (h.value = !1);
+  he(f, (k) => {
+    k || (h.value = !1);
   });
-  function X() {
-    u && clearTimeout(u), p?.(), p = null, g = null;
+  function K() {
+    u && clearTimeout(u), g?.(), g = null, p = null;
   }
   return {
     quickAddNodeId: a,
     quickAddPopoverOpen: h,
-    mergedConfig: E,
+    mergedConfig: x,
     data: f,
-    enter: S,
-    leave: k,
+    enter: M,
+    leave: C,
     cancelLeave: m,
-    handleOverlayEnter: T,
-    handleOverlayLeave: P,
+    handleOverlayEnter: R,
+    handleOverlayLeave: A,
     handleOpen: d,
     handleClose: c,
     handleStartDrag: v,
     handleInsert: b,
     isActiveForNode: y,
-    syncNodePorts: x,
-    attachRuntime: B,
-    cleanup: X
+    syncNodePorts: E,
+    attachRuntime: F,
+    cleanup: K
   };
 }
-const Yt = 15, Kt = 10;
-function Zt(s) {
+const Zt = 15, Yt = 10;
+function Qt(s) {
   const { editor: e } = s;
   let t = null, o = null, n = null, i = null;
   const r = [];
   let l = null;
   const a = j(() => ({
     enabled: !1,
-    bufferMargin: Yt,
+    bufferMargin: Zt,
     incomingPortGroup: "left",
     outgoingPortGroup: "right",
     ...s.edgeDropProp.value
@@ -1780,12 +1813,12 @@ function Zt(s) {
     const f = h(y);
     f && (f.style.stroke = "#3a84ff", i = y);
   }
-  function g() {
+  function p() {
     if (!i) return;
     const y = h(i);
     y && (y.style.stroke = ""), i = null;
   }
-  function p(y, f, d) {
+  function g(y, f, d) {
     if (t) {
       const c = t.getCellById(y);
       if (c?.isNode()) {
@@ -1799,11 +1832,11 @@ function Zt(s) {
     }
     return d;
   }
-  function E(y) {
+  function x(y) {
     const f = y.getTotalLength();
     if (f === 0) return [];
     const d = [];
-    for (let v = 0; v <= f; v += Kt) {
+    for (let v = 0; v <= f; v += Yt) {
       const b = y.getPointAtLength(v);
       d.push({ x: b.x, y: b.y });
     }
@@ -1819,62 +1852,62 @@ function Zt(s) {
       height: Math.max(0, y.height - v * 2)
     };
     if (b.width <= 0 || b.height <= 0) return null;
-    const x = b.x + b.width, B = b.y + b.height;
-    let X = null;
-    const C = y.x + y.width / 2, L = y.y + y.height / 2;
+    const E = b.x + b.width, F = b.y + b.height;
+    let K = null;
+    const k = y.x + y.width / 2, L = y.y + y.height / 2;
     for (const w of t.getEdges()) {
-      const A = f.edges[w.id];
-      if (!A || d && (A.source.nodeId === d || A.target.nodeId === d) || c.isEdgeDropTarget && !c.isEdgeDropTarget(A, f)) continue;
+      const P = f.edges[w.id];
+      if (!P || d && (P.source.nodeId === d || P.target.nodeId === d) || c.isEdgeDropTarget && !c.isEdgeDropTarget(P, f)) continue;
       const H = t.findViewByCell(w);
       if (!H) continue;
-      const Z = H.findOne?.("path");
-      if (!Z || typeof Z.getTotalLength != "function") continue;
-      const V = E(Z);
-      if (!V.length) continue;
+      const Y = H.findOne?.("path");
+      if (!Y || typeof Y.getTotalLength != "function") continue;
+      const X = x(Y);
+      if (!X.length) continue;
       let ee = !1, Q = 1 / 0;
-      for (const oe of V)
-        if (oe.x >= b.x && oe.x <= x && oe.y >= b.y && oe.y <= B) {
-          const ie = oe.x - C, ne = oe.y - L, N = ie * ie + ne * ne;
-          N < Q && (Q = N), ee = !0;
+      for (const oe of X)
+        if (oe.x >= b.x && oe.x <= E && oe.y >= b.y && oe.y <= F) {
+          const ie = oe.x - k, ne = oe.y - L, S = ie * ie + ne * ne;
+          S < Q && (Q = S), ee = !0;
         }
-      ee && (!X || Q < X.distSq) && (X = { edgeId: w.id, edge: A, distSq: Q });
+      ee && (!K || Q < K.distSq) && (K = { edgeId: w.id, edge: P, distSq: Q });
     }
-    return X ? { edgeId: X.edgeId, edge: X.edge } : null;
+    return K ? { edgeId: K.edgeId, edge: K.edge } : null;
   }
-  function k(y, f) {
+  function C(y, f) {
     if (!a.value.enabled) return;
     const c = e.flowModel.value, v = m(y, c, f);
-    v ? o !== v.edgeId && (g(), o = v.edgeId, u(v.edgeId)) : o && (g(), o = null);
+    v ? o !== v.edgeId && (p(), o = v.edgeId, u(v.edgeId)) : o && (p(), o = null);
   }
-  let S = !0;
-  function T({ node: y }) {
+  let M = !0;
+  function R({ node: y }) {
     if (o = null, !a.value.enabled) return;
     const f = e.flowModel.value, d = f.nodes[y.id];
     if (!d) {
-      S = !1;
+      M = !1;
       return;
     }
     const c = a.value;
-    S = !c.isNodeInsertable || c.isNodeInsertable(d, f);
+    M = !c.isNodeInsertable || c.isNodeInsertable(d, f);
   }
-  function P({ node: y }) {
-    !a.value.enabled || !S || n === null && (n = requestAnimationFrame(() => {
+  function A({ node: y }) {
+    !a.value.enabled || !M || n === null && (n = requestAnimationFrame(() => {
       if (n = null, !t) return;
       const f = y.getPosition(), d = y.getSize();
-      k({ x: f.x, y: f.y, width: d.width, height: d.height }, y.id);
+      C({ x: f.x, y: f.y, width: d.width, height: d.height }, y.id);
     }));
   }
-  function G() {
-    n !== null && (cancelAnimationFrame(n), n = null), g(), S = !0;
+  function B() {
+    n !== null && (cancelAnimationFrame(n), n = null), p(), M = !0;
   }
-  function K() {
+  function V() {
     if (!t) return;
     let y = !1;
     l = () => {
       if (!a.value.enabled) return;
       const f = document.querySelector(".x6-widget-dnd");
       if (!f) {
-        y && (y = !1, g(), o = null);
+        y && (y = !1, p(), o = null);
         return;
       }
       y = !0, n === null && (n = requestAnimationFrame(() => {
@@ -1885,29 +1918,29 @@ function Zt(s) {
           width: v.x - c.x,
           height: v.y - c.y
         };
-        k(b);
+        C(b);
       }));
     }, document.addEventListener("mousemove", l), r.push(() => {
       l && (document.removeEventListener("mousemove", l), l = null);
     });
   }
   function O() {
-    g(), o = null, n !== null && (cancelAnimationFrame(n), n = null);
+    p(), o = null, n !== null && (cancelAnimationFrame(n), n = null);
   }
   function W(y) {
     if (!o || y.source !== "user:drag") return y;
     const f = o;
-    o = null, g();
+    o = null, p();
     const d = e.flowModel.value, c = d.edges[f];
     if (!c) return y;
     const v = y.commands.find((H) => H.type === "node.add" || H.type === "node.move");
     if (!v) return y;
-    const b = v.type === "node.add" ? v.node.id : v.nodeId, x = v.type === "node.add" ? v.node : d.nodes[v.nodeId];
-    if (!x) return y;
-    const B = a.value;
-    if (B.isNodeInsertable && !B.isNodeInsertable(x, d))
+    const b = v.type === "node.add" ? v.node.id : v.nodeId, E = v.type === "node.add" ? v.node : d.nodes[v.nodeId];
+    if (!E) return y;
+    const F = a.value;
+    if (F.isNodeInsertable && !F.isNodeInsertable(E, d))
       return y;
-    const X = p(b, x, B.incomingPortGroup), C = p(b, x, B.outgoingPortGroup), L = e.idGenerator("edge"), w = e.idGenerator("edge"), A = [
+    const K = g(b, E, F.incomingPortGroup), k = g(b, E, F.outgoingPortGroup), L = e.idGenerator("edge"), w = e.idGenerator("edge"), P = [
       { type: "edge.remove", edgeId: f },
       {
         type: "edge.add",
@@ -1915,7 +1948,7 @@ function Zt(s) {
           id: L,
           type: c.type,
           source: { nodeId: c.source.nodeId, portId: c.source.portId },
-          target: { nodeId: b, portId: X }
+          target: { nodeId: b, portId: K }
         }
       },
       {
@@ -1923,7 +1956,7 @@ function Zt(s) {
         edge: {
           id: w,
           type: c.type,
-          source: { nodeId: b, portId: C },
+          source: { nodeId: b, portId: k },
           target: { nodeId: c.target.nodeId, portId: c.target.portId }
         }
       }
@@ -1931,7 +1964,7 @@ function Zt(s) {
     return {
       ...y,
       source: "user:edge-drop",
-      commands: [...y.commands, ...A]
+      commands: [...y.commands, ...P]
     };
   }
   function z(y) {
@@ -1939,20 +1972,20 @@ function Zt(s) {
     const f = (d, c) => {
       y.on(d, c), r.push(() => y.off(d, c));
     };
-    f("node:move", T), f("node:change:position", P), f("node:moved", G), K();
+    f("node:move", R), f("node:change:position", A), f("node:moved", B), V();
   }
-  function M() {
+  function D() {
     O();
     for (const y of r) y();
-    r.length = 0, t = null, S = !0;
+    r.length = 0, t = null, M = !0;
   }
   return {
     attachRuntime: z,
     tryExpandForEdgeDrop: W,
-    cleanup: M
+    cleanup: D
   };
 }
-function Qt(s) {
+function Jt(s) {
   function e(n) {
     return {
       id: s.idGenerator("node"),
@@ -2000,8 +2033,8 @@ function Qt(s) {
       }
       case "disconnect": {
         const a = s.flowModel.value, h = Object.entries(a.edges).filter(([, u]) => {
-          const g = u;
-          return g.source.nodeId === i || g.target.nodeId === i;
+          const p = u;
+          return p.source.nodeId === i || p.target.nodeId === i;
         }).map(([u]) => u);
         if (h.length === 0) break;
         s.executeCommand({
@@ -2029,7 +2062,7 @@ function Qt(s) {
   }
   return { handleNodeAction: t, deleteSelection: o };
 }
-function Jt() {
+function eo() {
   return {
     refX: 0,
     children: [
@@ -2050,7 +2083,7 @@ function Jt() {
     ]
   };
 }
-function eo(s, e) {
+function to(s, e) {
   const t = e.defaultEdgeType ?? "default", o = e.edgeTypes?.[t], n = {
     zIndex: -1,
     attrs: {
@@ -2067,11 +2100,11 @@ function eo(s, e) {
     ...i,
     line: {
       ...r,
-      targetMarker: Jt()
+      targetMarker: eo()
     }
   }, s.createEdge(n);
 }
-const to = { class: "flow-canvas-node-actions__bar" }, oo = /* @__PURE__ */ fe({
+const oo = { class: "flow-canvas-node-actions__bar" }, no = /* @__PURE__ */ ge({
   __name: "node-actions-toolbar",
   props: {
     node: {},
@@ -2083,11 +2116,11 @@ const to = { class: "flow-canvas-node-actions__bar" }, oo = /* @__PURE__ */ fe({
   emits: ["action"],
   setup(s, { emit: e }) {
     const t = s, o = j(() => {
-      const g = t.actionsOffset?.x ?? 0, p = t.actionsOffset?.y ?? 0, E = g !== 0 || p !== 0;
+      const p = t.actionsOffset?.x ?? 0, g = t.actionsOffset?.y ?? 0, x = p !== 0 || g !== 0;
       return {
         left: `${t.position.x}px`,
         top: `${t.position.y}px`,
-        transform: E ? `translate(${g}px, ${p}px)` : "translateX(-100%)"
+        transform: x ? `translate(${p}px, ${g}px)` : "translateX(-100%)"
       };
     }), n = e, i = j(() => ({
       debug: {
@@ -2110,7 +2143,7 @@ const to = { class: "flow-canvas-node-actions__bar" }, oo = /* @__PURE__ */ fe({
         visible: t.config.showDisconnect && t.behavior.disconnectable !== !1,
         disabled: t.behavior.disconnectDisabled === !0
       }
-    })), r = j(() => i.value.copy.visible || i.value.copyInsert.visible || i.value.disconnect.visible), l = q(!1);
+    })), r = j(() => i.value.copy.visible || i.value.copyInsert.visible || i.value.disconnect.visible), l = G(!1);
     let a = null;
     function h() {
       a && (clearTimeout(a), a = null), l.value = !0;
@@ -2122,77 +2155,77 @@ const to = { class: "flow-canvas-node-actions__bar" }, oo = /* @__PURE__ */ fe({
     }
     return Me(() => {
       a && clearTimeout(a);
-    }), (g, p) => (D(), R("div", {
+    }), (p, g) => (_(), T("div", {
       class: "flow-canvas-node-actions",
       style: we(o.value)
     }, [
-      U("div", to, [
-        i.value.debug.visible ? (D(), R("i", {
+      q("div", oo, [
+        i.value.debug.visible ? (_(), T("i", {
           key: 0,
           class: se(["flow-canvas-icon canvas-debug flow-canvas-node-actions__icon", { "is-disabled": i.value.debug.disabled }]),
-          onClick: p[0] || (p[0] = (E) => !i.value.debug.disabled && n("action", "debug", s.node.id))
-        }, null, 2)) : Y("", !0),
-        i.value.delete.visible ? (D(), R("i", {
+          onClick: g[0] || (g[0] = (x) => !i.value.debug.disabled && n("action", "debug", s.node.id))
+        }, null, 2)) : Z("", !0),
+        i.value.delete.visible ? (_(), T("i", {
           key: 1,
           class: se(["flow-canvas-icon canvas-shanchu flow-canvas-node-actions__icon", { "is-disabled": i.value.delete.disabled }]),
-          onClick: p[1] || (p[1] = (E) => !i.value.delete.disabled && n("action", "delete", s.node.id))
-        }, null, 2)) : Y("", !0),
-        r.value ? (D(), R("div", {
+          onClick: g[1] || (g[1] = (x) => !i.value.delete.disabled && n("action", "delete", s.node.id))
+        }, null, 2)) : Z("", !0),
+        r.value ? (_(), T("div", {
           key: 2,
           class: "flow-canvas-node-actions__more-wrapper",
           onMouseenter: h,
           onMouseleave: u
-        }, [...p[5] || (p[5] = [
-          U("i", { class: "flow-canvas-icon canvas-gengduo flow-canvas-node-actions__icon" }, null, -1)
-        ])], 32)) : Y("", !0)
+        }, [...g[5] || (g[5] = [
+          q("i", { class: "flow-canvas-icon canvas-gengduo flow-canvas-node-actions__icon" }, null, -1)
+        ])], 32)) : Z("", !0)
       ]),
       et(tt, { name: "flow-canvas-fade" }, {
-        default: He(() => [
-          l.value && r.value ? (D(), R("div", {
+        default: $e(() => [
+          l.value && r.value ? (_(), T("div", {
             key: 0,
             class: "flow-canvas-node-actions__dropdown",
             onMouseenter: h,
             onMouseleave: u
           }, [
-            i.value.copy.visible ? (D(), R("div", {
+            i.value.copy.visible ? (_(), T("div", {
               key: 0,
               class: se(["flow-canvas-node-actions__dropdown-item", { "is-disabled": i.value.copy.disabled }]),
-              onClick: p[2] || (p[2] = (E) => !i.value.copy.disabled && n("action", "copy", s.node.id))
-            }, [...p[6] || (p[6] = [
-              U("i", { class: "flow-canvas-icon canvas-copy-fuzhi-2" }, null, -1),
-              U("span", null, "复制", -1)
-            ])], 2)) : Y("", !0),
-            i.value.copyInsert.visible ? (D(), R("div", {
+              onClick: g[2] || (g[2] = (x) => !i.value.copy.disabled && n("action", "copy", s.node.id))
+            }, [...g[6] || (g[6] = [
+              q("i", { class: "flow-canvas-icon canvas-copy-fuzhi-2" }, null, -1),
+              q("span", null, "复制", -1)
+            ])], 2)) : Z("", !0),
+            i.value.copyInsert.visible ? (_(), T("div", {
               key: 1,
               class: se(["flow-canvas-node-actions__dropdown-item", { "is-disabled": i.value.copyInsert.disabled }]),
-              onClick: p[3] || (p[3] = (E) => !i.value.copyInsert.disabled && n("action", "copy-insert", s.node.id))
-            }, [...p[7] || (p[7] = [
-              U("i", { class: "flow-canvas-icon canvas-fuzhibingcharu" }, null, -1),
-              U("span", null, "复制并插入", -1)
-            ])], 2)) : Y("", !0),
-            i.value.disconnect.visible ? (D(), R("div", {
+              onClick: g[3] || (g[3] = (x) => !i.value.copyInsert.disabled && n("action", "copy-insert", s.node.id))
+            }, [...g[7] || (g[7] = [
+              q("i", { class: "flow-canvas-icon canvas-fuzhibingcharu" }, null, -1),
+              q("span", null, "复制并插入", -1)
+            ])], 2)) : Z("", !0),
+            i.value.disconnect.visible ? (_(), T("div", {
               key: 2,
               class: se(["flow-canvas-node-actions__dropdown-item", { "is-disabled": i.value.disconnect.disabled }]),
-              onClick: p[4] || (p[4] = (E) => !i.value.disconnect.disabled && n("action", "disconnect", s.node.id))
-            }, [...p[8] || (p[8] = [
-              U("i", { class: "flow-canvas-icon canvas-unlock-jiebang" }, null, -1),
-              U("span", null, "断开连线", -1)
-            ])], 2)) : Y("", !0)
-          ], 32)) : Y("", !0)
+              onClick: g[4] || (g[4] = (x) => !i.value.disconnect.disabled && n("action", "disconnect", s.node.id))
+            }, [...g[8] || (g[8] = [
+              q("i", { class: "flow-canvas-icon canvas-unlock-jiebang" }, null, -1),
+              q("span", null, "断开连线", -1)
+            ])], 2)) : Z("", !0)
+          ], 32)) : Z("", !0)
         ]),
         _: 1
       })
     ], 4));
   }
-}), he = (s, e) => {
+}), ve = (s, e) => {
   const t = s.__vccOpts || s;
   for (const [o, n] of e)
     t[o] = n;
   return t;
-}, no = /* @__PURE__ */ he(oo, [["__scopeId", "data-v-3b39dab5"]]), so = {
+}, so = /* @__PURE__ */ ve(no, [["__scopeId", "data-v-3b39dab5"]]), io = {
   key: 0,
   class: "flow-canvas-quick-add__tooltip"
-}, io = 5, ro = /* @__PURE__ */ fe({
+}, ro = 5, ao = /* @__PURE__ */ ge({
   __name: "node-quick-add-popover",
   props: {
     node: {},
@@ -2200,81 +2233,81 @@ const to = { class: "flow-canvas-node-actions__bar" }, oo = /* @__PURE__ */ fe({
   },
   emits: ["open", "close", "start-drag", "mouseenter", "mouseleave"],
   setup(s, { expose: e, emit: t }) {
-    const o = s, n = t, i = q(), r = q(), l = q(!1), a = q(!1);
-    let h = null, u = !1, g = null;
-    function p(z) {
-      z.preventDefault(), z.stopPropagation(), h = { x: z.clientX, y: z.clientY }, u = !1, document.addEventListener("mousemove", E), document.addEventListener("mouseup", m);
+    const o = s, n = t, i = G(), r = G(), l = G(!1), a = G(!1);
+    let h = null, u = !1, p = null;
+    function g(z) {
+      z.preventDefault(), z.stopPropagation(), h = { x: z.clientX, y: z.clientY }, u = !1, document.addEventListener("mousemove", x), document.addEventListener("mouseup", m);
     }
-    function E(z) {
+    function x(z) {
       if (!h) return;
-      const M = z.clientX - h.x, y = z.clientY - h.y;
-      Math.sqrt(M * M + y * y) >= io && (u = !0, k(), n("start-drag", o.node.id));
+      const D = z.clientX - h.x, y = z.clientY - h.y;
+      Math.sqrt(D * D + y * y) >= ro && (u = !0, C(), n("start-drag", o.node.id));
     }
     function m() {
-      k(), u || S(), h = null, u = !1;
+      C(), u || M(), h = null, u = !1;
     }
-    function k() {
-      document.removeEventListener("mousemove", E), document.removeEventListener("mouseup", m);
+    function C() {
+      document.removeEventListener("mousemove", x), document.removeEventListener("mouseup", m);
     }
-    function S() {
-      a.value ? P() : T();
+    function M() {
+      a.value ? A() : R();
     }
-    function T() {
+    function R() {
       a.value = !0, n("open", o.node.id), requestAnimationFrame(() => {
-        document.addEventListener("mousedown", G);
+        document.addEventListener("mousedown", B);
       });
     }
-    function P() {
-      a.value = !1, n("close"), document.removeEventListener("mousedown", G);
+    function A() {
+      a.value = !1, n("close"), document.removeEventListener("mousedown", B);
     }
-    function G(z) {
-      const M = z.target;
-      i.value?.contains(M) || r.value?.contains(M) || P();
+    function B(z) {
+      const D = z.target;
+      i.value?.contains(D) || r.value?.contains(D) || A();
     }
-    function K() {
+    function V() {
       a.value || n("mouseleave");
     }
     function O() {
-      g && (clearTimeout(g), g = null), n("mouseenter");
+      p && (clearTimeout(p), p = null), n("mouseenter");
     }
     function W() {
-      g = setTimeout(() => {
-        P(), n("mouseleave"), g = null;
+      p = setTimeout(() => {
+        A(), n("mouseleave"), p = null;
       }, 150);
     }
     return Me(() => {
-      k(), g && clearTimeout(g), document.removeEventListener("mousedown", G);
-    }), e({ closePopover: P }), (z, M) => (D(), R("div", {
+      C(), p && clearTimeout(p), document.removeEventListener("mousedown", B);
+    }), e({ closePopover: A }), (z, D) => (_(), T("div", {
       class: "flow-canvas-quick-add",
       style: we({ left: `${s.portPosition.x}px`, top: `${s.portPosition.y}px` }),
-      onMouseenter: M[2] || (M[2] = (y) => n("mouseenter")),
-      onMouseleave: K,
-      onClick: M[3] || (M[3] = rt(() => {
+      onMouseenter: D[2] || (D[2] = (y) => n("mouseenter")),
+      onMouseleave: V,
+      onClick: D[3] || (D[3] = at(() => {
       }, ["stop"]))
     }, [
-      U("div", {
+      q("div", {
         ref_key: "btnRef",
         ref: i,
         class: se(["flow-canvas-quick-add__btn", { "is-hovered": l.value, "is-active": a.value }]),
-        onMouseenter: M[0] || (M[0] = (y) => l.value = !0),
-        onMouseleave: M[1] || (M[1] = (y) => l.value = !1),
-        onMousedown: p
-      }, [...M[4] || (M[4] = [
-        U("i", { class: "flow-canvas-icon canvas-zoom-add" }, null, -1)
+        onMouseenter: D[0] || (D[0] = (y) => l.value = !0),
+        onMouseleave: D[1] || (D[1] = (y) => l.value = !1),
+        onMousedown: g
+      }, [...D[4] || (D[4] = [
+        q("i", { class: "flow-canvas-icon canvas-zoom-add" }, null, -1)
       ])], 34),
-      l.value && !a.value ? (D(), R("div", so, [...M[5] || (M[5] = [
-        U("div", null, [
-          U("b", null, "点击"),
-          Le(" 添加节点")
+      l.value && !a.value ? (_(), T("div", io, [...D[5] || (D[5] = [
+        q("div", null, [
+          q("b", null, "点击"),
+          He(" 添加节点")
         ], -1),
-        U("div", null, [
-          U("b", null, "拖拽"),
-          Le(" 连接节点")
+        q("div", null, [
+          q("b", null, "拖拽"),
+          He(" 连接节点")
         ], -1)
-      ])])) : Y("", !0),
+      ])])) : Z("", !0),
       et(tt, { name: "flow-canvas-fade" }, {
-        default: He(() => [
-          a.value ? (D(), R("div", {
+        default: $e(() => [
+          a.value ? (_(), T("div", {
             key: 0,
             ref_key: "popoverRef",
             ref: r,
@@ -2282,16 +2315,16 @@ const to = { class: "flow-canvas-node-actions__bar" }, oo = /* @__PURE__ */ fe({
             onMouseenter: O,
             onMouseleave: W
           }, [
-            xe(z.$slots, "default", {}, () => [
-              M[6] || (M[6] = U("div", { class: "flow-canvas-quick-add__default-content" }, "节点快捷操作面板", -1))
+            Ie(z.$slots, "default", {}, () => [
+              D[6] || (D[6] = q("div", { class: "flow-canvas-quick-add__default-content" }, "节点快捷操作面板", -1))
             ], !0)
-          ], 544)) : Y("", !0)
+          ], 544)) : Z("", !0)
         ]),
         _: 3
       })
     ], 36));
   }
-}), ao = /* @__PURE__ */ he(ro, [["__scopeId", "data-v-336cc3b4"]]), lo = { class: "flow-canvas-selection-actions__bar" }, co = /* @__PURE__ */ fe({
+}), lo = /* @__PURE__ */ ve(ao, [["__scopeId", "data-v-336cc3b4"]]), co = { class: "flow-canvas-selection-actions__bar" }, uo = /* @__PURE__ */ ge({
   __name: "selection-actions-toolbar",
   props: {
     position: {},
@@ -2304,19 +2337,19 @@ const to = { class: "flow-canvas-node-actions__bar" }, oo = /* @__PURE__ */ fe({
       top: `${t.position.y}px`,
       transform: "translateX(-100%)"
     }));
-    return (i, r) => (D(), R("div", {
+    return (i, r) => (_(), T("div", {
       class: "flow-canvas-selection-actions",
       style: we(n.value)
     }, [
-      U("div", lo, [
-        U("i", {
+      q("div", co, [
+        q("i", {
           class: se(["flow-canvas-icon canvas-shanchu flow-canvas-selection-actions__icon", { "is-disabled": !s.canDelete }]),
           onClick: r[0] || (r[0] = (l) => s.canDelete && o("action", "delete"))
         }, null, 2)
       ])
     ], 4));
   }
-}), uo = /* @__PURE__ */ he(co, [["__scopeId", "data-v-25eb8b79"]]), fo = { class: "flow-canvas-runtime-core__overlay" }, go = /* @__PURE__ */ fe({
+}), fo = /* @__PURE__ */ ve(uo, [["__scopeId", "data-v-25eb8b79"]]), go = { class: "flow-canvas-runtime-core__overlay" }, po = /* @__PURE__ */ ge({
   __name: "canvas-runtime-core",
   props: {
     editor: {},
@@ -2324,16 +2357,17 @@ const to = { class: "flow-canvas-node-actions__bar" }, oo = /* @__PURE__ */ fe({
     nodeActions: {},
     quickAdd: {},
     edgeDrop: {},
-    getConnectionExcludedNodeIds: { type: Function }
+    getConnectionExcludedNodeIds: { type: Function },
+    toolbarInclude: {}
   },
   emits: ["ui-event"],
   setup(s, { emit: e }) {
-    const t = s, o = e, n = q(), i = q();
-    let r, l, a, h, u = null, g = null, p = null, E = null;
-    const m = jt(), { hoveredNodeId: k, isDraggingNode: S } = m, T = m.enterOverlay, P = () => m.leaveOverlay(), G = q(0), K = q({ nodeIds: [], edgeIds: [] });
-    function O(N) {
+    const t = s, o = e, n = G(), i = G();
+    let r, l, a, h, u = null, p = null, g = null, x = null;
+    const m = Wt(), { hoveredNodeId: C, isDraggingNode: M } = m, R = m.enterOverlay, A = () => m.leaveOverlay(), B = G(0), V = G({ nodeIds: [], edgeIds: [] });
+    function O(S) {
       const I = t.editor.api.value;
-      return I ? t.editor.schema.nodeTypes[N.type]?.getBehavior?.(N, {
+      return I ? t.editor.schema.nodeTypes[S.type]?.getBehavior?.(S, {
         api: I,
         flowModel: t.editor.flowModel.value,
         history: t.editor.history,
@@ -2348,176 +2382,187 @@ const to = { class: "flow-canvas-node-actions__bar" }, oo = /* @__PURE__ */ fe({
       showDisconnect: !0,
       insertGap: 100,
       ...t.nodeActions
-    })), M = j(
+    })), D = j(
       () => {
-        if (G.value, !t.editor.api.value) return [];
-        const N = t.editor.flowModel.value, I = t.editor.api.value.overlay, _ = [];
-        for (const [F, ae] of Object.entries(N.nodes)) {
+        if (B.value, !t.editor.api.value) return [];
+        const S = t.editor.flowModel.value, I = t.editor.api.value.overlay, N = [];
+        for (const [U, ae] of Object.entries(S.nodes)) {
           const de = t.editor._pluginManager.collectNodeDecorations(ae);
           if (!de?.badge) continue;
-          const J = I.getNodeScreenRect(F);
-          J && _.push({
-            nodeId: F,
+          const J = I.getNodeScreenRect(U);
+          J && N.push({
+            nodeId: U,
             x: J.x + J.width - 4,
             y: J.y - 8,
             badge: de.badge
           });
         }
-        return _;
+        return N;
       }
     ), y = j(() => {
-      G.value;
-      const N = k.value;
-      if (!N || S.value || !t.editor.api.value || t.editor.mode.value !== "edit" || W.value)
+      B.value;
+      const S = C.value;
+      if (!S || M.value || !t.editor.api.value || t.editor.mode.value !== "edit" || W.value)
         return null;
-      const _ = t.editor.flowModel.value.nodes[N];
-      if (!_) return null;
-      const F = t.editor.api.value.overlay.getNodeScreenRect(N);
-      if (!F) return null;
-      const ae = O(_);
+      const N = t.editor.flowModel.value.nodes[S];
+      if (!N) return null;
+      const U = t.editor.api.value.overlay.getNodeScreenRect(S);
+      if (!U) return null;
+      const ae = O(N);
       return ae.showActions === !1 ? null : {
-        node: _,
-        position: { x: F.x + F.width, y: F.y + F.height + 4 },
+        node: N,
+        position: { x: U.x + U.width, y: U.y + U.height + 4 },
         behavior: ae
       };
     }), f = j(() => {
-      if (G.value, !t.editor.api.value || t.editor.mode.value !== "edit") return null;
-      const N = K.value;
-      if (N.nodeIds.length + N.edgeIds.length <= 1) return null;
-      const I = t.editor.api.value.getSelectionBounds(N);
+      if (B.value, !t.editor.api.value || t.editor.mode.value !== "edit") return null;
+      const S = V.value;
+      if (S.nodeIds.length + S.edgeIds.length <= 1) return null;
+      const I = t.editor.api.value.getSelectionBounds(S);
       if (!I) return null;
-      const _ = it(N, t.editor.flowModel.value, O);
+      const N = rt(S, t.editor.flowModel.value, O);
       return {
         position: { x: I.x + I.width, y: I.y + I.height + 4 },
-        canDelete: _.nodeIds.length > 0 || _.edgeIds.length > 0
+        canDelete: N.nodeIds.length > 0 || N.edgeIds.length > 0
       };
-    }), d = q(), c = Xt({
+    }), d = G(), c = Kt({
       editor: t.editor,
       quickAddProp: j(() => t.quickAdd),
-      isDraggingNode: S,
+      isDraggingNode: M,
       nodeHover: m,
       isSelectionModeActive: W,
-      viewportVersion: G,
+      viewportVersion: B,
       getNodeBehavior: O,
       getInsertGap: () => z.value.insertGap,
       closePopover: () => d.value?.closePopover()
-    }), v = c.data, b = c.handleOpen, x = c.handleClose, B = c.handleStartDrag, X = c.handleOverlayEnter, C = c.handleOverlayLeave, L = c.handleInsert, w = Zt({
+    }), v = c.data, b = c.handleOpen, E = c.handleClose, F = c.handleStartDrag, K = c.handleOverlayEnter, k = c.handleOverlayLeave, L = c.handleInsert, w = Qt({
       editor: t.editor,
       edgeDropProp: j(() => t.edgeDrop)
-    }), A = Qt(t.editor);
-    function H(N, I) {
-      A.handleNodeAction(N, I, z.value.insertGap) && (k.value = null);
+    }), P = Jt(t.editor);
+    function H(S, I) {
+      P.handleNodeAction(S, I, z.value.insertGap) && (C.value = null);
     }
-    function Z(N) {
-      N === "delete" && A.deleteSelection(K.value);
+    function Y(S) {
+      S === "delete" && P.deleteSelection(V.value);
     }
-    function V(N) {
+    function X(S) {
       if (t.editor.mode.value !== "edit") return;
-      t.editor._pluginManager.dispatchKeyboardShortcut(N) && (N.preventDefault(), N.stopPropagation());
+      if ((S.metaKey || S.ctrlKey) && (S.key === "z" || S.key === "Z")) {
+        if (S.shiftKey) {
+          if (!t.toolbarInclude?.includes("redo")) return;
+          t.editor.history.redo();
+        } else {
+          if (!t.toolbarInclude?.includes("undo")) return;
+          t.editor.history.undo();
+        }
+        S.preventDefault();
+        return;
+      }
+      t.editor._pluginManager.dispatchKeyboardShortcut(S) && (S.preventDefault(), S.stopPropagation());
     }
-    function ee(N, I) {
-      const _ = r, F = (ae) => {
-        const de = _.isRubberbandEnabled?.() ?? !1;
-        de && _.disableRubberband?.(), ae ? r.enablePanning() : r.disablePanning(), de && _.enableRubberband?.();
+    function ee(S, I) {
+      const N = r, U = (ae) => {
+        const de = N.isRubberbandEnabled?.() ?? !1;
+        de && N.disableRubberband?.(), ae ? r.enablePanning() : r.disablePanning(), de && N.enableRubberband?.();
       };
-      N && I ? (_.enableSelection?.(), m.reset(), c.quickAddNodeId.value = null, c.quickAddPopoverOpen.value = !1, u?.remove(), F(!1), _.enableRubberband?.()) : (_.disableRubberband?.(), F(!0), _.disableSelection?.(), _.cleanSelection?.());
+      S && I ? (N.enableSelection?.(), m.reset(), c.quickAddNodeId.value = null, c.quickAddPopoverOpen.value = !1, u?.remove(), U(!1), N.enableRubberband?.()) : (N.disableRubberband?.(), U(!0), N.disableSelection?.(), N.cleanSelection?.());
     }
-    function Q(N) {
+    function Q(S) {
       r.on("node:move", ({ node: I }) => {
-        S.value = !0;
-        const _ = t.editor.flowModel.value.nodes[I.id];
-        _ && O(_).bringToFrontOnDrag === !1 || I.toFront?.();
+        M.value = !0;
+        const N = t.editor.flowModel.value.nodes[I.id];
+        N && O(N).bringToFrontOnDrag === !1 || I.toFront?.();
       }), r.on("node:moved", () => {
-        S.value = !1;
+        M.value = !1;
       }), r.on("node:mouseenter", ({ node: I }) => {
         if (W.value) {
-          k.value = null, c.quickAddNodeId.value = null, N.hideNodePorts(I);
+          C.value = null, c.quickAddNodeId.value = null, S.hideNodePorts(I);
           return;
         }
         m.enter(I.id);
-        const _ = t.editor.flowModel.value.nodes[I.id];
-        if (_ && O(_).showPorts === !1) {
+        const N = t.editor.flowModel.value.nodes[I.id];
+        if (N && O(N).showPorts === !1) {
           c.mergedConfig.value.enabled && c.enter(I.id);
           return;
         }
-        c.mergedConfig.value.enabled && c.enter(I.id) || N.showNodePorts(I);
+        c.mergedConfig.value.enabled && c.enter(I.id) || S.showNodePorts(I);
       }), r.on("node:mouseleave", ({ node: I }) => {
         if (W.value) {
-          N.hideNodePorts(I);
+          S.hideNodePorts(I);
           return;
         }
-        const _ = t.editor.flowModel.value.nodes[I.id];
-        let F = 100;
-        _ && O(_).actionsOffset && (F = 300), m.leave(F), c.mergedConfig.value.enabled ? c.quickAddNodeId.value === I.id && !c.quickAddPopoverOpen.value ? c.leave() : c.quickAddNodeId.value !== I.id && N.hideNodePorts(I) : N.hideNodePorts(I);
+        const N = t.editor.flowModel.value.nodes[I.id];
+        let U = 100;
+        N && O(N).actionsOffset && (U = 300), m.leave(U), c.mergedConfig.value.enabled ? c.quickAddNodeId.value === I.id && !c.quickAddPopoverOpen.value ? c.leave() : c.quickAddNodeId.value !== I.id && S.hideNodePorts(I) : S.hideNodePorts(I);
       });
     }
-    function oe(N) {
+    function oe(S) {
       r.on("edge:added", ({ edge: I }) => {
-        let _;
+        let N;
         if (t.getConnectionExcludedNodeIds && !I.getTargetCell()) {
-          const F = I.getSourceCell();
-          if (F) {
-            const ae = t.getConnectionExcludedNodeIds(F.id);
-            _ = ae instanceof Set ? ae : new Set(ae);
+          const U = I.getSourceCell();
+          if (U) {
+            const ae = t.getConnectionExcludedNodeIds(U.id);
+            N = ae instanceof Set ? ae : new Set(ae);
           }
         }
-        N.handleEdgeAdded(I, _);
+        S.handleEdgeAdded(I, N);
       }), r.on("edge:connected", () => {
-        N.handleEdgeConnected();
+        S.handleEdgeConnected();
       }), r.on("edge:removed", ({ edge: I }) => {
-        N.handleEdgeRemoved(I.id), u.handleEdgeRemoved(I.id);
-      }), r.on("edge:mouseenter", ({ edge: I, e: _ }) => {
-        const F = l.getHoveredEdgeId();
-        l.setHoveredEdge(I.id), F && F !== I.id && l.refreshSingleEdgeStyle(F), l.refreshSingleEdgeStyle(I.id), t.editor.mode.value === "edit" && !W.value && N.canShowEdgeTool() && u.show(I.id, _);
+        S.handleEdgeRemoved(I.id), u.handleEdgeRemoved(I.id);
+      }), r.on("edge:mouseenter", ({ edge: I, e: N }) => {
+        const U = l.getHoveredEdgeId();
+        l.setHoveredEdge(I.id), U && U !== I.id && l.refreshSingleEdgeStyle(U), l.refreshSingleEdgeStyle(I.id), t.editor.mode.value === "edit" && !W.value && S.canShowEdgeTool() && u.show(I.id, N);
       }), r.on("edge:mouseleave", ({ edge: I }) => {
         l.setHoveredEdge(null), l.refreshSingleEdgeStyle(I.id), u.remove();
-      }), r.on("edge:click", ({ edge: I, e: _ }) => {
-        _.target?.closest?.(".flow-canvas-edge-delete-tool") && t.editor.mode.value === "edit" && (u.remove(), t.editor.executeCommand({
+      }), r.on("edge:click", ({ edge: I, e: N }) => {
+        N.target?.closest?.(".flow-canvas-edge-delete-tool") && t.editor.mode.value === "edit" && (u.remove(), t.editor.executeCommand({
           id: te(),
           source: "user:toolbar",
           label: "删除连线",
           timestamp: Date.now(),
           commands: [{ type: "edge.remove", edgeId: I.id }]
         }));
-      }), g = (I) => u.move(I), r.container.addEventListener("mousemove", g);
+      }), p = (I) => u.move(I), r.container.addEventListener("mousemove", p);
     }
     function ie() {
-      p = (N) => {
-        if (!k.value && !c.quickAddNodeId.value) return;
-        const I = N.target;
+      g = (S) => {
+        if (!C.value && !c.quickAddNodeId.value) return;
+        const I = S.target;
         if (I?.closest?.(".x6-node") || I?.closest?.(".flow-canvas-node-actions") || I?.closest?.(".flow-canvas-quick-add")) {
           m.cancelLeave(), c.cancelLeave();
           return;
         }
         m.leave(180), c.quickAddPopoverOpen.value || c.leave();
-      }, n.value?.addEventListener("mousemove", p), E = () => {
+      }, n.value?.addEventListener("mousemove", g), x = () => {
         m.reset(), c.quickAddPopoverOpen.value || (c.quickAddNodeId.value = null);
-      }, n.value?.addEventListener("mouseleave", E), n.value?.addEventListener("keydown", V);
+      }, n.value?.addEventListener("mouseleave", x), n.value?.addEventListener("keydown", X);
     }
     function ne() {
-      pe(
+      he(
         () => t.editor.flowModel.value,
-        (N) => l.syncFlowModel(N)
-      ), pe(
+        (S) => l.syncFlowModel(S)
+      ), he(
         [() => t.editor.mode.value, () => t.editor.selectionMode.value],
-        ([N, I]) => {
-          ee(N === "edit", I);
+        ([S, I]) => {
+          ee(S === "edit", I);
         },
         { immediate: !0 }
       );
     }
     return ot(() => {
       if (!i.value) return;
-      const N = /* @__PURE__ */ new Set(["model", "container"]), I = {};
+      const S = /* @__PURE__ */ new Set(["model", "container"]), I = {};
       if (t.graphOptions)
         for (const [$, re] of Object.entries(t.graphOptions)) {
-          if (N.has($)) {
+          if (S.has($)) {
             console.warn(`[flow-canvas] graphOptions.${$} is managed by the engine and will be ignored`);
             continue;
           }
           I[$] = re;
         }
-      r = new ft({
+      r = new gt({
         container: i.value,
         autoResize: !0,
         background: { color: "#edf2fc" },
@@ -2543,11 +2588,11 @@ const to = { class: "flow-canvas-node-actions__bar" }, oo = /* @__PURE__ */ fe({
           connectionPoint: "anchor",
           snap: { radius: 30 },
           createEdge() {
-            return eo(this, t.editor.schema);
+            return to(this, t.editor.schema);
           }
         },
         ...I
-      }), a = new Bt(), l = new $t(
+      }), a = new Ft(), l = new Bt(
         r,
         t.editor.schema,
         a,
@@ -2560,9 +2605,9 @@ const to = { class: "flow-canvas-node-actions__bar" }, oo = /* @__PURE__ */ fe({
           mode: t.editor.mode.value
         } : null
       );
-      const _ = Gt(r), F = zt({
+      const N = Gt(r), U = jt({
         graph: r,
-        overlayManager: _,
+        overlayManager: N,
         executeCommand: ($) => t.editor.executeCommand(w.tryExpandForEdgeDrop($)),
         schema: t.editor.schema,
         flowModel: t.editor.flowModel,
@@ -2574,20 +2619,20 @@ const to = { class: "flow-canvas-node-actions__bar" }, oo = /* @__PURE__ */ fe({
           l.setHighlightedNodes($);
           const ce = l.setHighlightedEdges(re);
           l.refreshNodeHighlights();
-          const ve = new Set(re);
-          for (const ye of ce)
-            ve.has(ye) || l.refreshSingleEdgeStyle(ye);
-          for (const ye of ve)
-            ce.has(ye) || l.refreshSingleEdgeStyle(ye);
+          const ye = new Set(re);
+          for (const me of ce)
+            ye.has(me) || l.refreshSingleEdgeStyle(me);
+          for (const me of ye)
+            ce.has(me) || l.refreshSingleEdgeStyle(me);
         },
         resolveNodeShape: ($) => {
           const re = t.editor.schema.nodeTypes[$];
           if (!re) return null;
-          const ce = a.registerNodeType($, re.component), ve = re.getSize({ id: "", type: $, position: { x: 0, y: 0 } });
-          return { shapeName: ce, width: ve.width, height: ve.height };
+          const ce = a.registerNodeType($, re.component), ye = re.getSize({ id: "", type: $, position: { x: 0, y: 0 } });
+          return { shapeName: ce, width: ye.width, height: ye.height };
         }
       });
-      t.editor.api.value = F;
+      t.editor.api.value = U;
       const ae = {
         flowModel: t.editor.flowModel,
         history: t.editor.history,
@@ -2596,8 +2641,8 @@ const to = { class: "flow-canvas-node-actions__bar" }, oo = /* @__PURE__ */ fe({
         idGenerator: t.editor.idGenerator,
         executeCommand: t.editor.executeCommand,
         selectionMode: t.editor.selectionMode,
-        api: F,
-        overlay: _,
+        api: U,
+        overlay: N,
         graph: r
       };
       t.editor._pluginManager.attachRuntime(ae);
@@ -2613,22 +2658,22 @@ const to = { class: "flow-canvas-node-actions__bar" }, oo = /* @__PURE__ */ fe({
           if (l.isSyncing) return;
           const re = w.tryExpandForEdgeDrop($);
           if (t.editor.executeCommand(re).status !== "applied") {
-            for (const ve of re.commands)
-              if (ve.type === "edge.add") {
-                const ye = r.getCellById(ve.edge.id);
-                ye && r.removeCell(ye);
+            for (const ye of re.commands)
+              if (ye.type === "edge.add") {
+                const me = r.getCellById(ye.edge.id);
+                me && r.removeCell(me);
               }
           }
         },
         t.editor.flowModel,
         t.editor.idGenerator
-      ), u = Wt(r);
-      const J = Vt(r);
+      ), u = Vt(r);
+      const J = Xt(r);
       c.attachRuntime(r, ($) => J.hideNodePorts($)), w.attachRuntime(r), Q(J), oe(J);
       let Ae = /* @__PURE__ */ new Set();
       r.on("selection:changed", () => {
-        const $ = st(r.getSelectedCells?.() ?? []);
-        K.value = $, t.editor._pluginManager.dispatchSelectionChange($), o("ui-event", {
+        const $ = it(r.getSelectedCells?.() ?? []);
+        V.value = $, t.editor._pluginManager.dispatchSelectionChange($), o("ui-event", {
           type: "selection.change",
           nodeIds: $.nodeIds,
           edgeIds: $.edgeIds
@@ -2641,54 +2686,54 @@ const to = { class: "flow-canvas-node-actions__bar" }, oo = /* @__PURE__ */ fe({
         Ae = re;
       });
       const Pe = () => {
-        G.value++;
+        B.value++;
       };
       r.on("translate", Pe), r.on("scale", Pe), r.on("resize", Pe), ie(), l.syncFlowModel(t.editor.flowModel.value), ne();
     }), Me(() => {
-      m.cleanup(), c.cleanup(), w.cleanup(), u?.remove(), g && r?.container?.removeEventListener("mousemove", g), p && n.value?.removeEventListener("mousemove", p), E && n.value?.removeEventListener("mouseleave", E), n.value?.removeEventListener("keydown", V), t.editor._pluginManager.detachRuntime(), t.editor.api.value = null;
-      for (const N of Object.keys(t.editor.extendedApi))
-        delete t.editor.extendedApi[N];
+      m.cleanup(), c.cleanup(), w.cleanup(), u?.remove(), p && r?.container?.removeEventListener("mousemove", p), g && n.value?.removeEventListener("mousemove", g), x && n.value?.removeEventListener("mouseleave", x), n.value?.removeEventListener("keydown", X), t.editor._pluginManager.detachRuntime(), t.editor.api.value = null;
+      for (const S of Object.keys(t.editor.extendedApi))
+        delete t.editor.extendedApi[S];
       h?.dispose(), l?.dispose(), a?.dispose(), r?.dispose();
-    }), (N, I) => (D(), R("div", {
+    }), (S, I) => (_(), T("div", {
       ref_key: "rootRef",
       ref: n,
       class: se(["flow-canvas-runtime-core", { "flow-canvas-runtime-core--selection-mode": W.value }]),
       tabindex: "0"
     }, [
-      U("div", {
+      q("div", {
         ref_key: "containerRef",
         ref: i,
         class: "flow-canvas-runtime-core__graph"
       }, null, 512),
-      U("div", fo, [
-        (D(!0), R(me, null, Ie(M.value, (_) => (D(), R("div", {
-          key: `badge-${_.nodeId}`,
+      q("div", go, [
+        (_(!0), T(pe, null, xe(D.value, (N) => (_(), T("div", {
+          key: `badge-${N.nodeId}`,
           class: "flow-canvas-runtime-core__badge",
-          style: we({ left: `${_.x}px`, top: `${_.y}px`, backgroundColor: _.badge.color })
-        }, ge(_.badge.text), 5))), 128)),
-        le(v) ? (D(), be(ao, {
+          style: we({ left: `${N.x}px`, top: `${N.y}px`, backgroundColor: N.badge.color })
+        }, ue(N.badge.text), 5))), 128)),
+        le(v) ? (_(), be(lo, {
           key: 0,
           ref_key: "quickAddPopoverRef",
           ref: d,
           node: le(v).node,
           "port-position": le(v).portPosition,
           onOpen: le(b),
-          onClose: le(x),
-          onStartDrag: le(B),
-          onMouseenter: le(X),
-          onMouseleave: le(C)
+          onClose: le(E),
+          onStartDrag: le(F),
+          onMouseenter: le(K),
+          onMouseleave: le(k)
         }, {
-          default: He(() => [
-            xe(N.$slots, "quick-add-panel", {
+          default: $e(() => [
+            Ie(S.$slots, "quick-add-panel", {
               node: le(v).node,
               api: s.editor.api.value,
-              insertNodeToRight: (_) => le(L)(le(v).node.id, _),
+              insertNodeToRight: (N) => le(L)(le(v).node.id, N),
               closePopover: () => d.value?.closePopover()
             }, void 0, !0)
           ]),
           _: 3
-        }, 8, ["node", "port-position", "onOpen", "onClose", "onStartDrag", "onMouseenter", "onMouseleave"])) : Y("", !0),
-        y.value ? (D(), be(no, {
+        }, 8, ["node", "port-position", "onOpen", "onClose", "onStartDrag", "onMouseenter", "onMouseleave"])) : Z("", !0),
+        y.value ? (_(), be(so, {
           key: 1,
           node: y.value.node,
           position: y.value.position,
@@ -2696,74 +2741,74 @@ const to = { class: "flow-canvas-node-actions__bar" }, oo = /* @__PURE__ */ fe({
           behavior: y.value.behavior,
           "actions-offset": y.value.behavior.actionsOffset,
           onAction: H,
-          onMouseenter: le(T),
-          onMouseleave: P
-        }, null, 8, ["node", "position", "config", "behavior", "actions-offset", "onMouseenter"])) : Y("", !0),
-        f.value ? (D(), be(uo, {
+          onMouseenter: le(R),
+          onMouseleave: A
+        }, null, 8, ["node", "position", "config", "behavior", "actions-offset", "onMouseenter"])) : Z("", !0),
+        f.value ? (_(), be(fo, {
           key: 2,
           position: f.value.position,
           "can-delete": f.value.canDelete,
-          onAction: Z
-        }, null, 8, ["position", "can-delete"])) : Y("", !0)
+          onAction: Y
+        }, null, 8, ["position", "can-delete"])) : Z("", !0)
       ])
     ], 2));
   }
-}), pn = /* @__PURE__ */ he(go, [["__scopeId", "data-v-5a3959fd"]]), po = { class: "flow-canvas-node-palette" }, ho = ["data-node-type"], vo = { class: "flow-canvas-node-palette__item-label" }, yo = /* @__PURE__ */ fe({
+}), vn = /* @__PURE__ */ ve(po, [["__scopeId", "data-v-cd58116b"]]), ho = { class: "flow-canvas-node-palette" }, vo = ["data-node-type"], yo = { class: "flow-canvas-node-palette__item-label" }, mo = /* @__PURE__ */ ge({
   __name: "canvas-node-palette",
   props: {
     editor: {},
     items: {}
   },
   setup(s) {
-    const e = s, t = q(), o = j(() => e.items ? e.items : Object.keys(e.editor.schema.nodeTypes).map((n) => ({
+    const e = s, t = G(), o = j(() => e.items ? e.items : Object.keys(e.editor.schema.nodeTypes).map((n) => ({
       type: n,
       label: n.charAt(0).toUpperCase() + n.slice(1)
     })));
-    return pe(
+    return he(
       [() => e.editor.api.value, o, t],
       ([n, i, r], l, a) => {
         if (!n || !r) return;
         const h = [];
         for (const u of i) {
-          const g = r.querySelector(`[data-node-type="${u.type}"]`);
-          if (!g) continue;
-          const p = n.registerDndSource(g, () => ({
+          const p = r.querySelector(`[data-node-type="${u.type}"]`);
+          if (!p) continue;
+          const g = n.registerDndSource(p, () => ({
             id: te(),
             type: u.type,
             label: u.label,
             position: { x: 0, y: 0 }
           }));
-          h.push(p);
+          h.push(g);
         }
         a(() => {
           for (const u of h) u();
         });
       },
       { flush: "post" }
-    ), (n, i) => (D(), R("div", po, [
-      U("div", {
+    ), (n, i) => (_(), T("div", ho, [
+      q("div", {
         ref_key: "listRef",
         ref: t,
         class: "flow-canvas-node-palette__list"
       }, [
-        (D(!0), R(me, null, Ie(o.value, (r) => (D(), R("div", {
+        (_(!0), T(pe, null, xe(o.value, (r) => (_(), T("div", {
           key: r.type,
           class: "flow-canvas-node-palette__item",
           "data-node-type": r.type
         }, [
-          r.icon ? (D(), R("i", {
+          r.icon ? (_(), T("i", {
             key: 0,
             class: se([r.icon, "flow-canvas-node-palette__item-icon"])
-          }, null, 2)) : Y("", !0),
-          U("span", vo, ge(r.label), 1)
-        ], 8, ho))), 128))
+          }, null, 2)) : Z("", !0),
+          q("span", yo, ue(r.label), 1)
+        ], 8, vo))), 128))
       ], 512)
     ]));
   }
-}), mo = /* @__PURE__ */ he(yo, [["__scopeId", "data-v-300314b7"]]), wo = { class: "flow-canvas-layout" }, bo = { class: "flow-canvas-layout__main" }, Eo = { class: "flow-canvas-layout__content" }, xo = {
+}), wo = /* @__PURE__ */ ve(mo, [["__scopeId", "data-v-300314b7"]]), bo = { class: "flow-canvas-layout" }, xo = { class: "flow-canvas-layout__main" }, Eo = { class: "flow-canvas-layout__content" }, Io = {
   key: 0,
   class: "flow-canvas-layout__footer"
-}, Io = /* @__PURE__ */ fe({
+}, Co = /* @__PURE__ */ ge({
   __name: "canvas-layout",
   props: {
     sidebarCollapsed: { type: Boolean, default: !1 },
@@ -2775,39 +2820,40 @@ const to = { class: "flow-canvas-node-actions__bar" }, oo = /* @__PURE__ */ fe({
   },
   emits: ["update:sidebarCollapsed"],
   setup(s) {
-    return (e, t) => (D(), R("div", wo, [
-      !s.hideSidebar && (e.$slots.sidebar || s.editor) ? (D(), R("aside", {
+    return (e, t) => (_(), T("div", bo, [
+      !s.hideSidebar && (e.$slots.sidebar || s.editor) ? (_(), T("aside", {
         key: 0,
         class: se(["flow-canvas-layout__sidebar", { "is-collapsed": s.sidebarCollapsed }]),
         style: we({ width: s.sidebarCollapsed ? "0px" : `${s.sidebarWidth}px` })
       }, [
-        xe(e.$slots, "sidebar", {}, () => [
-          s.editor ? (D(), be(mo, {
+        Ie(e.$slots, "sidebar", {}, () => [
+          s.editor ? (_(), be(wo, {
             key: 0,
             editor: s.editor,
             items: s.paletteItems
-          }, null, 8, ["editor", "items"])) : Y("", !0)
+          }, null, 8, ["editor", "items"])) : Z("", !0)
         ], !0)
-      ], 6)) : Y("", !0),
-      U("div", bo, [
-        U("div", Eo, [
-          xe(e.$slots, "default", {}, void 0, !0)
+      ], 6)) : Z("", !0),
+      q("div", xo, [
+        q("div", Eo, [
+          Ie(e.$slots, "default", {}, void 0, !0)
         ]),
-        !s.hideFooter && e.$slots.footer ? (D(), R("div", xo, [
-          xe(e.$slots, "footer", {}, void 0, !0)
-        ])) : Y("", !0)
+        !s.hideFooter && e.$slots.footer ? (_(), T("div", Io, [
+          Ie(e.$slots, "footer", {}, void 0, !0)
+        ])) : Z("", !0)
       ])
     ]));
   }
-}), hn = /* @__PURE__ */ he(Io, [["__scopeId", "data-v-26f35b6b"]]), Co = ["undo", "redo"];
-function ko(s) {
-  const e = new Set(s?.include), t = new Set(Co.filter((a) => !e.has(a))), o = [
+}), yn = /* @__PURE__ */ ve(Co, [["__scopeId", "data-v-26f35b6b"]]), Ke = typeof navigator < "u" && /Mac|iPod|iPhone|iPad/.test(navigator.platform ?? navigator.userAgent), ko = ["undo", "redo"];
+function So(s) {
+  const e = new Set(s?.include), t = new Set(ko.filter((a) => !e.has(a))), o = [
     {
       id: "undo",
       type: "undo",
       group: "history",
       icon: "flow-canvas-icon canvas-undo",
       description: "撤销",
+      shortcut: Ke ? ["⌘", "Z"] : ["Ctrl", "Z"],
       order: 10
     },
     {
@@ -2816,6 +2862,7 @@ function ko(s) {
       group: "history",
       icon: "flow-canvas-icon canvas-redo",
       description: "重做",
+      shortcut: Ke ? ["⇧", "⌘", "Z"] : ["Ctrl", "Shift", "Z"],
       order: 11
     }
   ], n = [
@@ -2824,7 +2871,7 @@ function ko(s) {
       type: "select",
       group: "tools",
       icon: "flow-canvas-icon canvas-kuangxuan",
-      description: "框选",
+      description: "框选模式",
       order: 20
     },
     {
@@ -2840,7 +2887,7 @@ function ko(s) {
       type: "export",
       group: "tools",
       icon: "flow-canvas-icon canvas-xiazai",
-      description: "导出为图片",
+      description: "下载",
       order: 24
     }
   ], i = [
@@ -2875,17 +2922,21 @@ function ko(s) {
     (a) => !t.has(a.type)
   ), ...i, ...r];
 }
-const So = { class: "flow-canvas-toolbar" }, Mo = {
+const Mo = { class: "flow-canvas-toolbar" }, Do = {
   key: 0,
   class: "flow-canvas-toolbar__separator"
 }, No = { class: "flow-canvas-toolbar__group" }, _o = {
   key: 0,
   class: "flow-canvas-toolbar__zoom-display"
-}, Do = ["data-toolbar-id", "data-toolbar-type", "disabled", "onClick", "onMouseenter"], Ao = ["textContent"], Po = /* @__PURE__ */ fe({
+}, Ao = ["data-toolbar-id", "data-toolbar-type", "disabled", "onClick", "onMouseenter"], Po = ["textContent"], To = {
+  key: 0,
+  class: "flow-canvas-toolbar-tooltip__kbd"
+}, Ro = /* @__PURE__ */ ge({
   __name: "canvas-toolbar",
   props: {
     items: {},
     exclude: {},
+    include: {},
     editor: {}
   },
   setup(s) {
@@ -2906,73 +2957,73 @@ const So = { class: "flow-canvas-toolbar" }, Mo = {
     }
     const i = s, r = j(() => {
       if (i.items) return i.items;
-      const d = ko(), c = i.editor.toolbarItems.value, v = new Set(i.exclude ?? []), b = /* @__PURE__ */ new Map();
-      for (const x of d)
-        b.set(x.id, x);
-      for (const x of c) {
-        const B = b.get(x.id);
-        B ? b.set(x.id, { ...B, ...x, order: B.order, group: B.group }) : o(x) && b.set(x.id, x);
+      const d = So({ include: i.include }), c = i.editor.toolbarItems.value, v = new Set(i.exclude ?? []), b = /* @__PURE__ */ new Map();
+      for (const E of d)
+        b.set(E.id, E);
+      for (const E of c) {
+        const F = b.get(E.id);
+        F ? b.set(E.id, { ...F, ...E, order: F.order, group: F.group }) : o(E) && b.set(E.id, E);
       }
-      return [...b.values()].filter((x) => x.type === "custom" || !e.has(x.type) ? !0 : !v.has(x.type)).sort((x, B) => (x.order ?? 0) - (B.order ?? 0));
-    }), l = q(1), a = q(null), h = q(null), u = q(!1);
-    let g = null;
-    pe(
+      return [...b.values()].filter((E) => E.type === "custom" || !e.has(E.type) ? !0 : !v.has(E.type)).sort((E, F) => (E.order ?? 0) - (F.order ?? 0));
+    }), l = G(1), a = G(null), h = G(null), u = G(!1);
+    let p = null;
+    he(
       () => i.editor.api.value,
       (d) => {
-        g?.(), g = null, d && (l.value = d.getZoom(), g = d.onGraphEvent("scale", () => {
+        p?.(), p = null, d && (l.value = d.getZoom(), p = d.onGraphEvent("scale", () => {
           l.value = d.getZoom();
         }));
       },
       { immediate: !0 }
     );
-    const p = at({ visible: !1, text: "", x: 0, y: 0 });
-    function E(d, c) {
+    const g = lt({ visible: !1, text: "", shortcut: [], x: 0, y: 0 });
+    function x(d, c) {
       if (!c.description) return;
       const b = d.currentTarget.getBoundingClientRect();
-      p.text = c.description, p.visible = !0, Oe(() => {
-        const x = a.value?.offsetWidth ?? 0, B = a.value?.offsetHeight ?? 0;
-        p.x = b.left + b.width / 2 - x / 2, p.y = b.top - B - 6;
+      g.text = c.description, g.shortcut = c.shortcut ?? [], g.visible = !0, Le(() => {
+        const E = a.value?.offsetWidth ?? 0, F = a.value?.offsetHeight ?? 0;
+        g.x = b.left + b.width / 2 - E / 2, g.y = b.top - F - 6;
       });
     }
     function m() {
-      p.visible = !1, a.value = null;
+      g.visible = !1, a.value = null;
     }
     Je(() => {
-      g?.();
+      p?.();
     });
-    const k = j(() => `${Math.round(l.value * 100)}%`), S = j(() => i.editor.api.value ? {
+    const C = j(() => `${Math.round(l.value * 100)}%`), M = j(() => i.editor.api.value ? {
       api: i.editor.api.value,
       flowModel: i.editor.flowModel.value,
       history: i.editor.history,
       mode: i.editor.mode.value
     } : null);
-    function T(d) {
-      return d.visible === !1 ? !1 : typeof d.visible == "function" ? S.value ? d.visible(S.value) : !1 : !0;
+    function R(d) {
+      return d.visible === !1 ? !1 : typeof d.visible == "function" ? M.value ? d.visible(M.value) : !1 : !0;
     }
-    function P(d) {
-      return typeof d.active == "function" ? S.value ? d.active(S.value) : !1 : d.active !== void 0 ? d.active : d.type === "select" ? i.editor.selectionMode.value : !1;
+    function A(d) {
+      return typeof d.active == "function" ? M.value ? d.active(M.value) : !1 : d.active !== void 0 ? d.active : d.type === "select" ? i.editor.selectionMode.value : !1;
     }
-    const G = j(() => {
+    const B = j(() => {
       const d = y.value.filter(
-        (v) => n(v.type) && P(v)
+        (v) => n(v.type) && A(v)
       );
       if (d.length === 0) return null;
       const c = h.value;
       return c && d.some((v) => v.type === c) ? c : d[0]?.type ?? null;
     });
-    function K(d) {
-      return n(d.type) ? G.value === d.type : P(d);
+    function V(d) {
+      return n(d.type) ? B.value === d.type : A(d);
     }
     function O(d) {
-      return !S.value || d.disabled === !0 ? !0 : typeof d.disabled == "function" ? d.disabled(S.value) : d.type === "undo" ? !i.editor.history.canUndo.value : d.type === "redo" ? !i.editor.history.canRedo.value : d.type === "export" ? u.value : !1;
+      return !M.value || d.disabled === !0 ? !0 : typeof d.disabled == "function" ? d.disabled(M.value) : d.type === "undo" ? !i.editor.history.canUndo.value : d.type === "redo" ? !i.editor.history.canRedo.value : d.type === "export" ? u.value : !1;
     }
     function W(d) {
-      if (!(!S.value || !n(d.type) || !P(d))) {
+      if (!(!M.value || !n(d.type) || !A(d))) {
         if (d.type === "select") {
           i.editor.setSelectionMode(!1);
           return;
         }
-        d.onClick?.(S.value);
+        d.onClick?.(M.value);
       }
     }
     function z(d) {
@@ -2980,13 +3031,13 @@ const So = { class: "flow-canvas-toolbar" }, Mo = {
         for (const c of y.value)
           !n(c.type) || c.id === d.id || W(c);
     }
-    function M(d) {
-      if (!S.value || O(d)) return;
+    function D(d) {
+      if (!M.value || O(d)) return;
       if (n(d.type) && (h.value = d.type, z(d)), d.onClick) {
-        d.onClick(S.value);
+        d.onClick(M.value);
         return;
       }
-      const { api: c } = S.value;
+      const { api: c } = M.value;
       switch (d.type) {
         case "undo":
           i.editor.history.undo();
@@ -3009,8 +3060,8 @@ const So = { class: "flow-canvas-toolbar" }, Mo = {
         case "export":
           if (u.value) break;
           u.value = !0, c.exportAsImage().then((v) => {
-            const b = URL.createObjectURL(v), x = document.createElement("a");
-            x.href = b, x.download = "canvas-export.png", x.click(), URL.revokeObjectURL(b);
+            const b = URL.createObjectURL(v), E = document.createElement("a");
+            E.href = b, E.download = "canvas-export.png", E.click(), URL.revokeObjectURL(b);
           }).catch((v) => {
             console.warn("[flow-canvas] Export failed:", v);
           }).finally(() => {
@@ -3032,7 +3083,7 @@ const So = { class: "flow-canvas-toolbar" }, Mo = {
           break;
       }
     }
-    const y = j(() => r.value.filter(T)), f = j(() => {
+    const y = j(() => r.value.filter(R)), f = j(() => {
       const d = /* @__PURE__ */ new Map(), c = [];
       for (const v of y.value) {
         const b = v.group ?? "default";
@@ -3040,66 +3091,69 @@ const So = { class: "flow-canvas-toolbar" }, Mo = {
       }
       return c.map((v) => ({ name: v, items: d.get(v) })).filter((v) => v.items.length > 0);
     });
-    return (d, c) => (D(), R("div", So, [
-      (D(!0), R(me, null, Ie(f.value, (v, b) => (D(), R(me, {
+    return (d, c) => (_(), T("div", Mo, [
+      (_(!0), T(pe, null, xe(f.value, (v, b) => (_(), T(pe, {
         key: v.name
       }, [
-        b > 0 ? (D(), R("div", Mo)) : Y("", !0),
-        U("div", No, [
-          (D(!0), R(me, null, Ie(v.items, (x) => (D(), R(me, {
-            key: x.id
+        b > 0 ? (_(), T("div", Do)) : Z("", !0),
+        q("div", No, [
+          (_(!0), T(pe, null, xe(v.items, (E) => (_(), T(pe, {
+            key: E.id
           }, [
-            x.type === "zoom-display" ? (D(), R("span", _o, ge(k.value), 1)) : (D(), R("button", {
+            E.type === "zoom-display" ? (_(), T("span", _o, ue(C.value), 1)) : (_(), T("button", {
               key: 1,
               type: "button",
               class: se(["flow-canvas-toolbar__btn", {
-                "is-disabled": O(x),
-                "is-active": K(x),
-                "is-exporting": x.type === "export" && u.value
+                "is-disabled": O(E),
+                "is-active": V(E),
+                "is-exporting": E.type === "export" && u.value
               }]),
-              "data-toolbar-id": x.id,
-              "data-toolbar-type": x.type,
-              disabled: O(x),
-              onClick: (B) => M(x),
-              onMouseenter: (B) => E(B, x),
+              "data-toolbar-id": E.id,
+              "data-toolbar-type": E.type,
+              disabled: O(E),
+              onClick: (F) => D(E),
+              onMouseenter: (F) => x(F, E),
               onMouseleave: m
             }, [
-              x.component ? (D(), be(lt(x.component), { key: 0 })) : x.icon ? (D(), R("i", {
+              E.component ? (_(), be(dt(E.component), { key: 0 })) : E.icon ? (_(), T("i", {
                 key: 1,
-                class: se(x.icon)
-              }, null, 2)) : (D(), R("span", {
+                class: se(E.icon)
+              }, null, 2)) : (_(), T("span", {
                 key: 2,
                 class: "flow-canvas-toolbar__text",
-                textContent: ge(x.text ?? x.description ?? x.id)
-              }, null, 8, Ao))
-            ], 42, Do))
+                textContent: ue(E.text ?? E.description ?? E.id)
+              }, null, 8, Po))
+            ], 42, Ao))
           ], 64))), 128))
         ])
       ], 64))), 128)),
-      (D(), be(dt, { to: "body" }, [
-        p.visible ? (D(), R("div", {
+      (_(), be(ct, { to: "body" }, [
+        g.visible ? (_(), T("div", {
           key: 0,
           ref_key: "tooltipRef",
           ref: a,
           class: "flow-canvas-toolbar-tooltip",
-          style: we({ left: `${p.x}px`, top: `${p.y}px` })
+          style: we({ left: `${g.x}px`, top: `${g.y}px` })
         }, [
-          Le(ge(p.text) + " ", 1),
-          c[0] || (c[0] = U("div", { class: "flow-canvas-toolbar-tooltip__arrow" }, null, -1))
-        ], 4)) : Y("", !0)
+          q("span", null, ue(g.text), 1),
+          g.shortcut.length ? (_(), T("kbd", To, [
+            (_(!0), T(pe, null, xe(g.shortcut, (v, b) => (_(), T("span", { key: b }, ue(v), 1))), 128))
+          ])) : Z("", !0),
+          c[0] || (c[0] = q("div", { class: "flow-canvas-toolbar-tooltip__arrow" }, null, -1))
+        ], 4)) : Z("", !0)
       ]))
     ]));
   }
-}), vn = /* @__PURE__ */ he(Po, [["__scopeId", "data-v-77d4afbb"]]), To = { class: "flow-canvas-default-node__ep-label" }, Ro = {
+}), mn = /* @__PURE__ */ ve(Ro, [["__scopeId", "data-v-904248f4"]]), Lo = { class: "flow-canvas-default-node__ep-label" }, Oo = {
   key: 1,
   class: "flow-canvas-default-node__diamond flow-canvas-highlight-target"
-}, Lo = {
+}, $o = {
   key: 2,
   class: "flow-canvas-default-node__task-label"
-}, Oo = /* @__PURE__ */ fe({
+}, Bo = /* @__PURE__ */ ge({
   __name: "default-node",
   setup(s) {
-    const t = ct("getNode")?.(), o = j(() => t?.getData?.() ?? null), n = j(() => o.value?.label || o.value?.type || ""), i = {
+    const t = ut("getNode")?.(), o = j(() => t?.getData?.() ?? null), n = j(() => o.value?.label || o.value?.type || ""), i = {
       start: "canvas-kaishi",
       end: "canvas-stop",
       "parallel-gateway": "canvas-bingxingwangguan",
@@ -3115,24 +3169,24 @@ const So = { class: "flow-canvas-toolbar" }, Mo = {
       const u = o.value?.type ?? "";
       return r.has(u) ? "endpoint" : l.has(u) ? "gateway" : "task";
     }), h = j(() => i[o.value?.type ?? ""] ?? "");
-    return (u, g) => (D(), R("div", {
+    return (u, p) => (_(), T("div", {
       class: se(["flow-canvas-default-node", [`is-${a.value}`, { "flow-canvas-highlight-target": a.value !== "gateway" }]])
     }, [
-      a.value === "endpoint" ? (D(), R(me, { key: 0 }, [
-        h.value ? (D(), R("i", {
+      a.value === "endpoint" ? (_(), T(pe, { key: 0 }, [
+        h.value ? (_(), T("i", {
           key: 0,
           class: se([["flow-canvas-icon", h.value], "flow-canvas-default-node__ep-icon"])
-        }, null, 2)) : Y("", !0),
-        U("span", To, ge(n.value), 1)
-      ], 64)) : a.value === "gateway" ? (D(), R("div", Ro, [
-        h.value ? (D(), R("i", {
+        }, null, 2)) : Z("", !0),
+        q("span", Lo, ue(n.value), 1)
+      ], 64)) : a.value === "gateway" ? (_(), T("div", Oo, [
+        h.value ? (_(), T("i", {
           key: 0,
           class: se([["flow-canvas-icon", h.value], "flow-canvas-default-node__gw-icon"])
-        }, null, 2)) : Y("", !0)
-      ])) : (D(), R("span", Lo, ge(n.value), 1))
+        }, null, 2)) : Z("", !0)
+      ])) : (_(), T("span", $o, ue(n.value), 1))
     ], 2));
   }
-}), $o = /* @__PURE__ */ he(Oo, [["__scopeId", "data-v-f0e24a9f"]]), Bo = {
+}), Fo = /* @__PURE__ */ ve(Bo, [["__scopeId", "data-v-f0e24a9f"]]), Ho = {
   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 },
@@ -3145,11 +3199,11 @@ const So = { class: "flow-canvas-toolbar" }, Mo = {
     width: 64,
     height: 64
   }
-}, Ke = (s, e) => ({
+}, Ze = (s, e) => ({
   stroke: e.hovered ? "#3a84ff" : "#abb5cc",
   strokeWidth: 2
 });
-function Ze() {
+function Ye() {
   return {
     attrs: {
       line: {
@@ -3160,29 +3214,29 @@ function Ze() {
     }
   };
 }
-function Ho() {
+function Go() {
   return {
     manhattan: {
       router: { name: "manhattan", args: { padding: 10, maxDirectionChange: 90 } },
       connector: { name: "rounded", args: { radius: 8 } },
-      style: Ke,
-      x6EdgeConfig: Ze()
+      style: Ze,
+      x6EdgeConfig: Ye()
     },
     bezier: {
       connector: { name: "smooth" },
-      style: Ke,
-      x6EdgeConfig: Ze()
+      style: Ze,
+      x6EdgeConfig: Ye()
     }
   };
 }
-function yn(s) {
-  const e = s?.nodeTypes ?? Bo, t = {}, o = [];
+function wn(s) {
+  const e = s?.nodeTypes ?? Ho, t = {}, o = [];
   for (const [r, l] of Object.entries(e)) {
     const a = l.width ?? 150, h = l.height ?? 50;
     t[r] = {
-      component: $o,
+      component: Fo,
       getSize: () => ({ width: a, height: h }),
-      getPorts: () => nt()
+      getPorts: () => st()
     }, o.push({
       type: r,
       label: l.label ?? r,
@@ -3190,7 +3244,7 @@ function yn(s) {
     });
   }
   const n = {
-    ...Ho(),
+    ...Go(),
     ...s?.edgeTypes
   }, i = s?.defaultEdgeType ?? "manhattan";
   return {
@@ -3198,7 +3252,7 @@ function yn(s) {
     paletteItems: o
   };
 }
-function mn(s) {
+function bn(s) {
   return {
     name: "connection-validator",
     priority: 10,
@@ -3212,20 +3266,20 @@ function mn(s) {
         if (!l || !a) continue;
         const h = r.nodes[l], u = r.nodes[a];
         if (!h || !u) continue;
-        const g = i.type === "edge.add" ? i.edge.source.portId : i.source?.portId, p = i.type === "edge.add" ? i.edge.target.portId : i.target?.portId, E = g ? h.ports?.find((P) => P.id === g) : void 0, m = p ? u.ports?.find((P) => P.id === p) : void 0, k = i.type === "edge.reconnect" ? i.edgeId : void 0, S = Object.values(r.edges).filter(
-          (P) => P.id !== k && !n.has(P.id)
-        ), T = s({
+        const p = i.type === "edge.add" ? i.edge.source.portId : i.source?.portId, g = i.type === "edge.add" ? i.edge.target.portId : i.target?.portId, x = p ? h.ports?.find((A) => A.id === p) : void 0, m = g ? u.ports?.find((A) => A.id === g) : void 0, C = i.type === "edge.reconnect" ? i.edgeId : void 0, M = Object.values(r.edges).filter(
+          (A) => A.id !== C && !n.has(A.id)
+        ), R = s({
           flowModel: r,
           sourceNode: h,
           targetNode: u,
-          sourcePort: E,
+          sourcePort: x,
           targetPort: m,
-          existingEdges: S
+          existingEdges: M
         });
-        if (!T.valid)
+        if (!R.valid)
           return {
             rejected: !0,
-            reason: T.reason ?? "Connection validation failed",
+            reason: R.reason ?? "Connection validation failed",
             code: "validation_failed"
           };
       }
@@ -3233,14 +3287,14 @@ function mn(s) {
     }
   };
 }
-function wn(s) {
+function xn(s) {
   const { rubberband: e = !0, multiple: t = !0, movable: o = !0 } = s ?? {};
   return {
     name: "selection",
     priority: 90,
     attachRuntime(n) {
       n.graph.use(
-        new pt({
+        new ht({
           enabled: !0,
           rubberband: e,
           multiple: t,
@@ -3253,7 +3307,7 @@ function wn(s) {
     }
   };
 }
-function bn(s) {
+function En(s) {
   const { tolerance: e = 10, color: t = "#3a84ff" } = s ?? {};
   let o = null;
   return {
@@ -3274,13 +3328,13 @@ function bn(s) {
     }
   };
 }
-const Go = { class: "flow-canvas-search-popover__input" }, qo = ["value", "placeholder"], Fo = ["onMouseenter", "onClick"], Uo = { class: "flow-canvas-search-popover__item-label" }, zo = {
+const qo = { class: "flow-canvas-search-popover__input" }, Uo = ["value", "placeholder"], zo = ["onMouseenter", "onClick"], jo = { class: "flow-canvas-search-popover__item-label" }, Wo = {
   key: 0,
   class: "flow-canvas-search-popover__item-subtitle"
-}, jo = {
+}, Vo = {
   key: 1,
   class: "flow-canvas-search-popover__empty"
-}, Wo = /* @__PURE__ */ fe({
+}, Xo = /* @__PURE__ */ ge({
   __name: "search-popover",
   props: {
     open: { type: Boolean },
@@ -3293,20 +3347,20 @@ const Go = { class: "flow-canvas-search-popover__input" }, qo = ["value", "place
   },
   emits: ["update:query", "select", "close"],
   setup(s, { emit: e }) {
-    const t = s, o = e, n = q(null), i = q(null), r = q(-1);
-    pe(
+    const t = s, o = e, n = G(null), i = G(null), r = G(-1);
+    he(
       () => t.open,
       (m) => {
-        m && (r.value = -1, Oe(() => {
+        m && (r.value = -1, Le(() => {
           n.value?.focus(), n.value?.select();
         }));
       }
-    ), pe(
+    ), he(
       () => t.query,
       () => {
         r.value = -1;
       }
-    ), pe(
+    ), he(
       () => t.results.length,
       (m) => {
         if (!m) {
@@ -3326,15 +3380,15 @@ const Go = { class: "flow-canvas-search-popover__input" }, qo = ["value", "place
       r.value = -1;
     }
     function u() {
-      o("update:query", ""), Oe(() => {
+      o("update:query", ""), Le(() => {
         n.value?.focus();
       });
     }
-    function g() {
+    function p() {
       const m = t.results[r.value] ?? t.results[0];
       m && o("select", m.id);
     }
-    function p(m) {
+    function g(m) {
       if (m.key === "Escape") {
         m.preventDefault(), o("close");
         return;
@@ -3349,81 +3403,81 @@ const Go = { class: "flow-canvas-search-popover__input" }, qo = ["value", "place
         r.value = r.value > 0 ? r.value - 1 : t.results.length - 1;
         return;
       }
-      m.key === "Enter" && (m.preventDefault(), g());
+      m.key === "Enter" && (m.preventDefault(), p());
     }
-    function E(m) {
+    function x(m) {
       if (!t.open) return;
-      const k = m.target;
-      k && i.value?.contains(k) || t.isAnchorTarget?.(m.target) || o("close");
+      const C = m.target;
+      C && i.value?.contains(C) || t.isAnchorTarget?.(m.target) || o("close");
     }
     return ot(() => {
-      document.addEventListener("mousedown", E);
+      document.addEventListener("mousedown", x);
     }), Me(() => {
-      document.removeEventListener("mousedown", E);
-    }), (m, k) => s.open ? (D(), R("div", {
+      document.removeEventListener("mousedown", x);
+    }), (m, C) => s.open ? (_(), T("div", {
       key: 0,
       ref_key: "panelRef",
       ref: i,
       class: "flow-canvas-search-popover",
       style: we({ left: `${s.position.x}px`, top: `${s.position.y}px`, width: `${s.position.width}px` })
     }, [
-      U("div", Go, [
-        k[1] || (k[1] = U("i", { class: "flow-canvas-icon canvas-search" }, null, -1)),
-        U("input", {
+      q("div", qo, [
+        C[1] || (C[1] = q("i", { class: "flow-canvas-icon canvas-search" }, null, -1)),
+        q("input", {
           ref_key: "inputRef",
           ref: n,
           value: s.query,
           placeholder: s.placeholder,
           onInput: l,
-          onKeydown: p
-        }, null, 40, qo),
-        s.query ? (D(), R("button", {
+          onKeydown: g
+        }, null, 40, Uo),
+        s.query ? (_(), T("button", {
           key: 0,
           type: "button",
           class: "flow-canvas-search-popover__clear",
           "aria-label": "清空搜索",
           onClick: u
-        }, [...k[0] || (k[0] = [
-          U("i", { class: "flow-canvas-icon canvas-close-circle-shape" }, null, -1)
-        ])])) : Y("", !0)
+        }, [...C[0] || (C[0] = [
+          q("i", { class: "flow-canvas-icon canvas-close-circle-shape" }, null, -1)
+        ])])) : Z("", !0)
       ]),
-      s.results.length ? (D(), R("div", {
+      s.results.length ? (_(), T("div", {
         key: 0,
         class: "flow-canvas-search-popover__list",
         onMouseleave: h
       }, [
-        (D(!0), R(me, null, Ie(s.results, (S, T) => (D(), R("button", {
-          key: S.id,
+        (_(!0), T(pe, null, xe(s.results, (M, R) => (_(), T("button", {
+          key: M.id,
           type: "button",
-          class: se(["flow-canvas-search-popover__item", { "is-active": T === r.value }]),
-          onMouseenter: (P) => a(T),
-          onClick: (P) => o("select", S.id)
+          class: se(["flow-canvas-search-popover__item", { "is-active": R === r.value }]),
+          onMouseenter: (A) => a(R),
+          onClick: (A) => o("select", M.id)
         }, [
-          U("span", Uo, ge(S.label), 1),
-          S.subtitle ? (D(), R("span", zo, ge(S.subtitle), 1)) : Y("", !0)
-        ], 42, Fo))), 128))
-      ], 32)) : (D(), R("div", jo, ge(s.emptyText), 1))
-    ], 4)) : Y("", !0);
-  }
-}), Vo = /* @__PURE__ */ he(Wo, [["__scopeId", "data-v-c80f6b26"]]), Qe = 282, Xo = 4, Yo = 300, Ko = 360, Be = 100, Zo = Ko * 4 - Be;
-function Qo(s) {
+          q("span", jo, ue(M.label), 1),
+          M.subtitle ? (_(), T("span", Wo, ue(M.subtitle), 1)) : Z("", !0)
+        ], 42, zo))), 128))
+      ], 32)) : (_(), T("div", Vo, ue(s.emptyText), 1))
+    ], 4)) : Z("", !0);
+  }
+}), Ko = /* @__PURE__ */ ve(Xo, [["__scopeId", "data-v-c80f6b26"]]), Qe = 282, Zo = 4, Yo = 300, Qo = 360, Oe = 100, Jo = Qo * 4 - Oe;
+function en(s) {
   return s !== null;
 }
-function Jo(s) {
+function tn(s) {
   const e = /* @__PURE__ */ new Set();
   return s.map((t) => t?.trim()).filter((t) => !!t).filter((t) => {
     const o = t.toLowerCase();
     return e.has(o) ? !1 : (e.add(o), !0);
   });
 }
-function en(s, e) {
+function on(s, e) {
   const t = Math.max(8, window.innerWidth - e - 8);
   return Math.min(Math.max(8, s), t);
 }
-function tn(s, e) {
+function nn(s, e) {
   const t = e?.getNodeMeta?.(s);
   if (t === null) return null;
-  const o = t?.label?.trim() || s.label?.trim() || s.id, n = t?.subtitle?.trim() || void 0, i = Jo(t?.keywords ?? [s.label, n]);
+  const o = t?.label?.trim() || s.label?.trim() || s.id, n = t?.subtitle?.trim() || void 0, i = tn(t?.keywords ?? [s.label, n]);
   return i.length ? {
     id: s.id,
     label: o,
@@ -3431,96 +3485,96 @@ function tn(s, e) {
     keywords: i
   } : null;
 }
-function En(s) {
+function In(s) {
   let e = null, t = null, o = null, n = null, i = null, r = [];
-  const l = q(!1), a = q(""), h = q({ x: 0, y: 0, width: Qe }), u = j(() => e ? Object.values(e.flowModel.value.nodes).map((M) => tn(M, s)).filter(Qo) : []), g = j(() => {
-    const M = a.value.trim().toLowerCase(), y = Math.max(1, s?.maxResults ?? Yo);
-    return M ? u.value.filter((f) => f.keywords.some((d) => d.toLowerCase().includes(M))).slice(0, y) : u.value.slice(0, y);
+  const l = G(!1), a = G(""), h = G({ x: 0, y: 0, width: Qe }), u = j(() => e ? Object.values(e.flowModel.value.nodes).map((D) => nn(D, s)).filter(en) : []), p = j(() => {
+    const D = a.value.trim().toLowerCase(), y = Math.max(1, s?.maxResults ?? Yo);
+    return D ? u.value.filter((f) => f.keywords.some((d) => d.toLowerCase().includes(D))).slice(0, y) : u.value.slice(0, y);
   });
-  function p() {
+  function g() {
     return o?.querySelector('.flow-canvas-toolbar__btn[data-toolbar-type="search"]');
   }
-  function E() {
-    return p()?.closest(".flow-canvas-toolbar");
+  function x() {
+    return g()?.closest(".flow-canvas-toolbar");
   }
   function m() {
-    const M = E(), y = o?.getBoundingClientRect(), f = M?.getBoundingClientRect() ?? y;
+    const D = x(), y = o?.getBoundingClientRect(), f = D?.getBoundingClientRect() ?? y;
     if (!f) return;
     const d = Math.max(Qe, Math.round(f.width));
     h.value = {
-      x: en(f.left, d),
-      y: f.bottom + Xo,
+      x: on(f.left, d),
+      y: f.bottom + Zo,
       width: d
     };
   }
-  function k() {
-    r.forEach((M) => clearTimeout(M)), r = [], t?.api.clearHighlight();
+  function C() {
+    r.forEach((D) => clearTimeout(D)), r = [], t?.api.clearHighlight();
   }
-  function S(M) {
-    k();
+  function M(D) {
+    C();
     const y = setTimeout(() => {
-      t?.api.highlightNodes([M]);
-    }, Be), f = setTimeout(() => {
+      t?.api.highlightNodes([D]);
+    }, Oe), f = setTimeout(() => {
       t?.api.clearHighlight(), r = [];
-    }, Be + Zo);
+    }, Oe + Jo);
     r.push(y, f);
   }
-  function T(M) {
-    t && (t.api.scrollToNode(M), S(M));
+  function R(D) {
+    t && (t.api.scrollToNode(D), M(D));
   }
-  function P() {
+  function A() {
     t && (l.value = !0, m(), requestAnimationFrame(() => m()));
   }
-  function G() {
+  function B() {
     l.value = !1, a.value = "";
   }
-  function K() {
+  function V() {
     if (l.value) {
-      G();
+      B();
       return;
     }
-    P();
+    A();
   }
-  function O(M) {
-    const y = p();
-    return !!(y && M instanceof Node && y.contains(M));
+  function O(D) {
+    const y = g();
+    return !!(y && D instanceof Node && y.contains(D));
   }
   function W() {
     l.value && m();
   }
-  const z = fe({
+  const z = ge({
     name: "FlowCanvasSearchHost",
     setup() {
-      return () => Re(Vo, {
+      return () => Re(Ko, {
         open: l.value,
         position: h.value,
         query: a.value,
-        results: g.value,
+        results: p.value,
         placeholder: s?.placeholder ?? "搜索节点名称",
         emptyText: s?.emptyText ?? "暂无匹配节点",
         isAnchorTarget: O,
-        "onUpdate:query": (M) => {
-          a.value = M;
+        "onUpdate:query": (D) => {
+          a.value = D;
         },
-        onSelect: T,
-        onClose: G
+        onSelect: R,
+        onClose: B
       });
     }
   });
   return {
     name: "search",
     priority: 90,
-    install(M) {
-      e = M;
+    install(D) {
+      e = D;
     },
-    attachRuntime(M) {
-      t = M, o = M.graph.container.closest(".flow-canvas-layout__content") ?? M.graph.container.parentElement, n = document.createElement("div"), n.className = "flow-canvas-search-host", document.body.append(n), i = ut(z), i.mount(n), window.addEventListener("resize", W), window.addEventListener("scroll", W, !0);
+    attachRuntime(D) {
+      t = D, o = D.graph.container.closest(".flow-canvas-layout__content") ?? D.graph.container.parentElement, n = document.createElement("div"), n.className = "flow-canvas-search-host", document.body.append(n), i = ft(z), i.mount(n), window.addEventListener("resize", W), window.addEventListener("scroll", W, !0);
     },
     detachRuntime() {
-      G(), k(), window.removeEventListener("resize", W), window.removeEventListener("scroll", W, !0), i?.unmount(), i = null, n?.remove(), n = null, o = null, t = null;
+      B(), C(), window.removeEventListener("resize", W), window.removeEventListener("scroll", W, !0), i?.unmount(), i = null, n?.remove(), n = null, o = null, t = null;
     },
     dispose() {
-      G(), k(), e = null;
+      B(), C(), e = null;
     },
     provideToolbarItems() {
       return [
@@ -3528,18 +3582,18 @@ function En(s) {
           id: "plugin:search",
           type: "search",
           icon: "flow-canvas-icon canvas-search",
-          description: "搜索节点",
+          description: "搜索",
           group: "tools",
           order: 22,
           active: () => l.value,
-          onClick: K
+          onClick: V
         }
       ];
     }
   };
 }
-const on = 52, nn = 16, sn = 40;
-function rn(s) {
+const sn = 52, rn = 16, an = 40;
+function ln(s) {
   const e = document.createElement("div");
   e.className = "flow-canvas-minimap", s.floating !== !1 && e.classList.add("flow-canvas-minimap--floating");
   const t = document.createElement("div");
@@ -3547,35 +3601,35 @@ function rn(s) {
     width: `${s.width}px`,
     height: `${s.height}px`
   }), s.floating !== !1 && Object.assign(e.style, {
-    top: `${on}px`,
-    left: `${nn}px`
+    top: `${sn}px`,
+    left: `${rn}px`
   });
   let o = null, n = s.defaultOpen ?? !1, i = null;
   function r() {
-    !s.onClickOutside || i || (i = (p) => {
-      const E = p.target;
-      E && e.contains(E) || p.target?.closest('[data-toolbar-type="minimap"]') || s.onClickOutside();
+    !s.onClickOutside || i || (i = (g) => {
+      const x = g.target;
+      x && e.contains(x) || g.target?.closest('[data-toolbar-type="minimap"]') || s.onClickOutside();
     }, document.addEventListener("mousedown", i));
   }
   function l() {
     i && (document.removeEventListener("mousedown", i), i = null);
   }
   function a() {
-    o || (o = new ht({
+    o || (o = new vt({
       container: t,
       width: s.width,
       height: s.height,
-      padding: s.contentPadding ?? sn,
+      padding: s.contentPadding ?? an,
       scalable: !1
     }), s.sourceGraph.use(o));
   }
-  function h(p) {
-    n = p, e.style.display = n ? "" : "none", n ? (a(), r()) : l();
+  function h(g) {
+    n = g, e.style.display = n ? "" : "none", n ? (a(), r()) : l();
   }
   function u() {
     h(n), s.mountTarget.appendChild(e);
   }
-  function g() {
+  function p() {
     l(), o?.dispose(), o = null, e.remove();
   }
   return u(), {
@@ -3583,15 +3637,15 @@ function rn(s) {
     isOpen: () => n,
     setOpen: h,
     toggle() {
-      const p = !n;
-      return h(p), p;
+      const g = !n;
+      return h(g), g;
     },
-    destroy: g
+    destroy: p
   };
 }
-function xn(s) {
+function Cn(s) {
   let e = null;
-  const t = q(!1);
+  const t = G(!1);
   function o(i) {
     e?.setOpen(i), t.value = i;
   }
@@ -3603,7 +3657,7 @@ function xn(s) {
     priority: 90,
     attachRuntime(i) {
       const r = s?.width ?? 334, l = s?.height ?? 180, a = s?.container ?? i.graph.container.closest(".flow-canvas-layout__content") ?? i.graph.container.parentElement;
-      a && (e = rn({
+      a && (e = ln({
         sourceGraph: i.graph,
         mountTarget: a,
         width: r,
@@ -3622,7 +3676,7 @@ function xn(s) {
           id: "plugin:minimap",
           type: "minimap",
           icon: "flow-canvas-icon canvas-map",
-          description: "缩略图",
+          description: "小地图",
           group: "tools",
           order: 23,
           active: () => t.value,
@@ -3632,7 +3686,7 @@ function xn(s) {
     }
   };
 }
-function In() {
+function kn() {
   let s = null, e = 0;
   return {
     name: "clipboard",
@@ -3678,7 +3732,7 @@ function In() {
               id: `${a.id}_cp${te().slice(0, 6)}`,
               source: { ...a.source, nodeId: h },
               target: { ...a.target, nodeId: u },
-              labels: a.labels?.map((g) => ({ ...g, id: `${g.id}_cp${te().slice(0, 6)}` })),
+              labels: a.labels?.map((p) => ({ ...p, id: `${p.id}_cp${te().slice(0, 6)}` })),
               payload: a.payload ? { ...a.payload } : {}
             }
           });
@@ -3696,27 +3750,27 @@ function In() {
   };
 }
 export {
-  ue as CanvasConstraintError,
-  hn as CanvasLayout,
-  mo as CanvasNodePalette,
-  pn as CanvasRuntime,
-  vt as CanvasSchemaError,
-  vn as CanvasToolbar,
-  $o as DefaultNode,
-  no as NodeActionsToolbar,
-  ao as NodeQuickAddPopover,
-  $e as applyCanvasCommand,
-  In as clipboardPlugin,
-  mn as connectionValidatorPlugin,
-  Ho as createBuiltinEdgeTypes,
-  Dt as createCanvasHistory,
-  yn as createDefaultSchema,
-  ko as createDefaultToolbarItems,
-  fn as createEmptyFlowModel,
+  fe as CanvasConstraintError,
+  yn as CanvasLayout,
+  wo as CanvasNodePalette,
+  vn as CanvasRuntime,
+  yt as CanvasSchemaError,
+  mn as CanvasToolbar,
+  Fo as DefaultNode,
+  so as NodeActionsToolbar,
+  lo as NodeQuickAddPopover,
+  nt as applyCanvasCommand,
+  kn as clipboardPlugin,
+  bn as connectionValidatorPlugin,
+  Go as createBuiltinEdgeTypes,
+  At as createCanvasHistory,
+  wn as createDefaultSchema,
+  So as createDefaultToolbarItems,
+  pn as createEmptyFlowModel,
   te as generateId,
-  xn as minimapPlugin,
-  En as searchPlugin,
-  wn as selectionPlugin,
-  bn as snaplinePlugin,
-  gn as useCanvasEditor
+  Cn as minimapPlugin,
+  In as searchPlugin,
+  xn as selectionPlugin,
+  En as snaplinePlugin,
+  hn as useCanvasEditor
 };