@blueking/flow-canvas 0.0.7 → 0.0.8

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import { ref as q, computed as j, onScopeDispose as Je, defineComponent as ge, h as Re, watch as he, onBeforeUnmount as Me, createElementBlock as T, openBlock as D, normalizeStyle as be, createElementVNode as F, createVNode as et, createCommentVNode as Z, normalizeClass as se, Transition as tt, withCtx as $e, withModifiers as at, createTextVNode as Ge, renderSlot as Ie, onMounted as ot, createBlock as we, Fragment as pe, renderList as Ee, 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 { 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";
@@ -20,7 +20,7 @@ class yt extends Error {
     super(e), this.name = "CanvasSchemaError";
   }
 }
-function _e(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))
@@ -41,13 +41,13 @@ function nt(s, e) {
     case "node.add":
       return mt(s, e.node);
     case "node.move":
-      return bt(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 Et(s, e.nodeId, e.patch);
+      return xt(s, e.nodeId, e.patch);
     case "node.set-payload":
-      return xt(s, e.nodeId, e.path, e.value);
+      return Et(s, e.nodeId, e.path, e.value);
     case "node.set-extensions":
       return It(s, e.nodeId, e.path, e.value);
     case "edge.add":
@@ -59,11 +59,11 @@ function nt(s, e) {
     case "edge.update":
       return Mt(s, e.edgeId, e.patch);
     case "edge.set-payload":
-      return _t(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 Dt(s, e.path, e.value);
+      return _t(s, e.path, e.value);
     default:
       throw new fe(`Unknown command type: ${e.type}`);
   }
@@ -78,7 +78,7 @@ function ke(s, e) {
   if (!t) throw new fe(`Edge "${e}" does not exist`);
   return t;
 }
-function xe(s, e, t) {
+function Ee(s, e, t) {
   const o = s.nodes[e.nodeId];
   if (!o)
     throw new fe(`${t} node "${e.nodeId}" does not exist`);
@@ -88,7 +88,7 @@ function xe(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 mt(s, e) {
@@ -96,33 +96,33 @@ function mt(s, e) {
     throw new fe(`Node id "${e.id}" already exists`);
   return { ...s, nodes: { ...s.nodes, [e.id]: e } };
 }
-function bt(s, e, t) {
+function wt(s, e, t) {
   const o = Ce(s, e);
   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 Et(s, e, t) {
+function xt(s, e, t) {
   const o = Ce(s, e);
   return Ne(s, e, { ...o, ...t, id: o.id });
 }
-function xt(s, e, t, o) {
-  const n = Ce(s, e), i = _e(n.payload, t, o);
+function Et(s, e, t, o) {
+  const n = Ce(s, e), i = De(n.payload, t, o);
   return Ne(s, e, { ...n, payload: i });
 }
 function It(s, e, t, o) {
-  const n = Ce(s, e), i = _e(n.extensions, t, o);
+  const n = Ce(s, e), i = De(n.extensions, t, o);
   return Ne(s, e, { ...n, extensions: i });
 }
 function Ct(s, e) {
   if (s.edges[e.id])
     throw new fe(`Edge id "${e.id}" already exists`);
-  if (xe(s, e.source, "Source"), xe(s, e.target, "Target"), e.labels) {
+  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))
@@ -139,15 +139,15 @@ function kt(s, e) {
 }
 function St(s, e, t, o) {
   const n = ke(s, e), i = t ?? n.source, r = o ?? n.target;
-  return xe(s, i, "Source"), xe(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 Mt(s, e, t) {
   const o = ke(s, e), n = { ...o, ...t, id: o.id };
-  return t.source && xe(s, n.source, "Source"), t.target && xe(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 _t(s, e, t, o) {
-  const n = ke(s, e), i = _e(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);
@@ -157,14 +157,14 @@ function Nt(s, e, t, o) {
   if (i === -1)
     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 Dt(s, e, t) {
-  const o = _e(s.meta, e, t);
+function _t(s, e, t) {
+  const o = De(s.meta, e, t);
   return { ...s, meta: o };
 }
 function At(s, e) {
-  const t = e?.maxHistorySize ?? 100, o = q(s), n = [], i = [], r = q(!1), l = q(!1);
+  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;
   }
@@ -199,7 +199,7 @@ function At(s, e) {
   function g() {
     n.length = 0, i.length = 0, a();
   }
-  function E() {
+  function x() {
     return o.value;
   }
   function m(C) {
@@ -219,7 +219,7 @@ function At(s, e) {
       return i.map((C) => C.envelope);
     },
     clear: g,
-    createSnapshot: E,
+    createSnapshot: x,
     replaceFlowModel: m
   };
 }
@@ -397,8 +397,8 @@ function te() {
 }
 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 = q(s.mode ?? "edit"), a = q(!1), h = q(null), u = q([]), p = {}, g = new Tt();
-  function E(R, A, B, V = "user:toolbar") {
+  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: V,
@@ -421,11 +421,11 @@ function hn(s) {
     execute: r.execute,
     undo() {
       const R = r.currentFlowModel.value, A = r.undo();
-      return A && E("撤销", R, A), A;
+      return A && x("撤销", R, A), A;
     },
     redo() {
       const R = r.currentFlowModel.value, A = r.redo();
-      return A && E("重做", R, A), A;
+      return A && x("重做", R, A), A;
     },
     get canUndo() {
       return r.canUndo;
@@ -443,7 +443,7 @@ function hn(s) {
     createSnapshot: r.createSnapshot,
     replaceFlowModel(R) {
       const A = r.currentFlowModel.value;
-      r.replaceFlowModel(R), E("替换 FlowModel", A, R, "system:replace");
+      r.replaceFlowModel(R), x("替换 FlowModel", A, R, "system:replace");
     }
   }, C = {
     flowModel: j(() => r.currentFlowModel.value),
@@ -525,10 +525,10 @@ const Lt = ["top", "right", "bottom", "left"];
 function st() {
   return Lt.map((s) => ({ id: s, group: s }));
 }
-function He(s, e) {
+function Fe(s, e) {
   return e?.(s) ?? s.ports ?? st();
 }
-const Te = -1, Ot = "flow-canvas-node-ring-target", qe = "flow-canvas-node-ring-target--decorated", Fe = "flow-canvas-node-ring-target--pulse", $t = "linear-gradient(135deg, #cadcfa 0%, #cee0ff 100%)";
+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;
@@ -554,6 +554,7 @@ class Bt {
   /** 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;
   }
@@ -629,7 +630,9 @@ class Bt {
     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();
@@ -639,7 +642,7 @@ class Bt {
         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 = He(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;
@@ -658,6 +661,8 @@ class Bt {
       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);
@@ -724,7 +729,27 @@ class Bt {
     };
     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 节点属性。
@@ -869,10 +894,10 @@ class Bt {
     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), 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(qe), r.style.setProperty("--flow-canvas-node-decoration-ring-background", a), r.style.setProperty("--flow-canvas-node-decoration-ring-opacity", "0.95")) : (r.classList.remove(qe), r.style.removeProperty("--flow-canvas-node-decoration-ring-background"), r.style.removeProperty("--flow-canvas-node-decoration-ring-opacity")), o ? (r.classList.add(Fe), r.style.setProperty(
+    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 ?? $t
-    ), r.style.setProperty("--flow-canvas-node-pulse-ring-opacity", "0.95")) : (r.classList.remove(Fe), 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);
+    ), 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;
@@ -906,11 +931,11 @@ class Bt {
       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, p = i?.strokeColor, g = p ?? l ?? u, E = !!o?.style || this.prevEdgeDecorationColors.has(e.id) || this.defaultHighlightedEdgeIds.has(e.id) || this.prevEdgeStyleIds.has(e.id);
-    g ? this.setEdgeAttrIfChanged(e, "line/stroke", g) : 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)), p ? 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 Ht {
+class Ft {
   instanceId = te();
   registeredShapes = /* @__PURE__ */ new Map();
   wrappedComponents = /* @__PURE__ */ new Map();
@@ -937,7 +962,7 @@ class Ht {
     this.registeredShapes.clear(), this.wrappedComponents.clear();
   }
 }
-class Gt {
+class Ht {
   graph;
   onUiEvent;
   onCommand;
@@ -1052,7 +1077,7 @@ class Gt {
     this.graph.on(e, t), this.disposers.push(() => this.graph.off(e, t));
   }
 }
-function qt(s) {
+function Gt(s) {
   function e(t) {
     const o = s.getCellById(t);
     if (!o || !o.isNode()) return null;
@@ -1069,7 +1094,7 @@ function it(s) {
     edgeIds: s.filter((e) => e.isEdge()).map((e) => e.id)
   };
 }
-function Ft(s, e) {
+function qt(s, e) {
   const t = [
     ...e.nodeIds.map((i) => s.getCellById(i)),
     ...e.edgeIds.map((i) => s.getCellById(i))
@@ -1113,7 +1138,7 @@ function jt({
   resolveNodeShape: u
 }) {
   const p = r ?? Be;
-  let g = [], E = [], m = null, C = !1, M = null;
+  let g = [], x = [], m = null, C = !1, M = null;
   async function R() {
     if (C) return m;
     C = !0;
@@ -1141,7 +1166,7 @@ function jt({
     M = null;
     const c = f.getPosition();
     s.removeNode(f.id);
-    const { _dndSessionId: v, ...w } = d, x = w.id || p("node");
+    const { _dndSessionId: v, ...b } = d, E = b.id || p("node");
     t({
       id: te(),
       source: "user:drag",
@@ -1150,7 +1175,7 @@ function jt({
       commands: [
         {
           type: "node.add",
-          node: { ...w, id: x, position: { x: c.x, y: c.y } }
+          node: { ...b, id: E, position: { x: c.x, y: c.y } }
         }
       ]
     });
@@ -1158,31 +1183,31 @@ function jt({
   s.on("node:added", B);
   function V(f) {
     const d = o.nodeTypes[f.type];
-    return He(f, d?.getPorts);
+    return Fe(f, d?.getPorts);
   }
   function O(f) {
     return f ?? it(s.getSelectedCells?.() ?? []);
   }
-  function W(f, d, c, v, w) {
+  function W(f, d, c, v, b) {
     switch (f) {
       case "left":
         return {
-          x: d.position.x - w - v.width,
+          x: d.position.x - b - v.width,
           y: d.position.y + (c.height - v.height) / 2
         };
       case "top":
         return {
           x: d.position.x + (c.width - v.width) / 2,
-          y: d.position.y - w - v.height
+          y: d.position.y - b - v.height
         };
       case "bottom":
         return {
           x: d.position.x + (c.width - v.width) / 2,
-          y: d.position.y + c.height + w
+          y: d.position.y + c.height + b
         };
       default:
         return {
-          x: d.position.x + c.width + w,
+          x: d.position.x + c.width + b,
           y: d.position.y + (c.height - v.height) / 2
         };
     }
@@ -1199,7 +1224,7 @@ function jt({
         return { x: d.width + c, y: 0 };
     }
   }
-  function _(f) {
+  function D(f) {
     switch (f) {
       case "left":
         return "right";
@@ -1241,7 +1266,7 @@ function jt({
       return O();
     },
     getSelectionBounds(f) {
-      return Ft(s, O(f));
+      return qt(s, O(f));
     },
     selectNodes(f) {
       const d = f.map((c) => s.getCellById(c)).filter(Boolean);
@@ -1258,28 +1283,28 @@ function jt({
     deleteSelection(f) {
       const d = O(f?.selection), c = rt(d, n.value, i ?? (() => ({}))), v = Ut(c);
       if (v.length === 0) return null;
-      const w = t({
+      const b = t({
         id: te(),
         source: f?.source ?? "user:toolbar",
         label: f?.label ?? "删除选中",
         timestamp: Date.now(),
         commands: v
       });
-      return w.status === "applied" && f?.clearSelectionAfterApply !== !1 && y.clearSelection(), w;
+      return b.status === "applied" && f?.clearSelectionAfterApply !== !1 && y.clearSelection(), b;
     },
     registerDndSource(f, d) {
       const c = async (v) => {
-        const w = await R();
-        if (!w) return;
-        const x = te();
-        M = x;
-        const H = d(), K = u?.(H.type), k = s.createNode({
+        const b = await R();
+        if (!b) return;
+        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: { ...H, _dndSessionId: x }
+          data: { ...F, _dndSessionId: E }
         });
-        w.start(k, v);
+        b.start(k, v);
       };
       return f.addEventListener("mousedown", c), () => {
         f.removeEventListener("mousedown", c);
@@ -1292,13 +1317,13 @@ function jt({
     startConnection(f, d) {
       const c = s.getCellById(f);
       if (!c?.isNode()) return;
-      const v = c, w = s.findViewByCell(v);
-      if (!w) return;
-      const x = w.findPortElem(d, "circle") ?? w.findPortElem(d);
-      if (!x) return;
-      const K = (x.matches?.("[magnet]") ? x : x.querySelector?.("[magnet]")) ?? x, k = K.getBoundingClientRect(), L = k.left + k.width / 2, b = k.top + k.height / 2, P = new MouseEvent("mousedown", {
+      const v = c, b = s.findViewByCell(v);
+      if (!b) return;
+      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: b,
+        clientY: w,
         button: 0,
         buttons: 1,
         bubbles: !0,
@@ -1307,19 +1332,19 @@ function jt({
       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", w = s.zoom(), x = s.translate(), H = s.getContentBBox(), K = H.width / w, k = H.height / w;
+      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 = (H.x - x.tx) / w, b = (H.y - x.ty) / w, P = Math.ceil(K + c * 2), G = Math.ceil(k + c * 2), Y = document.createElement("div");
+      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 = `${G}px`, X.style.overflow = "visible";
+      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(G)), ee.style.width = `${P}px`, ee.style.height = `${G}px`), X.querySelector(".x6-graph-svg-viewport")?.setAttribute("transform", `matrix(1,0,0,1,${-L + c},${-b + c})`), Y.appendChild(X), document.body.appendChild(Y);
+      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 A(), await d(X, {
           width: P,
-          height: G,
+          height: H,
           backgroundColor: v,
           scale: f?.scale ?? window.devicePixelRatio,
           filter: (oe) => {
@@ -1338,32 +1363,32 @@ function jt({
       }
     },
     highlightNodes(f) {
-      g = f, h?.(g, E);
+      g = f, h?.(g, x);
     },
     highlightEdges(f) {
-      E = f, h?.(g, E);
+      x = f, h?.(g, x);
     },
     clearHighlight() {
-      g = [], E = [], h?.([], []);
+      g = [], x = [], h?.([], []);
     },
     overlay: e,
     getContextMenuItems(f) {
       return a?.(f) ?? [];
     },
     insertNodeToRight(f, d, c) {
-      const v = n.value, w = v.nodes[f];
-      if (!w)
+      const v = n.value, b = v.nodes[f];
+      if (!b)
         return {
           status: "invalid",
           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 ?? zt, H = c?.direction ?? "right", K = o.nodeTypes[w.type], k = o.nodeTypes[d.type], L = K?.getSize(w) ?? { width: 154, height: 54 }, b = k?.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
-      }, P = W(H, w, L, b, x), G = d.id || p("node"), Y = { ...d, id: G, position: P }, X = [{ type: "node.add", node: Y }], ee = z(H, b, x), Q = { x: P.x, y: P.y, width: b.width, height: b.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 === G) continue;
+        if (ie === f || ie === H) continue;
         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",
@@ -1372,7 +1397,7 @@ function jt({
         });
       }
       if (c?.autoWireEdges) {
-        const ie = V(w), ne = V(Y), S = H, I = _(H), 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(
+        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) {
@@ -1382,13 +1407,13 @@ function jt({
             edge: {
               id: p("edge"),
               source: { nodeId: f, portId: N?.id },
-              target: { nodeId: G, portId: U?.id }
+              target: { nodeId: H, portId: U?.id }
             }
           }), X.push({
             type: "edge.add",
             edge: {
               id: p("edge"),
-              source: { nodeId: G, portId: ae?.id },
+              source: { nodeId: H, portId: ae?.id },
               target: J
             }
           });
@@ -1398,7 +1423,7 @@ function jt({
             edge: {
               id: p("edge"),
               source: { nodeId: f, portId: N?.id },
-              target: { nodeId: G, portId: U?.id }
+              target: { nodeId: H, portId: U?.id }
             }
           });
       }
@@ -1421,7 +1446,7 @@ function jt({
   return y;
 }
 function Wt() {
-  const s = q(null), e = q(!1);
+  const s = G(null), e = G(!1);
   let t = null, o = !1;
   function n(p) {
     t && (clearTimeout(t), t = null), s.value = p;
@@ -1456,13 +1481,13 @@ function ze(s, e) {
   const i = 50, r = t / i;
   let l = 0;
   for (let p = 0; p <= i; p++) {
-    const g = p * r, E = s.getPointAtLength(g), m = (E.x - e.x) ** 2 + (E.y - e.y) ** 2;
-    m < n && (n = m, o = E, l = g);
+    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 p = a; p <= h; p += u) {
-    const g = s.getPointAtLength(p), E = (g.x - e.x) ** 2 + (g.y - e.y) ** 2;
-    E < n && (n = E, o = g, l = p);
+    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 };
 }
@@ -1496,7 +1521,7 @@ function Vt(s) {
     if (!p) return;
     const g = p.container.querySelector("path");
     if (!g) return;
-    const E = s.clientToLocal(a.clientX, a.clientY), m = ze(g, E);
+    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;
@@ -1513,14 +1538,14 @@ function Vt(s) {
     if (!u) return;
     const p = u.container.querySelector("path");
     if (!p) return;
-    const g = s.clientToLocal(l.clientX, l.clientY), E = ze(p, g);
-    if (je(E.length, E.totalLength) || We(u.container, l.clientX, l.clientY))
+    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 = Ve();
-      m.setAttribute("transform", `translate(${E.x}, ${E.y})`), u.container.appendChild(m), e = m;
+      m.setAttribute("transform", `translate(${x.x}, ${x.y})`), u.container.appendChild(m), e = m;
     }
   }
   function i() {
@@ -1536,8 +1561,8 @@ function Xt(s) {
   function o(u) {
     const p = u ? "visible" : "hidden";
     for (const g of s.getNodes())
-      for (const E of g.getPorts())
-        g.setPortProp(E.id, "attrs/circle/visibility", p);
+      for (const x of g.getPorts())
+        g.setPortProp(x.id, "attrs/circle/visibility", p);
   }
   function n(u) {
     if (!e)
@@ -1553,9 +1578,9 @@ function Xt(s) {
     if (!u.getTargetCell())
       if (e = u.id, p?.size)
         for (const g of s.getNodes()) {
-          const E = p.has(g.id) ? "hidden" : "visible";
+          const x = p.has(g.id) ? "hidden" : "visible";
           for (const m of g.getPorts())
-            g.setPortProp(m.id, "attrs/circle/visibility", E);
+            g.setPortProp(m.id, "attrs/circle/visibility", x);
         }
       else
         o(!0);
@@ -1582,9 +1607,9 @@ function Xe(s) {
   return s === "top" || s === "right" || s === "bottom" || s === "left";
 }
 function Kt(s) {
-  const { editor: e, nodeHover: t, isSelectionModeActive: o, viewportVersion: n, getNodeBehavior: i, getInsertGap: r } = s, { isDraggingNode: l } = s, a = q(null), h = q(!1);
+  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 E = j(() => ({
+  const x = j(() => ({
     enabled: !0,
     portGroup: "right",
     ...s.quickAddProp.value
@@ -1608,35 +1633,35 @@ function Kt(s) {
   }
   function B(k) {
     const L = e.schema.nodeTypes[k.type];
-    return He(k, L?.getPorts);
+    return Fe(k, L?.getPorts);
   }
   function V(k, L) {
-    const b = E.value.getPort?.(k, L);
-    if (!b) return null;
-    const P = typeof b == "string" ? b : b.id;
-    return L.find((G) => G.id === P) ?? null;
+    const w = x.value.getPort?.(k, L);
+    if (!w) return null;
+    const P = typeof w == "string" ? w : w.id;
+    return L.find((H) => H.id === P) ?? null;
   }
   function O(k, L) {
-    const b = e.api.value?.overlay.getNodeScreenRect(k);
-    if (!b) return null;
+    const w = e.api.value?.overlay.getNodeScreenRect(k);
+    if (!w) return null;
     switch (L) {
       case "top":
-        return { x: b.x + b.width / 2, y: b.y };
+        return { x: w.x + w.width / 2, y: w.y };
       case "bottom":
-        return { x: b.x + b.width / 2, y: b.y + b.height };
+        return { x: w.x + w.width / 2, y: w.y + w.height };
       case "left":
-        return { x: b.x, y: b.y + b.height / 2 };
+        return { x: w.x, y: w.y + w.height / 2 };
       case "right":
-        return { x: b.x + b.width, y: b.y + b.height / 2 };
+        return { x: w.x + w.width, y: w.y + w.height / 2 };
       default:
         return null;
     }
   }
-  function W(k, L, b) {
-    if (!p) return O(k, b);
+  function W(k, L, w) {
+    if (!p) return O(k, w);
     const P = p.getCellById(k);
     if (P?.isNode()) {
-      const G = P, Y = p.findViewByCell(G), X = Y?.findPortElem(L, "circle") ?? Y?.findPortElem(L);
+      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 {
@@ -1645,39 +1670,39 @@ function Kt(s) {
         };
       }
     }
-    return O(k, b);
+    return O(k, w);
   }
   function z(k) {
-    const L = B(k), b = V(k, L) ?? L.find((G) => G.group === E.value.portGroup) ?? null;
-    if (!b) return null;
-    const P = W(k.id, b.id, b.group);
-    return P ? { portId: b.id, portGroup: b.group, portPosition: P } : null;
-  }
-  function _(k) {
-    const L = z(k), b = E.value.insertDirection;
-    if (typeof b == "function") {
-      const P = b(k, L ? { id: L.portId, group: L.portGroup } : null);
+    const L = B(k), w = V(k, L) ?? L.find((H) => H.group === x.value.portGroup) ?? null;
+    if (!w) return null;
+    const P = W(k.id, w.id, w.group);
+    return P ? { portId: w.id, portGroup: w.group, portPosition: P } : null;
+  }
+  function D(k) {
+    const L = z(k), w = x.value.insertDirection;
+    if (typeof w == "function") {
+      const P = w(k, L ? { id: L.portId, group: L.portGroup } : null);
       if (P) return P;
-    } else if (b)
-      return b;
-    return L && Xe(L.portGroup) ? L.portGroup : Xe(E.value.portGroup) ? E.value.portGroup : "right";
+    } else if (w)
+      return w;
+    return L && Xe(L.portGroup) ? L.portGroup : Xe(x.value.portGroup) ? x.value.portGroup : "right";
   }
   function y(k) {
-    if (!E.value.enabled || e.mode.value !== "edit") return !1;
-    const b = e.flowModel.value.nodes[k];
-    return !b || i(b).quickAddEnabled === !1 ? !1 : !!z(b);
+    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;
+    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 b = e.flowModel.value.nodes[k];
-    if (!b) return null;
-    const P = i(b);
+    const w = e.flowModel.value.nodes[k];
+    if (!w) return null;
+    const P = i(w);
     if (P.quickAddEnabled === !1) return null;
-    const G = z(b);
-    return G ? { node: b, ...G, behavior: P } : null;
+    const H = z(w);
+    return H ? { node: w, ...H, behavior: P } : null;
   });
   function d(k) {
     h.value = !0, f.value && e._emitUiEvent({ type: "node.quick-add", nodeId: k, position: f.value.portPosition });
@@ -1688,48 +1713,48 @@ function Kt(s) {
   function v(k) {
     const L = e.api.value;
     if (!L) return;
-    const b = e.flowModel.value.nodes[k];
-    if (!b) return;
-    const P = z(b);
+    const w = e.flowModel.value.nodes[k];
+    if (!w) return;
+    const P = z(w);
     P && L.startConnection(k, P.portId);
   }
-  function w(k, L) {
-    const b = e.api.value;
-    if (!b) return;
-    const P = L.id || e.idGenerator("node"), G = { ...L, id: P }, Y = e.flowModel.value.nodes[k];
+  function b(k, L) {
+    const w = e.api.value;
+    if (!w) return;
+    const P = L.id || e.idGenerator("node"), H = { ...L, id: P }, Y = e.flowModel.value.nodes[k];
     if (!Y) return;
-    b.insertNodeToRight(k, G, {
+    w.insertNodeToRight(k, H, {
       autoWireEdges: !0,
-      direction: _(Y),
+      direction: D(Y),
       gap: r(),
       source: "user:quick-add",
       label: "快捷插入节点"
     }).status === "applied" && e._emitUiEvent({ type: "node.action.quick-insert", sourceNodeId: k, newNodeId: P }), s.closePopover();
   }
-  function x(k) {
+  function E(k) {
     if (!p) return;
     const L = p.getCellById(k);
     if (!L?.isNode()) return;
-    const b = L, P = e.flowModel.value.nodes[k];
+    const w = L, P = e.flowModel.value.nodes[k];
     if (!P) return;
-    const G = z(P);
+    const H = z(P);
     let Y = !0;
     i(P).hidePortForQuickAdd === !1 && (Y = !1);
-    const ee = Y && !l.value && !!G && y(k);
-    for (const Q of b.getPorts()) {
-      const oe = ee && Q.id === G?.portId ? "hidden" : "visible";
-      b.setPortProp(Q.id, "attrs/circle/visibility", oe);
+    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 H(k, L) {
+  function F(k, L) {
     g?.(), p = k, g = he(
       [a, l],
-      ([b], [P]) => {
-        if (P && P !== b) {
-          const G = k.getCellById(P);
-          G?.isNode() && L(G);
+      ([w], [P]) => {
+        if (P && P !== w) {
+          const H = k.getCellById(P);
+          H?.isNode() && L(H);
         }
-        b && x(b);
+        w && E(w);
       },
       { flush: "sync" }
     );
@@ -1743,7 +1768,7 @@ function Kt(s) {
   return {
     quickAddNodeId: a,
     quickAddPopoverOpen: h,
-    mergedConfig: E,
+    mergedConfig: x,
     data: f,
     enter: M,
     leave: C,
@@ -1753,10 +1778,10 @@ function Kt(s) {
     handleOpen: d,
     handleClose: c,
     handleStartDrag: v,
-    handleInsert: w,
+    handleInsert: b,
     isActiveForNode: y,
-    syncNodePorts: x,
-    attachRuntime: H,
+    syncNodePorts: E,
+    attachRuntime: F,
     cleanup: K
   };
 }
@@ -1797,7 +1822,7 @@ function Qt(s) {
     if (t) {
       const c = t.getCellById(y);
       if (c?.isNode()) {
-        const v = c.getPorts().find((w) => w.group === d);
+        const v = c.getPorts().find((b) => b.group === d);
         if (v?.id) return v.id;
       }
     }
@@ -1807,45 +1832,45 @@ function Qt(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 += Yt) {
-      const w = y.getPointAtLength(v);
-      d.push({ x: w.x, y: w.y });
+      const b = y.getPointAtLength(v);
+      d.push({ x: b.x, y: b.y });
     }
     const c = y.getPointAtLength(f);
     return d.push({ x: c.x, y: c.y }), d;
   }
   function m(y, f, d) {
     if (!t) return null;
-    const c = a.value, v = c.bufferMargin, w = {
+    const c = a.value, v = c.bufferMargin, b = {
       x: y.x + v,
       y: y.y + v,
       width: Math.max(0, y.width - v * 2),
       height: Math.max(0, y.height - v * 2)
     };
-    if (w.width <= 0 || w.height <= 0) return null;
-    const x = w.x + w.width, H = w.y + w.height;
+    if (b.width <= 0 || b.height <= 0) return null;
+    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 b of t.getEdges()) {
-      const P = f.edges[b.id];
+    for (const w of t.getEdges()) {
+      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 G = t.findViewByCell(b);
-      if (!G) continue;
-      const Y = G.findOne?.("path");
+      const H = t.findViewByCell(w);
+      if (!H) continue;
+      const Y = H.findOne?.("path");
       if (!Y || typeof Y.getTotalLength != "function") continue;
-      const X = E(Y);
+      const X = x(Y);
       if (!X.length) continue;
       let ee = !1, Q = 1 / 0;
       for (const oe of X)
-        if (oe.x >= w.x && oe.x <= x && oe.y >= w.y && oe.y <= H) {
+        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 && (!K || Q < K.distSq) && (K = { edgeId: b.id, edge: P, distSq: Q });
+      ee && (!K || Q < K.distSq) && (K = { edgeId: w.id, edge: P, distSq: Q });
     }
     return K ? { edgeId: K.edgeId, edge: K.edge } : null;
   }
@@ -1887,13 +1912,13 @@ function Qt(s) {
       }
       y = !0, n === null && (n = requestAnimationFrame(() => {
         if (n = null, !t) return;
-        const d = f.getBoundingClientRect(), c = t.clientToLocal(d.left, d.top), v = t.clientToLocal(d.right, d.bottom), w = {
+        const d = f.getBoundingClientRect(), c = t.clientToLocal(d.left, d.top), v = t.clientToLocal(d.right, d.bottom), b = {
           x: c.x,
           y: c.y,
           width: v.x - c.x,
           height: v.y - c.y
         };
-        C(w);
+        C(b);
       }));
     }, document.addEventListener("mousemove", l), r.push(() => {
       l && (document.removeEventListener("mousemove", l), l = null);
@@ -1908,14 +1933,14 @@ function Qt(s) {
     o = null, p();
     const d = e.flowModel.value, c = d.edges[f];
     if (!c) return y;
-    const v = y.commands.find((G) => G.type === "node.add" || G.type === "node.move");
+    const v = y.commands.find((H) => H.type === "node.add" || H.type === "node.move");
     if (!v) return y;
-    const w = 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 H = a.value;
-    if (H.isNodeInsertable && !H.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 K = g(w, x, H.incomingPortGroup), k = g(w, x, H.outgoingPortGroup), L = e.idGenerator("edge"), b = e.idGenerator("edge"), P = [
+    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",
@@ -1923,15 +1948,15 @@ function Qt(s) {
           id: L,
           type: c.type,
           source: { nodeId: c.source.nodeId, portId: c.source.portId },
-          target: { nodeId: w, portId: K }
+          target: { nodeId: b, portId: K }
         }
       },
       {
         type: "edge.add",
         edge: {
-          id: b,
+          id: w,
           type: c.type,
-          source: { nodeId: w, portId: k },
+          source: { nodeId: b, portId: k },
           target: { nodeId: c.target.nodeId, portId: c.target.portId }
         }
       }
@@ -1949,7 +1974,7 @@ function Qt(s) {
     };
     f("node:move", R), f("node:change:position", A), f("node:moved", B), V();
   }
-  function _() {
+  function D() {
     O();
     for (const y of r) y();
     r.length = 0, t = null, M = !0;
@@ -1957,7 +1982,7 @@ function Qt(s) {
   return {
     attachRuntime: z,
     tryExpandForEdgeDrop: W,
-    cleanup: _
+    cleanup: D
   };
 }
 function Jt(s) {
@@ -2091,11 +2116,11 @@ const oo = { class: "flow-canvas-node-actions__bar" }, no = /* @__PURE__ */ ge({
   emits: ["action"],
   setup(s, { emit: e }) {
     const t = s, o = j(() => {
-      const p = t.actionsOffset?.x ?? 0, g = t.actionsOffset?.y ?? 0, E = p !== 0 || g !== 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(${p}px, ${g}px)` : "translateX(-100%)"
+        transform: x ? `translate(${p}px, ${g}px)` : "translateX(-100%)"
       };
     }), n = e, i = j(() => ({
       debug: {
@@ -2118,7 +2143,7 @@ const oo = { class: "flow-canvas-node-actions__bar" }, no = /* @__PURE__ */ ge({
         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;
@@ -2130,61 +2155,61 @@ const oo = { class: "flow-canvas-node-actions__bar" }, no = /* @__PURE__ */ ge({
     }
     return Me(() => {
       a && clearTimeout(a);
-    }), (p, g) => (D(), T("div", {
+    }), (p, g) => (_(), T("div", {
       class: "flow-canvas-node-actions",
-      style: be(o.value)
+      style: we(o.value)
     }, [
-      F("div", oo, [
-        i.value.debug.visible ? (D(), T("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: g[0] || (g[0] = (E) => !i.value.debug.disabled && n("action", "debug", s.node.id))
+          onClick: g[0] || (g[0] = (x) => !i.value.debug.disabled && n("action", "debug", s.node.id))
         }, null, 2)) : Z("", !0),
-        i.value.delete.visible ? (D(), T("i", {
+        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: g[1] || (g[1] = (E) => !i.value.delete.disabled && n("action", "delete", s.node.id))
+          onClick: g[1] || (g[1] = (x) => !i.value.delete.disabled && n("action", "delete", s.node.id))
         }, null, 2)) : Z("", !0),
-        r.value ? (D(), T("div", {
+        r.value ? (_(), T("div", {
           key: 2,
           class: "flow-canvas-node-actions__more-wrapper",
           onMouseenter: h,
           onMouseleave: u
         }, [...g[5] || (g[5] = [
-          F("i", { class: "flow-canvas-icon canvas-gengduo flow-canvas-node-actions__icon" }, null, -1)
+          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: $e(() => [
-          l.value && r.value ? (D(), T("div", {
+          l.value && r.value ? (_(), T("div", {
             key: 0,
             class: "flow-canvas-node-actions__dropdown",
             onMouseenter: h,
             onMouseleave: u
           }, [
-            i.value.copy.visible ? (D(), T("div", {
+            i.value.copy.visible ? (_(), T("div", {
               key: 0,
               class: se(["flow-canvas-node-actions__dropdown-item", { "is-disabled": i.value.copy.disabled }]),
-              onClick: g[2] || (g[2] = (E) => !i.value.copy.disabled && n("action", "copy", s.node.id))
+              onClick: g[2] || (g[2] = (x) => !i.value.copy.disabled && n("action", "copy", s.node.id))
             }, [...g[6] || (g[6] = [
-              F("i", { class: "flow-canvas-icon canvas-copy-fuzhi-2" }, null, -1),
-              F("span", null, "复制", -1)
+              q("i", { class: "flow-canvas-icon canvas-copy-fuzhi-2" }, null, -1),
+              q("span", null, "复制", -1)
             ])], 2)) : Z("", !0),
-            i.value.copyInsert.visible ? (D(), T("div", {
+            i.value.copyInsert.visible ? (_(), T("div", {
               key: 1,
               class: se(["flow-canvas-node-actions__dropdown-item", { "is-disabled": i.value.copyInsert.disabled }]),
-              onClick: g[3] || (g[3] = (E) => !i.value.copyInsert.disabled && n("action", "copy-insert", s.node.id))
+              onClick: g[3] || (g[3] = (x) => !i.value.copyInsert.disabled && n("action", "copy-insert", s.node.id))
             }, [...g[7] || (g[7] = [
-              F("i", { class: "flow-canvas-icon canvas-fuzhibingcharu" }, null, -1),
-              F("span", null, "复制并插入", -1)
+              q("i", { class: "flow-canvas-icon canvas-fuzhibingcharu" }, null, -1),
+              q("span", null, "复制并插入", -1)
             ])], 2)) : Z("", !0),
-            i.value.disconnect.visible ? (D(), T("div", {
+            i.value.disconnect.visible ? (_(), T("div", {
               key: 2,
               class: se(["flow-canvas-node-actions__dropdown-item", { "is-disabled": i.value.disconnect.disabled }]),
-              onClick: g[4] || (g[4] = (E) => !i.value.disconnect.disabled && n("action", "disconnect", s.node.id))
+              onClick: g[4] || (g[4] = (x) => !i.value.disconnect.disabled && n("action", "disconnect", s.node.id))
             }, [...g[8] || (g[8] = [
-              F("i", { class: "flow-canvas-icon canvas-unlock-jiebang" }, null, -1),
-              F("span", null, "断开连线", -1)
+              q("i", { class: "flow-canvas-icon canvas-unlock-jiebang" }, null, -1),
+              q("span", null, "断开连线", -1)
             ])], 2)) : Z("", !0)
           ], 32)) : Z("", !0)
         ]),
@@ -2208,21 +2233,21 @@ const oo = { class: "flow-canvas-node-actions__bar" }, no = /* @__PURE__ */ ge({
   },
   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);
+    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", E), document.addEventListener("mouseup", m);
+      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 _ = z.clientX - h.x, y = z.clientY - h.y;
-      Math.sqrt(_ * _ + y * y) >= ro && (u = !0, C(), 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() {
       C(), u || M(), h = null, u = !1;
     }
     function C() {
-      document.removeEventListener("mousemove", E), document.removeEventListener("mouseup", m);
+      document.removeEventListener("mousemove", x), document.removeEventListener("mouseup", m);
     }
     function M() {
       a.value ? A() : R();
@@ -2236,8 +2261,8 @@ const oo = { class: "flow-canvas-node-actions__bar" }, no = /* @__PURE__ */ ge({
       a.value = !1, n("close"), document.removeEventListener("mousedown", B);
     }
     function B(z) {
-      const _ = z.target;
-      i.value?.contains(_) || r.value?.contains(_) || A();
+      const D = z.target;
+      i.value?.contains(D) || r.value?.contains(D) || A();
     }
     function V() {
       a.value || n("mouseleave");
@@ -2252,37 +2277,37 @@ const oo = { class: "flow-canvas-node-actions__bar" }, no = /* @__PURE__ */ ge({
     }
     return Me(() => {
       C(), p && clearTimeout(p), document.removeEventListener("mousedown", B);
-    }), e({ closePopover: A }), (z, _) => (D(), T("div", {
+    }), e({ closePopover: A }), (z, D) => (_(), T("div", {
       class: "flow-canvas-quick-add",
-      style: be({ left: `${s.portPosition.x}px`, top: `${s.portPosition.y}px` }),
-      onMouseenter: _[2] || (_[2] = (y) => n("mouseenter")),
+      style: we({ left: `${s.portPosition.x}px`, top: `${s.portPosition.y}px` }),
+      onMouseenter: D[2] || (D[2] = (y) => n("mouseenter")),
       onMouseleave: V,
-      onClick: _[3] || (_[3] = at(() => {
+      onClick: D[3] || (D[3] = at(() => {
       }, ["stop"]))
     }, [
-      F("div", {
+      q("div", {
         ref_key: "btnRef",
         ref: i,
         class: se(["flow-canvas-quick-add__btn", { "is-hovered": l.value, "is-active": a.value }]),
-        onMouseenter: _[0] || (_[0] = (y) => l.value = !0),
-        onMouseleave: _[1] || (_[1] = (y) => l.value = !1),
+        onMouseenter: D[0] || (D[0] = (y) => l.value = !0),
+        onMouseleave: D[1] || (D[1] = (y) => l.value = !1),
         onMousedown: g
-      }, [..._[4] || (_[4] = [
-        F("i", { class: "flow-canvas-icon canvas-zoom-add" }, null, -1)
+      }, [...D[4] || (D[4] = [
+        q("i", { class: "flow-canvas-icon canvas-zoom-add" }, null, -1)
       ])], 34),
-      l.value && !a.value ? (D(), T("div", io, [..._[5] || (_[5] = [
-        F("div", null, [
-          F("b", null, "点击"),
-          Ge(" 添加节点")
+      l.value && !a.value ? (_(), T("div", io, [...D[5] || (D[5] = [
+        q("div", null, [
+          q("b", null, "点击"),
+          He(" 添加节点")
         ], -1),
-        F("div", null, [
-          F("b", null, "拖拽"),
-          Ge(" 连接节点")
+        q("div", null, [
+          q("b", null, "拖拽"),
+          He(" 连接节点")
         ], -1)
       ])])) : Z("", !0),
       et(tt, { name: "flow-canvas-fade" }, {
         default: $e(() => [
-          a.value ? (D(), T("div", {
+          a.value ? (_(), T("div", {
             key: 0,
             ref_key: "popoverRef",
             ref: r,
@@ -2291,7 +2316,7 @@ const oo = { class: "flow-canvas-node-actions__bar" }, no = /* @__PURE__ */ ge({
             onMouseleave: W
           }, [
             Ie(z.$slots, "default", {}, () => [
-              _[6] || (_[6] = F("div", { class: "flow-canvas-quick-add__default-content" }, "节点快捷操作面板", -1))
+              D[6] || (D[6] = q("div", { class: "flow-canvas-quick-add__default-content" }, "节点快捷操作面板", -1))
             ], !0)
           ], 544)) : Z("", !0)
         ]),
@@ -2312,12 +2337,12 @@ const oo = { class: "flow-canvas-node-actions__bar" }, no = /* @__PURE__ */ ge({
       top: `${t.position.y}px`,
       transform: "translateX(-100%)"
     }));
-    return (i, r) => (D(), T("div", {
+    return (i, r) => (_(), T("div", {
       class: "flow-canvas-selection-actions",
-      style: be(n.value)
+      style: we(n.value)
     }, [
-      F("div", co, [
-        F("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)
@@ -2337,9 +2362,9 @@ const oo = { class: "flow-canvas-node-actions__bar" }, no = /* @__PURE__ */ ge({
   },
   emits: ["ui-event"],
   setup(s, { emit: e }) {
-    const t = s, o = e, n = q(), i = q();
-    let r, l, a, h, u = null, p = null, g = null, E = null;
-    const m = Wt(), { hoveredNodeId: C, isDraggingNode: M } = m, R = m.enterOverlay, A = () => m.leaveOverlay(), B = q(0), V = q({ nodeIds: [], edgeIds: [] });
+    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[S.type]?.getBehavior?.(S, {
@@ -2357,7 +2382,7 @@ const oo = { class: "flow-canvas-node-actions__bar" }, no = /* @__PURE__ */ ge({
       showDisconnect: !0,
       insertGap: 100,
       ...t.nodeActions
-    })), _ = j(
+    })), D = j(
       () => {
         if (B.value, !t.editor.api.value) return [];
         const S = t.editor.flowModel.value, I = t.editor.api.value.overlay, N = [];
@@ -2400,7 +2425,7 @@ const oo = { class: "flow-canvas-node-actions__bar" }, no = /* @__PURE__ */ ge({
         position: { x: I.x + I.width, y: I.y + I.height + 4 },
         canDelete: N.nodeIds.length > 0 || N.edgeIds.length > 0
       };
-    }), d = q(), c = Kt({
+    }), d = G(), c = Kt({
       editor: t.editor,
       quickAddProp: j(() => t.quickAdd),
       isDraggingNode: M,
@@ -2410,11 +2435,11 @@ const oo = { class: "flow-canvas-node-actions__bar" }, no = /* @__PURE__ */ ge({
       getNodeBehavior: O,
       getInsertGap: () => z.value.insertGap,
       closePopover: () => d.value?.closePopover()
-    }), v = c.data, w = c.handleOpen, x = c.handleClose, H = c.handleStartDrag, K = c.handleOverlayEnter, k = c.handleOverlayLeave, L = c.handleInsert, b = Qt({
+    }), 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)
     }), P = Jt(t.editor);
-    function G(S, I) {
+    function H(S, I) {
       P.handleNodeAction(S, I, z.value.insertGap) && (C.value = null);
     }
     function Y(S) {
@@ -2510,9 +2535,9 @@ const oo = { class: "flow-canvas-node-actions__bar" }, no = /* @__PURE__ */ ge({
           return;
         }
         m.leave(180), c.quickAddPopoverOpen.value || c.leave();
-      }, n.value?.addEventListener("mousemove", g), 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", X);
+      }, n.value?.addEventListener("mouseleave", x), n.value?.addEventListener("keydown", X);
     }
     function ne() {
       he(
@@ -2567,7 +2592,7 @@ const oo = { class: "flow-canvas-node-actions__bar" }, no = /* @__PURE__ */ ge({
           }
         },
         ...I
-      }), a = new Ht(), l = new Bt(
+      }), a = new Ft(), l = new Bt(
         r,
         t.editor.schema,
         a,
@@ -2580,10 +2605,10 @@ const oo = { class: "flow-canvas-node-actions__bar" }, no = /* @__PURE__ */ ge({
           mode: t.editor.mode.value
         } : null
       );
-      const N = qt(r), U = jt({
+      const N = Gt(r), U = jt({
         graph: r,
         overlayManager: N,
-        executeCommand: ($) => t.editor.executeCommand(b.tryExpandForEdgeDrop($)),
+        executeCommand: ($) => t.editor.executeCommand(w.tryExpandForEdgeDrop($)),
         schema: t.editor.schema,
         flowModel: t.editor.flowModel,
         getNodeBehavior: O,
@@ -2624,14 +2649,14 @@ const oo = { class: "flow-canvas-node-actions__bar" }, no = /* @__PURE__ */ ge({
       const de = t.editor._pluginManager.collectExtendedApi();
       Object.assign(t.editor.extendedApi, de), t.editor._emitUiEvent = ($) => {
         t.editor._pluginManager.dispatchUiEvent($), o("ui-event", $);
-      }, h = new Gt(
+      }, h = new Ht(
         r,
         ($) => {
           ($.type === "node.click" || $.type === "node.dblclick" || $.type === "node.contextmenu") && m.enter($.nodeId), t.editor._emitUiEvent($);
         },
         ($) => {
           if (l.isSyncing) return;
-          const re = b.tryExpandForEdgeDrop($);
+          const re = w.tryExpandForEdgeDrop($);
           if (t.editor.executeCommand(re).status !== "applied") {
             for (const ye of re.commands)
               if (ye.type === "edge.add") {
@@ -2644,7 +2669,7 @@ const oo = { class: "flow-canvas-node-actions__bar" }, no = /* @__PURE__ */ ge({
         t.editor.idGenerator
       ), u = Vt(r);
       const J = Xt(r);
-      c.attachRuntime(r, ($) => J.hideNodePorts($)), b.attachRuntime(r), Q(J), oe(J);
+      c.attachRuntime(r, ($) => J.hideNodePorts($)), w.attachRuntime(r), Q(J), oe(J);
       let Ae = /* @__PURE__ */ new Set();
       r.on("selection:changed", () => {
         const $ = it(r.getSelectedCells?.() ?? []);
@@ -2665,36 +2690,36 @@ const oo = { class: "flow-canvas-node-actions__bar" }, no = /* @__PURE__ */ ge({
       };
       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(), b.cleanup(), u?.remove(), p && r?.container?.removeEventListener("mousemove", p), g && n.value?.removeEventListener("mousemove", g), E && n.value?.removeEventListener("mouseleave", E), n.value?.removeEventListener("keydown", X), t.editor._pluginManager.detachRuntime(), t.editor.api.value = null;
+      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();
-    }), (S, I) => (D(), T("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"
     }, [
-      F("div", {
+      q("div", {
         ref_key: "containerRef",
         ref: i,
         class: "flow-canvas-runtime-core__graph"
       }, null, 512),
-      F("div", go, [
-        (D(!0), T(pe, null, Ee(_.value, (N) => (D(), T("div", {
+      q("div", go, [
+        (_(!0), T(pe, null, xe(D.value, (N) => (_(), T("div", {
           key: `badge-${N.nodeId}`,
           class: "flow-canvas-runtime-core__badge",
-          style: be({ left: `${N.x}px`, top: `${N.y}px`, backgroundColor: N.badge.color })
+          style: we({ left: `${N.x}px`, top: `${N.y}px`, backgroundColor: N.badge.color })
         }, ue(N.badge.text), 5))), 128)),
-        le(v) ? (D(), we(lo, {
+        le(v) ? (_(), be(lo, {
           key: 0,
           ref_key: "quickAddPopoverRef",
           ref: d,
           node: le(v).node,
           "port-position": le(v).portPosition,
-          onOpen: le(w),
-          onClose: le(x),
-          onStartDrag: le(H),
+          onOpen: le(b),
+          onClose: le(E),
+          onStartDrag: le(F),
           onMouseenter: le(K),
           onMouseleave: le(k)
         }, {
@@ -2708,18 +2733,18 @@ const oo = { class: "flow-canvas-node-actions__bar" }, no = /* @__PURE__ */ ge({
           ]),
           _: 3
         }, 8, ["node", "port-position", "onOpen", "onClose", "onStartDrag", "onMouseenter", "onMouseleave"])) : Z("", !0),
-        y.value ? (D(), we(so, {
+        y.value ? (_(), be(so, {
           key: 1,
           node: y.value.node,
           position: y.value.position,
           config: z.value,
           behavior: y.value.behavior,
           "actions-offset": y.value.behavior.actionsOffset,
-          onAction: G,
+          onAction: H,
           onMouseenter: le(R),
           onMouseleave: A
         }, null, 8, ["node", "position", "config", "behavior", "actions-offset", "onMouseenter"])) : Z("", !0),
-        f.value ? (D(), we(fo, {
+        f.value ? (_(), be(fo, {
           key: 2,
           position: f.value.position,
           "can-delete": f.value.canDelete,
@@ -2735,7 +2760,7 @@ const oo = { class: "flow-canvas-node-actions__bar" }, no = /* @__PURE__ */ ge({
     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)
     })));
@@ -2760,27 +2785,27 @@ const oo = { class: "flow-canvas-node-actions__bar" }, no = /* @__PURE__ */ ge({
         });
       },
       { flush: "post" }
-    ), (n, i) => (D(), T("div", ho, [
-      F("div", {
+    ), (n, i) => (_(), T("div", ho, [
+      q("div", {
         ref_key: "listRef",
         ref: t,
         class: "flow-canvas-node-palette__list"
       }, [
-        (D(!0), T(pe, null, Ee(o.value, (r) => (D(), T("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(), T("i", {
+          r.icon ? (_(), T("i", {
             key: 0,
             class: se([r.icon, "flow-canvas-node-palette__item-icon"])
           }, null, 2)) : Z("", !0),
-          F("span", yo, ue(r.label), 1)
+          q("span", yo, ue(r.label), 1)
         ], 8, vo))), 128))
       ], 512)
     ]));
   }
-}), bo = /* @__PURE__ */ ve(mo, [["__scopeId", "data-v-300314b7"]]), wo = { class: "flow-canvas-layout" }, Eo = { class: "flow-canvas-layout__main" }, xo = { class: "flow-canvas-layout__content" }, Io = {
+}), 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"
 }, Co = /* @__PURE__ */ ge({
@@ -2795,25 +2820,25 @@ const oo = { class: "flow-canvas-node-actions__bar" }, no = /* @__PURE__ */ ge({
   },
   emits: ["update:sidebarCollapsed"],
   setup(s) {
-    return (e, t) => (D(), T("div", wo, [
-      !s.hideSidebar && (e.$slots.sidebar || s.editor) ? (D(), T("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: be({ width: s.sidebarCollapsed ? "0px" : `${s.sidebarWidth}px` })
+        style: we({ width: s.sidebarCollapsed ? "0px" : `${s.sidebarWidth}px` })
       }, [
         Ie(e.$slots, "sidebar", {}, () => [
-          s.editor ? (D(), we(bo, {
+          s.editor ? (_(), be(wo, {
             key: 0,
             editor: s.editor,
             items: s.paletteItems
           }, null, 8, ["editor", "items"])) : Z("", !0)
         ], !0)
       ], 6)) : Z("", !0),
-      F("div", Eo, [
-        F("div", xo, [
+      q("div", xo, [
+        q("div", Eo, [
           Ie(e.$slots, "default", {}, void 0, !0)
         ]),
-        !s.hideFooter && e.$slots.footer ? (D(), T("div", Io, [
+        !s.hideFooter && e.$slots.footer ? (_(), T("div", Io, [
           Ie(e.$slots, "footer", {}, void 0, !0)
         ])) : Z("", !0)
       ])
@@ -2897,10 +2922,10 @@ function So(s) {
     (a) => !t.has(a.type)
   ), ...i, ...r];
 }
-const Mo = { class: "flow-canvas-toolbar" }, _o = {
+const Mo = { class: "flow-canvas-toolbar" }, Do = {
   key: 0,
   class: "flow-canvas-toolbar__separator"
-}, No = { class: "flow-canvas-toolbar__group" }, Do = {
+}, No = { class: "flow-canvas-toolbar__group" }, _o = {
   key: 0,
   class: "flow-canvas-toolbar__zoom-display"
 }, Ao = ["data-toolbar-id", "data-toolbar-type", "disabled", "onClick", "onMouseenter"], Po = ["textContent"], To = {
@@ -2932,15 +2957,15 @@ const Mo = { class: "flow-canvas-toolbar" }, _o = {
     }
     const i = s, r = j(() => {
       if (i.items) return i.items;
-      const d = So({ include: i.include }), c = i.editor.toolbarItems.value, v = new Set(i.exclude ?? []), w = /* @__PURE__ */ new Map();
-      for (const x of d)
-        w.set(x.id, x);
-      for (const x of c) {
-        const H = w.get(x.id);
-        H ? w.set(x.id, { ...H, ...x, order: H.order, group: H.group }) : o(x) && w.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 [...w.values()].filter((x) => x.type === "custom" || !e.has(x.type) ? !0 : !v.has(x.type)).sort((x, H) => (x.order ?? 0) - (H.order ?? 0));
-    }), l = q(1), a = q(null), h = q(null), u = q(!1);
+      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,
@@ -2952,12 +2977,12 @@ const Mo = { class: "flow-canvas-toolbar" }, _o = {
       { immediate: !0 }
     );
     const g = lt({ visible: !1, text: "", shortcut: [], x: 0, y: 0 });
-    function E(d, c) {
+    function x(d, c) {
       if (!c.description) return;
-      const w = d.currentTarget.getBoundingClientRect();
+      const b = d.currentTarget.getBoundingClientRect();
       g.text = c.description, g.shortcut = c.shortcut ?? [], g.visible = !0, Le(() => {
-        const x = a.value?.offsetWidth ?? 0, H = a.value?.offsetHeight ?? 0;
-        g.x = w.left + w.width / 2 - x / 2, g.y = w.top - H - 6;
+        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() {
@@ -3006,7 +3031,7 @@ const Mo = { class: "flow-canvas-toolbar" }, _o = {
         for (const c of y.value)
           !n(c.type) || c.id === d.id || W(c);
     }
-    function _(d) {
+    function D(d) {
       if (!M.value || O(d)) return;
       if (n(d.type) && (h.value = d.type, z(d)), d.onClick) {
         d.onClick(M.value);
@@ -3035,8 +3060,8 @@ const Mo = { class: "flow-canvas-toolbar" }, _o = {
         case "export":
           if (u.value) break;
           u.value = !0, c.exportAsImage().then((v) => {
-            const w = URL.createObjectURL(v), x = document.createElement("a");
-            x.href = w, x.download = "canvas-export.png", x.click(), URL.revokeObjectURL(w);
+            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(() => {
@@ -3061,60 +3086,60 @@ const Mo = { class: "flow-canvas-toolbar" }, _o = {
     const y = j(() => r.value.filter(R)), f = j(() => {
       const d = /* @__PURE__ */ new Map(), c = [];
       for (const v of y.value) {
-        const w = v.group ?? "default";
-        d.has(w) || (d.set(w, []), c.push(w)), d.get(w).push(v);
+        const b = v.group ?? "default";
+        d.has(b) || (d.set(b, []), c.push(b)), d.get(b).push(v);
       }
       return c.map((v) => ({ name: v, items: d.get(v) })).filter((v) => v.items.length > 0);
     });
-    return (d, c) => (D(), T("div", Mo, [
-      (D(!0), T(pe, null, Ee(f.value, (v, w) => (D(), T(pe, {
+    return (d, c) => (_(), T("div", Mo, [
+      (_(!0), T(pe, null, xe(f.value, (v, b) => (_(), T(pe, {
         key: v.name
       }, [
-        w > 0 ? (D(), T("div", _o)) : Z("", !0),
-        F("div", No, [
-          (D(!0), T(pe, null, Ee(v.items, (x) => (D(), T(pe, {
-            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(), T("span", Do, ue(C.value), 1)) : (D(), T("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": V(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: (H) => _(x),
-              onMouseenter: (H) => E(H, 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(), we(dt(x.component), { key: 0 })) : x.icon ? (D(), T("i", {
+              E.component ? (_(), be(dt(E.component), { key: 0 })) : E.icon ? (_(), T("i", {
                 key: 1,
-                class: se(x.icon)
-              }, null, 2)) : (D(), T("span", {
+                class: se(E.icon)
+              }, null, 2)) : (_(), T("span", {
                 key: 2,
                 class: "flow-canvas-toolbar__text",
-                textContent: ue(x.text ?? x.description ?? x.id)
+                textContent: ue(E.text ?? E.description ?? E.id)
               }, null, 8, Po))
             ], 42, Ao))
           ], 64))), 128))
         ])
       ], 64))), 128)),
-      (D(), we(ct, { to: "body" }, [
-        g.visible ? (D(), T("div", {
+      (_(), be(ct, { to: "body" }, [
+        g.visible ? (_(), T("div", {
           key: 0,
           ref_key: "tooltipRef",
           ref: a,
           class: "flow-canvas-toolbar-tooltip",
-          style: be({ left: `${g.x}px`, top: `${g.y}px` })
+          style: we({ left: `${g.x}px`, top: `${g.y}px` })
         }, [
-          F("span", null, ue(g.text), 1),
-          g.shortcut.length ? (D(), T("kbd", To, [
-            (D(!0), T(pe, null, Ee(g.shortcut, (v, w) => (D(), T("span", { key: w }, ue(v), 1))), 128))
+          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] = F("div", { class: "flow-canvas-toolbar-tooltip__arrow" }, null, -1))
+          c[0] || (c[0] = q("div", { class: "flow-canvas-toolbar-tooltip__arrow" }, null, -1))
         ], 4)) : Z("", !0)
       ]))
     ]));
@@ -3144,24 +3169,24 @@ const Mo = { class: "flow-canvas-toolbar" }, _o = {
       const u = o.value?.type ?? "";
       return r.has(u) ? "endpoint" : l.has(u) ? "gateway" : "task";
     }), h = j(() => i[o.value?.type ?? ""] ?? "");
-    return (u, p) => (D(), T("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(), T(pe, { key: 0 }, [
-        h.value ? (D(), T("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)) : Z("", !0),
-        F("span", Lo, ue(n.value), 1)
-      ], 64)) : a.value === "gateway" ? (D(), T("div", Oo, [
-        h.value ? (D(), T("i", {
+        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)) : Z("", !0)
-      ])) : (D(), T("span", $o, ue(n.value), 1))
+      ])) : (_(), T("span", $o, ue(n.value), 1))
     ], 2));
   }
-}), Ho = /* @__PURE__ */ ve(Bo, [["__scopeId", "data-v-f0e24a9f"]]), Go = {
+}), 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 },
@@ -3189,7 +3214,7 @@ function Ye() {
     }
   };
 }
-function qo() {
+function Go() {
   return {
     manhattan: {
       router: { name: "manhattan", args: { padding: 10, maxDirectionChange: 90 } },
@@ -3204,12 +3229,12 @@ function qo() {
     }
   };
 }
-function bn(s) {
-  const e = s?.nodeTypes ?? Go, 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: Ho,
+      component: Fo,
       getSize: () => ({ width: a, height: h }),
       getPorts: () => st()
     }, o.push({
@@ -3219,7 +3244,7 @@ function bn(s) {
     });
   }
   const n = {
-    ...qo(),
+    ...Go(),
     ...s?.edgeTypes
   }, i = s?.defaultEdgeType ?? "manhattan";
   return {
@@ -3227,7 +3252,7 @@ function bn(s) {
     paletteItems: o
   };
 }
-function wn(s) {
+function bn(s) {
   return {
     name: "connection-validator",
     priority: 10,
@@ -3241,13 +3266,13 @@ function wn(s) {
         if (!l || !a) continue;
         const h = r.nodes[l], u = r.nodes[a];
         if (!h || !u) continue;
-        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, E = 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(
+        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: M
         });
@@ -3262,7 +3287,7 @@ function wn(s) {
     }
   };
 }
-function En(s) {
+function xn(s) {
   const { rubberband: e = !0, multiple: t = !0, movable: o = !0 } = s ?? {};
   return {
     name: "selection",
@@ -3282,7 +3307,7 @@ function En(s) {
     }
   };
 }
-function xn(s) {
+function En(s) {
   const { tolerance: e = 10, color: t = "#3a84ff" } = s ?? {};
   let o = null;
   return {
@@ -3303,7 +3328,7 @@ function xn(s) {
     }
   };
 }
-const Fo = { class: "flow-canvas-search-popover__input" }, Uo = ["value", "placeholder"], zo = ["onMouseenter", "onClick"], jo = { class: "flow-canvas-search-popover__item-label" }, Wo = {
+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"
 }, Vo = {
@@ -3322,7 +3347,7 @@ const Fo = { class: "flow-canvas-search-popover__input" }, Uo = ["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);
+    const t = s, o = e, n = G(null), i = G(null), r = G(-1);
     he(
       () => t.open,
       (m) => {
@@ -3380,25 +3405,25 @@ const Fo = { class: "flow-canvas-search-popover__input" }, Uo = ["value", "place
       }
       m.key === "Enter" && (m.preventDefault(), p());
     }
-    function E(m) {
+    function x(m) {
       if (!t.open) return;
       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, C) => s.open ? (D(), T("div", {
+      document.removeEventListener("mousedown", x);
+    }), (m, C) => s.open ? (_(), T("div", {
       key: 0,
       ref_key: "panelRef",
       ref: i,
       class: "flow-canvas-search-popover",
-      style: be({ left: `${s.position.x}px`, top: `${s.position.y}px`, width: `${s.position.width}px` })
+      style: we({ left: `${s.position.x}px`, top: `${s.position.y}px`, width: `${s.position.width}px` })
     }, [
-      F("div", Fo, [
-        C[1] || (C[1] = F("i", { class: "flow-canvas-icon canvas-search" }, null, -1)),
-        F("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,
@@ -3406,32 +3431,32 @@ const Fo = { class: "flow-canvas-search-popover__input" }, Uo = ["value", "place
           onInput: l,
           onKeydown: g
         }, null, 40, Uo),
-        s.query ? (D(), T("button", {
+        s.query ? (_(), T("button", {
           key: 0,
           type: "button",
           class: "flow-canvas-search-popover__clear",
           "aria-label": "清空搜索",
           onClick: u
         }, [...C[0] || (C[0] = [
-          F("i", { class: "flow-canvas-icon canvas-close-circle-shape" }, null, -1)
+          q("i", { class: "flow-canvas-icon canvas-close-circle-shape" }, null, -1)
         ])])) : Z("", !0)
       ]),
-      s.results.length ? (D(), T("div", {
+      s.results.length ? (_(), T("div", {
         key: 0,
         class: "flow-canvas-search-popover__list",
         onMouseleave: h
       }, [
-        (D(!0), T(pe, null, Ee(s.results, (M, R) => (D(), T("button", {
+        (_(!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": R === r.value }]),
           onMouseenter: (A) => a(R),
           onClick: (A) => o("select", M.id)
         }, [
-          F("span", jo, ue(M.label), 1),
-          M.subtitle ? (D(), T("span", Wo, ue(M.subtitle), 1)) : Z("", !0)
+          q("span", jo, ue(M.label), 1),
+          M.subtitle ? (_(), T("span", Wo, ue(M.subtitle), 1)) : Z("", !0)
         ], 42, zo))), 128))
-      ], 32)) : (D(), T("div", Vo, ue(s.emptyText), 1))
+      ], 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;
@@ -3462,18 +3487,18 @@ function nn(s, e) {
 }
 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((_) => nn(_, s)).filter(en) : []), p = j(() => {
-    const _ = a.value.trim().toLowerCase(), y = Math.max(1, s?.maxResults ?? Yo);
-    return _ ? u.value.filter((f) => f.keywords.some((d) => d.toLowerCase().includes(_))).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 g() {
     return o?.querySelector('.flow-canvas-toolbar__btn[data-toolbar-type="search"]');
   }
-  function E() {
+  function x() {
     return g()?.closest(".flow-canvas-toolbar");
   }
   function m() {
-    const _ = E(), y = o?.getBoundingClientRect(), f = _?.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 = {
@@ -3483,19 +3508,19 @@ function In(s) {
     };
   }
   function C() {
-    r.forEach((_) => clearTimeout(_)), r = [], t?.api.clearHighlight();
+    r.forEach((D) => clearTimeout(D)), r = [], t?.api.clearHighlight();
   }
-  function M(_) {
+  function M(D) {
     C();
     const y = setTimeout(() => {
-      t?.api.highlightNodes([_]);
+      t?.api.highlightNodes([D]);
     }, Oe), f = setTimeout(() => {
       t?.api.clearHighlight(), r = [];
     }, Oe + Jo);
     r.push(y, f);
   }
-  function R(_) {
-    t && (t.api.scrollToNode(_), M(_));
+  function R(D) {
+    t && (t.api.scrollToNode(D), M(D));
   }
   function A() {
     t && (l.value = !0, m(), requestAnimationFrame(() => m()));
@@ -3510,9 +3535,9 @@ function In(s) {
     }
     A();
   }
-  function O(_) {
+  function O(D) {
     const y = g();
-    return !!(y && _ instanceof Node && y.contains(_));
+    return !!(y && D instanceof Node && y.contains(D));
   }
   function W() {
     l.value && m();
@@ -3528,8 +3553,8 @@ function In(s) {
         placeholder: s?.placeholder ?? "搜索节点名称",
         emptyText: s?.emptyText ?? "暂无匹配节点",
         isAnchorTarget: O,
-        "onUpdate:query": (_) => {
-          a.value = _;
+        "onUpdate:query": (D) => {
+          a.value = D;
         },
         onSelect: R,
         onClose: B
@@ -3539,11 +3564,11 @@ function In(s) {
   return {
     name: "search",
     priority: 90,
-    install(_) {
-      e = _;
+    install(D) {
+      e = D;
     },
-    attachRuntime(_) {
-      t = _, o = _.graph.container.closest(".flow-canvas-layout__content") ?? _.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);
+    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() {
       B(), C(), window.removeEventListener("resize", W), window.removeEventListener("scroll", W, !0), i?.unmount(), i = null, n?.remove(), n = null, o = null, t = null;
@@ -3582,8 +3607,8 @@ function ln(s) {
   let o = null, n = s.defaultOpen ?? !1, i = null;
   function r() {
     !s.onClickOutside || i || (i = (g) => {
-      const E = g.target;
-      E && e.contains(E) || g.target?.closest('[data-toolbar-type="minimap"]') || s.onClickOutside();
+      const x = g.target;
+      x && e.contains(x) || g.target?.closest('[data-toolbar-type="minimap"]') || s.onClickOutside();
     }, document.addEventListener("mousedown", i));
   }
   function l() {
@@ -3620,7 +3645,7 @@ function ln(s) {
 }
 function Cn(s) {
   let e = null;
-  const t = q(!1);
+  const t = G(!1);
   function o(i) {
     e?.setOpen(i), t.value = i;
   }
@@ -3727,25 +3752,25 @@ function kn() {
 export {
   fe as CanvasConstraintError,
   yn as CanvasLayout,
-  bo as CanvasNodePalette,
+  wo as CanvasNodePalette,
   vn as CanvasRuntime,
   yt as CanvasSchemaError,
   mn as CanvasToolbar,
-  Ho as DefaultNode,
+  Fo as DefaultNode,
   so as NodeActionsToolbar,
   lo as NodeQuickAddPopover,
   nt as applyCanvasCommand,
   kn as clipboardPlugin,
-  wn as connectionValidatorPlugin,
-  qo as createBuiltinEdgeTypes,
+  bn as connectionValidatorPlugin,
+  Go as createBuiltinEdgeTypes,
   At as createCanvasHistory,
-  bn as createDefaultSchema,
+  wn as createDefaultSchema,
   So as createDefaultToolbarItems,
   pn as createEmptyFlowModel,
   te as generateId,
   Cn as minimapPlugin,
   In as searchPlugin,
-  En as selectionPlugin,
-  xn as snaplinePlugin,
+  xn as selectionPlugin,
+  En as snaplinePlugin,
   hn as useCanvasEditor
 };