@blueking/flow-canvas 0.0.11 → 0.0.13

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import { ref as H, computed as V, onScopeDispose as it, defineComponent as fe, h as qe, watch as ge, onBeforeUnmount as Te, createElementBlock as T, openBlock as A, normalizeStyle as Ee, createElementVNode as q, createVNode as at, createCommentVNode as Y, normalizeClass as te, Transition as lt, withCtx as He, withModifiers as ht, createTextVNode as je, renderSlot as Me, nextTick as Ge, onMounted as dt, createBlock as Ie, Fragment as de, renderList as Ce, toDisplayString as ce, unref as re, reactive as vt, resolveDynamicComponent as mt, Teleport as yt, inject as wt, createApp as bt } from "vue";
+import { ref as H, computed as V, onScopeDispose as it, defineComponent as pe, h as qe, watch as he, onBeforeUnmount as Te, createElementBlock as T, openBlock as A, normalizeStyle as Ee, createElementVNode as F, createVNode as at, createCommentVNode as K, normalizeClass as oe, Transition as lt, withCtx as He, withModifiers as ht, createTextVNode as je, renderSlot as Me, nextTick as Ge, onMounted as dt, createBlock as Ie, Fragment as ue, renderList as Ce, toDisplayString as fe, unref as le, reactive as vt, resolveDynamicComponent as mt, Teleport as yt, inject as wt, createApp as bt } from "vue";
 import { Graph as Et } from "@antv/x6";
 import { register as xt } from "@antv/x6-vue-shape";
 import { Selection as It } from "@antv/x6-plugin-selection";
@@ -10,7 +10,7 @@ function Mn() {
     edges: {}
   };
 }
-class ue extends Error {
+class ge extends Error {
   constructor(e) {
     super(e), this.name = "CanvasConstraintError";
   }
@@ -65,25 +65,25 @@ function ct(n, e) {
     case "model.set-meta":
       return Bt(n, e.path, e.value);
     default:
-      throw new ue(`Unknown command type: ${e.type}`);
+      throw new ge(`Unknown command type: ${e.type}`);
   }
 }
 function Ne(n, e) {
   const o = n.nodes[e];
-  if (!o) throw new ue(`Node "${e}" does not exist`);
+  if (!o) throw new ge(`Node "${e}" does not exist`);
   return o;
 }
 function De(n, e) {
   const o = n.edges[e];
-  if (!o) throw new ue(`Edge "${e}" does not exist`);
+  if (!o) throw new ge(`Edge "${e}" does not exist`);
   return o;
 }
 function ke(n, e, o) {
   const t = n.nodes[e.nodeId];
   if (!t)
-    throw new ue(`${o} node "${e.nodeId}" does not exist`);
+    throw new ge(`${o} node "${e.nodeId}" does not exist`);
   if (e.portId && t.ports && !t.ports.some((r) => r.id === e.portId))
-    throw new ue(`${o} port "${e.portId}" not found on node "${e.nodeId}"`);
+    throw new ge(`${o} port "${e.portId}" not found on node "${e.nodeId}"`);
 }
 function Le(n, e, o) {
   return { ...n, nodes: { ...n.nodes, [e]: o } };
@@ -93,7 +93,7 @@ function Oe(n, e, o) {
 }
 function St(n, e) {
   if (n.nodes[e.id])
-    throw new ue(`Node id "${e.id}" already exists`);
+    throw new ge(`Node id "${e.id}" already exists`);
   return { ...n, nodes: { ...n.nodes, [e.id]: e } };
 }
 function Mt(n, e, o) {
@@ -121,12 +121,12 @@ function _t(n, e, o, t) {
 }
 function Pt(n, e) {
   if (n.edges[e.id])
-    throw new ue(`Edge id "${e.id}" already exists`);
+    throw new ge(`Edge id "${e.id}" already exists`);
   if (ke(n, e.source, "Source"), ke(n, e.target, "Target"), e.labels) {
     const o = /* @__PURE__ */ new Set();
     for (const t of e.labels) {
       if (o.has(t.id))
-        throw new ue(`Duplicate label id "${t.id}" in edge "${e.id}"`);
+        throw new ge(`Duplicate label id "${t.id}" in edge "${e.id}"`);
       o.add(t.id);
     }
   }
@@ -152,10 +152,10 @@ function Ot(n, e, o, t) {
 function $t(n, e, o, t) {
   const s = De(n, e);
   if (!s.labels)
-    throw new ue(`Edge "${e}" has no labels`);
+    throw new ge(`Edge "${e}" has no labels`);
   const r = s.labels.findIndex((l) => l.id === o);
   if (r === -1)
-    throw new ue(`Label "${o}" not found in edge "${e}"`);
+    throw new ge(`Label "${o}" not found in edge "${e}"`);
   const i = [...s.labels];
   return i[r] = { ...i[r], ...t, id: o }, Oe(n, e, { ...s, labels: i });
 }
@@ -168,7 +168,7 @@ function Ft(n, e) {
   function a() {
     i.value = s.length > 0, l.value = r.length > 0;
   }
-  function v(b) {
+  function h(b) {
     const S = t.value;
     let M = S;
     for (const B of b.commands)
@@ -217,7 +217,7 @@ function Ft(n, e) {
   }
   return {
     currentFlowModel: t,
-    execute: v,
+    execute: h,
     undo: f,
     redo: p,
     canUndo: i,
@@ -402,13 +402,13 @@ class Ht {
   }
 }
 let Gt = 0;
-function J() {
+function ee() {
   const n = Date.now().toString(36), e = Math.random().toString(36).substring(2, 8);
   return `${n}-${e}-${++Gt}`;
 }
-const ze = () => J();
+const ze = () => ee();
 function Nn(n) {
-  const { schema: e, plugins: o = [], historyOptions: t } = n, s = n.idGenerator ?? ze, r = { version: "1.0", ...n.initialFlowModel }, i = Ft(r, t), l = H(n.mode ?? "edit"), a = H(!1), v = H(null), f = H([]), p = {}, u = new Ht();
+  const { schema: e, plugins: o = [], historyOptions: t } = n, s = n.idGenerator ?? ze, r = { version: "1.0", ...n.initialFlowModel }, i = Ft(r, t), l = H(n.mode ?? "edit"), a = H(!1), h = H(null), f = H([]), p = {}, u = new Ht();
   function w(S, M, B, j = "user:toolbar") {
     const k = {
       id: `history-${Date.now()}`,
@@ -480,7 +480,7 @@ function Nn(n) {
     setSelectionMode(S) {
       a.value = S;
     },
-    api: v,
+    api: h,
     toolbarItems: f,
     extendedApi: p,
     _pluginManager: u,
@@ -522,7 +522,7 @@ function Nn(n) {
         source: B.source
       }), X;
     } catch (k) {
-      if (k instanceof ue) {
+      if (k instanceof ge) {
         const X = {
           status: "invalid",
           envelope: B,
@@ -714,8 +714,8 @@ class Wt {
     }
     const a = e.getPosition();
     (a.x !== t.position.x || a.y !== t.position.y) && e.setPosition(t.position.x, t.position.y);
-    const v = e.getSize();
-    (v.width !== s.width || v.height !== s.height) && e.setSize(s.width, s.height, { silent: !0 }), this.syncNodePorts(e, r), e.setData({ ...t }), this.applyNodeBehavior(e, t, i), this.applyNodeHighlightAndDecoration(e, t);
+    const h = e.getSize();
+    (h.width !== s.width || h.height !== s.height) && e.setSize(s.width, s.height, { silent: !0 }), this.syncNodePorts(e, r), e.setData({ ...t }), this.applyNodeBehavior(e, t, i), this.applyNodeHighlightAndDecoration(e, t);
   }
   syncNodePorts(e, o) {
     const t = e.getPorts(), s = new Set(o.map((i) => i.id)), r = new Set(t.map((i) => i.id));
@@ -765,8 +765,8 @@ class Wt {
       ...l.x6CellConfig
     };
     this.graph.addNode(a), this.knownNodeIds.add(e), this.saveNodeDefaultAttrs(e, l);
-    const v = this.graph.getCellById(e);
-    v && (this.applyNodeBehavior(v, t, l), this.applyNodeHighlightAndDecoration(v, t), this.scheduleDecorationRetryIfNeeded(v));
+    const h = this.graph.getCellById(e);
+    h && (this.applyNodeBehavior(h, t, l), this.applyNodeHighlightAndDecoration(h, t), this.scheduleDecorationRetryIfNeeded(h));
   }
   /**
    * Vue Shape 组件在 foreignObject 内异步挂载，addNewNode 同步调用
@@ -963,17 +963,17 @@ class Wt {
   applyEdgeStyleAndDecoration(e, o, t) {
     const s = this.highlightedEdgeIds.has(e.id), r = this.resolveEdgeDecoration?.(o), i = this.prevEdgeDecorationClasses.get(e.id);
     i && (this.graph.findViewByCell(e)?.container?.classList.remove(i), this.prevEdgeDecorationClasses.delete(e.id)), r?.className && (this.graph.findViewByCell(e)?.container?.classList.add(r.className), this.prevEdgeDecorationClasses.set(e.id, r.className));
-    let l, a, v;
+    let l, a, h;
     if (t?.style) {
       const O = this.graph.isSelected?.(e) ?? !1, b = this.hoveredEdgeId === e.id, S = t.style(o, { selected: O, highlighted: s, hovered: b });
-      l = S.stroke, a = S.strokeWidth, v = S.strokeDasharray;
+      l = S.stroke, a = S.strokeWidth, h = S.strokeDasharray;
     }
     const f = !t?.style && s ? "#3a84ff" : void 0, p = r?.strokeColor, u = r?.targetMarkerColor, w = p ?? l ?? f, D = !!t?.style || this.prevEdgeDecorationColors.has(e.id) || this.defaultHighlightedEdgeIds.has(e.id) || this.prevEdgeStyleIds.has(e.id);
-    w ? this.setEdgeAttrIfChanged(e, "line/stroke", w) : D && this.restoreEdgeAttr(e, "line/stroke", "stroke"), this.applyEdgeMarkerDecoration(e, t, "targetMarker", u), t?.style ? (this.prevEdgeStyleIds.add(e.id), a ? this.setEdgeAttrIfChanged(e, "line/strokeWidth", a) : this.restoreEdgeAttr(e, "line/strokeWidth", "strokeWidth"), v ? this.setEdgeAttrIfChanged(e, "line/strokeDasharray", v) : this.restoreEdgeAttr(e, "line/strokeDasharray", "strokeDasharray")) : this.prevEdgeStyleIds.has(e.id) && (this.restoreEdgeAttr(e, "line/strokeWidth", "strokeWidth"), this.restoreEdgeAttr(e, "line/strokeDasharray", "strokeDasharray"), this.prevEdgeStyleIds.delete(e.id)), p ? this.prevEdgeDecorationColors.add(e.id) : this.prevEdgeDecorationColors.delete(e.id), f ? this.defaultHighlightedEdgeIds.add(e.id) : this.defaultHighlightedEdgeIds.delete(e.id);
+    w ? this.setEdgeAttrIfChanged(e, "line/stroke", w) : D && this.restoreEdgeAttr(e, "line/stroke", "stroke"), this.applyEdgeMarkerDecoration(e, t, "targetMarker", u), t?.style ? (this.prevEdgeStyleIds.add(e.id), a ? this.setEdgeAttrIfChanged(e, "line/strokeWidth", a) : this.restoreEdgeAttr(e, "line/strokeWidth", "strokeWidth"), h ? this.setEdgeAttrIfChanged(e, "line/strokeDasharray", h) : this.restoreEdgeAttr(e, "line/strokeDasharray", "strokeDasharray")) : this.prevEdgeStyleIds.has(e.id) && (this.restoreEdgeAttr(e, "line/strokeWidth", "strokeWidth"), this.restoreEdgeAttr(e, "line/strokeDasharray", "strokeDasharray"), this.prevEdgeStyleIds.delete(e.id)), p ? this.prevEdgeDecorationColors.add(e.id) : this.prevEdgeDecorationColors.delete(e.id), f ? this.defaultHighlightedEdgeIds.add(e.id) : this.defaultHighlightedEdgeIds.delete(e.id);
   }
 }
 class Vt {
-  instanceId = J();
+  instanceId = ee();
   registeredShapes = /* @__PURE__ */ new Map();
   wrappedComponents = /* @__PURE__ */ new Map();
   getShapeName(e) {
@@ -983,7 +983,7 @@ class Vt {
   registerNodeType(e, o) {
     const t = this.getShapeName(e);
     let s = this.wrappedComponents.get(e);
-    return s || (s = fe({
+    return s || (s = pe({
       name: `FlowCanvasNodeShape${e.replace(/(^|[-_])(\w)/g, (r, i, l) => l.toUpperCase())}`,
       setup() {
         return () => qe("div", { class: "flow-canvas-node-surface" }, [qe(o)]);
@@ -1018,6 +1018,10 @@ class Xt {
       this.onUiEvent({ type: "node.click", nodeId: e.id });
     }), this.on("node:dblclick", ({ node: e }) => {
       this.onUiEvent({ type: "node.dblclick", nodeId: e.id });
+    }), this.on("node:mouseenter", ({ node: e }) => {
+      this.onUiEvent({ type: "node.mouseenter", nodeId: e.id });
+    }), this.on("node:mouseleave", ({ node: e }) => {
+      this.onUiEvent({ type: "node.mouseleave", nodeId: e.id });
     }), this.on("node:contextmenu", ({ node: e, e: o }) => {
       this.onUiEvent({
         type: "node.contextmenu",
@@ -1027,11 +1031,11 @@ class Xt {
     }), this.on("edge:click", ({ edge: e, e: o }) => {
       const s = o.target?.closest?.(".x6-edge-label");
       if (s) {
-        const i = e.getData?.()?.labels ?? [], l = s.parentElement?.querySelectorAll(".x6-edge-label"), a = l ? Array.from(l).indexOf(s) : 0, v = i[Math.max(0, a)];
+        const i = e.getData?.()?.labels ?? [], l = s.parentElement?.querySelectorAll(".x6-edge-label"), a = l ? Array.from(l).indexOf(s) : 0, h = i[Math.max(0, a)];
         this.onUiEvent({
           type: "edge.label.click",
           edgeId: e.id,
-          labelId: v?.id ?? `label-${a}`
+          labelId: h?.id ?? `label-${a}`
         });
         return;
       }
@@ -1047,7 +1051,7 @@ class Xt {
     }), this.on("node:moved", ({ node: e }) => {
       const o = e.getPosition();
       this.onCommand({
-        id: J(),
+        id: ee(),
         source: "user:drag",
         label: "移动节点",
         timestamp: Date.now(),
@@ -1058,7 +1062,7 @@ class Xt {
       if (!t || !s) return;
       const r = e.getSourcePortId(), i = e.getTargetPortId(), l = e.id in this.flowModelRef.value.edges;
       o && !l ? (this.graph.removeCell(e), this.onCommand({
-        id: J(),
+        id: ee(),
         source: "user:drag",
         label: "连线",
         timestamp: Date.now(),
@@ -1073,7 +1077,7 @@ class Xt {
           }
         ]
       })) : this.onCommand({
-        id: J(),
+        id: ee(),
         source: "user:drag",
         label: "重连",
         timestamp: Date.now(),
@@ -1093,16 +1097,16 @@ class Xt {
       for (let i = 0; i < Math.min(s.length, o.length); i++) {
         const l = o[i], a = s[i];
         if (!a?.id) continue;
-        const v = typeof l.position == "object" ? l.position?.distance : l.position;
-        v != null && r.push({
+        const h = typeof l.position == "object" ? l.position?.distance : l.position;
+        h != null && r.push({
           type: "edge.label.update",
           edgeId: e.id,
           labelId: a.id,
-          patch: { position: v }
+          patch: { position: h }
         });
       }
       r.length && this.onCommand({
-        id: J(),
+        id: ee(),
         source: "user:drag",
         label: "拖动标签",
         timestamp: Date.now(),
@@ -1115,14 +1119,23 @@ class Xt {
   }
 }
 function Kt(n) {
-  function e(o) {
-    const t = n.getCellById(o);
-    if (!t || !t.isNode()) return null;
-    const s = t, r = s.getPosition(), i = s.getSize(), l = { x: r.x, y: r.y, width: i.width, height: i.height }, a = n.localToGraph(l);
-    return new DOMRect(a.x, a.y, a.width, a.height);
+  function e(t) {
+    const s = n.getCellById(t);
+    if (!s || !s.isNode()) return null;
+    const r = s, i = r.getPosition(), l = r.getSize(), a = { x: i.x, y: i.y, width: l.width, height: l.height }, h = n.localToGraph(a);
+    return new DOMRect(h.x, h.y, h.width, h.height);
+  }
+  function o(t) {
+    const s = e(t);
+    if (!s) return null;
+    const r = n.container;
+    if (!r || typeof r.getBoundingClientRect != "function") return s;
+    const i = r.getBoundingClientRect();
+    return new DOMRect(s.x + i.left, s.y + i.top, s.width, s.height);
   }
   return {
-    getNodeScreenRect: e
+    getNodeScreenRect: e,
+    getNodeViewportRect: o
   };
 }
 const Yt = Object.freeze({
@@ -1185,7 +1198,7 @@ function to({
   idGenerator: i,
   defaultInsertGap: l,
   getContextMenuItems: a,
-  onHighlightChange: v,
+  onHighlightChange: h,
   resolveNodeShape: f
 }) {
   const p = i ?? ze;
@@ -1217,16 +1230,16 @@ function to({
     b = null;
     const c = d.getPosition();
     n.removeNode(d.id);
-    const { _dndSessionId: g, ...h } = y, m = h.id || p("node");
+    const { _dndSessionId: g, ...v } = y, m = v.id || p("node");
     o({
-      id: J(),
+      id: ee(),
       source: "user:drag",
       label: "拖入节点",
       timestamp: Date.now(),
       commands: [
         {
           type: "node.add",
-          node: { ...h, id: m, position: { x: c.x, y: c.y } }
+          node: { ...v, id: m, position: { x: c.x, y: c.y } }
         }
       ]
     });
@@ -1239,26 +1252,26 @@ function to({
   function k(d) {
     return d ?? ft(n.getSelectedCells?.() ?? []);
   }
-  function X(d, y, c, g, h) {
+  function X(d, y, c, g, v) {
     switch (d) {
       case "left":
         return {
-          x: y.position.x - h - g.width,
+          x: y.position.x - v - g.width,
           y: y.position.y + (c.height - g.height) / 2
         };
       case "top":
         return {
           x: y.position.x + (c.width - g.width) / 2,
-          y: y.position.y - h - g.height
+          y: y.position.y - v - g.height
         };
       case "bottom":
         return {
           x: y.position.x + (c.width - g.width) / 2,
-          y: y.position.y + c.height + h
+          y: y.position.y + c.height + v
         };
       default:
         return {
-          x: y.position.x + c.width + h,
+          x: y.position.x + c.width + v,
           y: y.position.y + (c.height - g.height) / 2
         };
     }
@@ -1322,20 +1335,20 @@ function to({
     deleteSelection(d) {
       const y = k(d?.selection), c = gt(y, s.value, r ?? (() => ({}))), g = Jt(c);
       if (g.length === 0) return null;
-      const h = o({
-        id: J(),
+      const v = o({
+        id: ee(),
         source: d?.source ?? "user:toolbar",
         label: d?.label ?? "删除选中",
         timestamp: Date.now(),
         commands: g
       });
-      return h.status === "applied" && d?.clearSelectionAfterApply !== !1 && G.clearSelection(), h;
+      return v.status === "applied" && d?.clearSelectionAfterApply !== !1 && G.clearSelection(), v;
     },
     registerDndSource(d, y) {
       const c = async (g) => {
-        const h = await S();
-        if (!h) return;
-        const m = J();
+        const v = await S();
+        if (!v) return;
+        const m = ee();
         b = m;
         const E = y(), L = f?.(E.type), z = n.createNode({
           width: L?.width ?? 154,
@@ -1343,7 +1356,7 @@ function to({
           shape: L?.shapeName ?? "rect",
           data: { ...E, _dndSessionId: m }
         });
-        h.start(z, g);
+        v.start(z, g);
       };
       return d.addEventListener("mousedown", c), () => {
         d.removeEventListener("mousedown", c);
@@ -1356,12 +1369,12 @@ function to({
     startConnection(d, y) {
       const c = n.getCellById(d);
       if (!c?.isNode()) return;
-      const g = c, h = n.findViewByCell(g);
-      if (!h) return;
-      const m = h.findPortElem(y, "circle") ?? h.findPortElem(y);
+      const g = c, v = n.findViewByCell(g);
+      if (!v) return;
+      const m = v.findPortElem(y, "circle") ?? v.findPortElem(y);
       if (!m) return;
-      const L = (m.matches?.("[magnet]") ? m : m.querySelector?.("[magnet]")) ?? m, z = L.getBoundingClientRect(), ie = z.left + z.width / 2, N = z.top + z.height / 2, _ = new MouseEvent("mousedown", {
-        clientX: ie,
+      const L = (m.matches?.("[magnet]") ? m : m.querySelector?.("[magnet]")) ?? m, z = L.getBoundingClientRect(), de = z.left + z.width / 2, N = z.top + z.height / 2, _ = new MouseEvent("mousedown", {
+        clientX: de,
         clientY: N,
         button: 0,
         buttons: 1,
@@ -1371,93 +1384,98 @@ function to({
       L.dispatchEvent(_);
     },
     async exportAsImage(d) {
-      const { domToBlob: y } = await import("modern-screenshot"), c = d?.padding ?? 20, g = d?.backgroundColor ?? n.options.background?.color ?? "#ffffff", h = n.zoom(), m = n.translate(), E = n.getContentBBox(), L = E.width / h, z = E.height / h;
+      const { domToBlob: y } = await import("modern-screenshot"), c = d?.padding ?? 20, g = d?.backgroundColor ?? n.options.background?.color ?? "#ffffff", v = n.zoom(), m = n.translate(), E = n.getContentBBox(), L = E.width / v, z = E.height / v;
       if (L === 0 || z === 0)
         return new Blob();
-      const ie = (E.x - m.tx) / h, N = (E.y - m.ty) / h, _ = Math.ceil(L + c * 2), x = Math.ceil(z + c * 2), R = document.createElement("div");
+      const de = (E.x - m.tx) / v, N = (E.y - m.ty) / v, _ = Math.ceil(L + c * 2), x = Math.ceil(z + c * 2), R = document.createElement("div");
       R.style.cssText = "position:fixed;left:-99999px;top:0;pointer-events:none;";
-      const F = n.container.cloneNode(!0);
-      F.style.width = `${_}px`, F.style.height = `${x}px`, F.style.overflow = "visible";
-      const Z = F.querySelector("svg");
-      Z && (Z.setAttribute("width", String(_)), Z.setAttribute("height", String(x)), Z.style.width = `${_}px`, Z.style.height = `${x}px`), F.querySelector(".x6-graph-svg-viewport")?.setAttribute("transform", `matrix(1,0,0,1,${-ie + c},${-N + c})`), R.appendChild(F), document.body.appendChild(R);
+      const q = /* @__PURE__ */ new Set();
+      let Y = n.container.parentElement;
+      for (; Y && Y !== document.body && Y !== document.documentElement; )
+        Y.classList.forEach((ne) => q.add(ne)), Y = Y.parentElement;
+      q.size > 0 && (R.className = Array.from(q).join(" "));
+      const J = n.container.cloneNode(!0);
+      J.style.width = `${_}px`, J.style.height = `${x}px`, J.style.overflow = "visible";
+      const Z = J.querySelector("svg");
+      Z && (Z.setAttribute("width", String(_)), Z.setAttribute("height", String(x)), Z.style.width = `${_}px`, Z.style.height = `${x}px`), J.querySelector(".x6-graph-svg-viewport")?.setAttribute("transform", `matrix(1,0,0,1,${-de + c},${-N + c})`), R.appendChild(J), document.body.appendChild(R);
       try {
-        return await M(), await y(F, {
+        return await M(), await y(J, {
           width: _,
           height: x,
           backgroundColor: g,
           scale: d?.scale ?? window.devicePixelRatio,
-          filter: (Q) => {
-            if (Q instanceof Element) {
-              const K = Q.getAttribute("class") ?? "";
-              if (K.includes("x6-widget-selection") || K.includes("x6-widget-transform") || K.includes("x6-graph-grid") || K.includes("x6-graph-background"))
+          filter: (ne) => {
+            if (ne instanceof Element) {
+              const re = ne.getAttribute("class") ?? "";
+              if (re.includes("x6-widget-selection") || re.includes("x6-widget-transform") || re.includes("x6-graph-grid") || re.includes("x6-graph-background"))
                 return !1;
             }
             return !0;
           }
         });
-      } catch (Q) {
-        return console.warn("[flow-canvas] Export failed:", Q), new Blob();
+      } catch (ne) {
+        return console.warn("[flow-canvas] Export failed:", ne), new Blob();
       } finally {
         R.remove();
       }
     },
     highlightNodes(d) {
-      u = d, v?.(u, w);
+      u = d, h?.(u, w);
     },
     highlightEdges(d) {
-      w = d, v?.(u, w);
+      w = d, h?.(u, w);
     },
     clearHighlight() {
-      u = [], w = [], v?.([], []);
+      u = [], w = [], h?.([], []);
     },
     overlay: e,
     getContextMenuItems(d) {
       return a?.(d) ?? [];
     },
     insertNodeToRight(d, y, c) {
-      const g = s.value, h = g.nodes[d];
-      if (!h)
+      const g = s.value, v = g.nodes[d];
+      if (!v)
         return {
           status: "invalid",
           envelope: { id: "", source: "user:toolbar", timestamp: Date.now(), commands: [] },
           error: { code: "constraint_violated", reason: `Source node "${d}" not found`, source: "api" }
         };
-      const m = c?.gap ?? l ?? eo, E = c?.direction ?? "right", L = t.nodeTypes[h.type], z = t.nodeTypes[y.type], ie = L?.getSize(h) ?? { width: 154, height: 54 }, N = z?.getSize({ ...y, position: { x: 0, y: 0 } }) ?? {
+      const m = c?.gap ?? l ?? eo, E = c?.direction ?? "right", L = t.nodeTypes[v.type], z = t.nodeTypes[y.type], de = L?.getSize(v) ?? { width: 154, height: 54 }, N = z?.getSize({ ...y, position: { x: 0, y: 0 } }) ?? {
         width: 154,
         height: 54
-      }, _ = X(E, h, ie, N, m), x = y.id || p("node"), R = { ...y, id: x, position: _ }, F = [{ type: "node.add", node: R }];
+      }, _ = X(E, v, de, N, m), x = y.id || p("node"), R = { ...y, id: x, position: _ }, q = [{ type: "node.add", node: R }];
       if (c?.autoWireEdges) {
-        const ae = j(h), Q = j(R), K = E, me = U(E), pe = ae.find((I) => I.group === K), we = Q.find((I) => I.group === me), $e = Q.find((I) => I.group === K), Se = pe ? Object.values(g.edges).find(
-          (I) => I.source.nodeId === d && I.source.portId === pe.id
+        const J = j(v), Z = j(R), Q = E, ne = U(E), re = J.find((I) => I.group === Q), we = Z.find((I) => I.group === ne), $e = Z.find((I) => I.group === Q), Se = re ? Object.values(g.edges).find(
+          (I) => I.source.nodeId === d && I.source.portId === re.id
         ) : Object.values(g.edges).find((I) => I.source.nodeId === d);
         if (Se) {
-          const I = Se.target, C = N.width + m, P = E === "right" ? C : E === "left" ? -C : 0, W = E === "bottom" ? C : E === "top" ? -C : 0, ee = /* @__PURE__ */ new Set(), le = [I.nodeId];
-          for (; le.length > 0; ) {
-            const oe = le.shift();
-            if (ee.has(oe) || oe === d) continue;
-            ee.add(oe);
-            const xe = g.nodes[oe];
+          const I = Se.target, C = N.width + m, P = E === "right" ? C : E === "left" ? -C : 0, W = E === "bottom" ? C : E === "top" ? -C : 0, te = /* @__PURE__ */ new Set(), ce = [I.nodeId];
+          for (; ce.length > 0; ) {
+            const se = ce.shift();
+            if (te.has(se) || se === d) continue;
+            te.add(se);
+            const xe = g.nodes[se];
             if (xe) {
-              F.push({
+              q.push({
                 type: "node.move",
-                nodeId: oe,
+                nodeId: se,
                 position: {
                   x: xe.position.x + P,
                   y: xe.position.y + W
                 }
               });
               for (const be of Object.values(g.edges))
-                be.source.nodeId === oe && !ee.has(be.target.nodeId) && le.push(be.target.nodeId);
+                be.source.nodeId === se && !te.has(be.target.nodeId) && ce.push(be.target.nodeId);
             }
           }
-          F.push({ type: "edge.remove", edgeId: Se.id }), F.push({
+          q.push({ type: "edge.remove", edgeId: Se.id }), q.push({
             type: "edge.add",
             edge: {
               id: p("edge"),
-              source: { nodeId: d, portId: pe?.id },
+              source: { nodeId: d, portId: re?.id },
               target: { nodeId: x, portId: we?.id }
             }
-          }), F.push({
+          }), q.push({
             type: "edge.add",
             edge: {
               id: p("edge"),
@@ -1466,23 +1484,23 @@ function to({
             }
           });
         } else
-          F.push({
+          q.push({
             type: "edge.add",
             edge: {
               id: p("edge"),
-              source: { nodeId: d, portId: pe?.id },
+              source: { nodeId: d, portId: re?.id },
               target: { nodeId: x, portId: we?.id }
             }
           });
       }
-      const Z = {
-        id: J(),
+      const Y = {
+        id: ee(),
         source: c?.source ?? "user:toolbar",
         label: c?.label ?? "插入节点",
         timestamp: Date.now(),
-        commands: F
+        commands: q
       };
-      return o(Z);
+      return o(Y);
     },
     onGraphEvent(d, y) {
       return n.on(d, y), () => n.off(d, y);
@@ -1513,13 +1531,13 @@ function oo() {
   function a() {
     o && (clearTimeout(o), o = null);
   }
-  function v() {
+  function h() {
     a(), t = !1, n.value = null;
   }
   function f() {
     o && clearTimeout(o);
   }
-  return { hoveredNodeId: n, isDraggingNode: e, enter: s, leave: r, enterOverlay: i, leaveOverlay: l, cancelLeave: a, reset: v, cleanup: f };
+  return { hoveredNodeId: n, isDraggingNode: e, enter: s, leave: r, enterOverlay: i, leaveOverlay: l, cancelLeave: a, reset: h, cleanup: f };
 }
 const Xe = 10, Ae = 12;
 function Ke(n, e) {
@@ -1532,8 +1550,8 @@ function Ke(n, e) {
     const u = p * i, w = n.getPointAtLength(u), D = (w.x - e.x) ** 2 + (w.y - e.y) ** 2;
     D < s && (s = D, t = w, l = u);
   }
-  const a = Math.max(0, l - i), v = Math.min(o, l + i), f = (v - a) / 20;
-  for (let p = a; p <= v; p += f) {
+  const a = Math.max(0, l - i), h = Math.min(o, l + i), f = (h - a) / 20;
+  for (let p = a; p <= h; p += f) {
     const u = n.getPointAtLength(p), w = (u.x - e.x) ** 2 + (u.y - e.y) ** 2;
     w < s && (s = w, t = u, l = p);
   }
@@ -1580,9 +1598,9 @@ function no(n) {
       e && e.setAttribute("display", "none");
       return;
     }
-    const v = n.getCellById(o);
-    if (!v?.isEdge()) return;
-    const f = n.findViewByCell(v);
+    const h = n.getCellById(o);
+    if (!h?.isEdge()) return;
+    const f = n.findViewByCell(h);
     if (!f) return;
     const p = f.container.querySelector("path");
     if (!p) return;
@@ -1639,7 +1657,7 @@ function so(n) {
   function a(f) {
     f === e && (e = null, t(!1));
   }
-  function v() {
+  function h() {
     return !e && Date.now() >= o;
   }
   return {
@@ -1648,14 +1666,14 @@ function so(n) {
     handleEdgeAdded: i,
     handleEdgeConnected: l,
     handleEdgeRemoved: a,
-    canShowEdgeTool: v
+    canShowEdgeTool: h
   };
 }
 function Je(n) {
   return n === "top" || n === "right" || n === "bottom" || n === "left";
 }
 function ro(n) {
-  const { editor: e, nodeHover: o, isSelectionModeActive: t, viewportVersion: s, getNodeBehavior: r, getInsertGap: i } = n, { isDraggingNode: l } = n, a = H(null), v = H(!1);
+  const { editor: e, nodeHover: o, isSelectionModeActive: t, viewportVersion: s, getNodeBehavior: r, getInsertGap: i } = n, { isDraggingNode: l } = n, a = H(null), h = H(!1);
   let f = null, p = null, u = null;
   const w = V(() => ({
     enabled: !0,
@@ -1673,7 +1691,7 @@ function ro(n) {
     }, 150);
   }
   function b(N) {
-    return v.value ? !0 : (D(), d(N) ? (a.value = N, !0) : (a.value = null, !1));
+    return h.value ? !0 : (D(), d(N) ? (a.value = N, !0) : (a.value = null, !1));
   }
   function S() {
     D(), o.enterOverlay();
@@ -1689,7 +1707,7 @@ function ro(n) {
     const x = w.value.getPort?.(N, _);
     if (!x) return null;
     const R = typeof x == "string" ? x : x.id;
-    return _.find((F) => F.id === R) ?? null;
+    return _.find((q) => q.id === R) ?? null;
   }
   function k(N, _) {
     const x = e.api.value?.overlay.getNodeScreenRect(N);
@@ -1711,19 +1729,19 @@ function ro(n) {
     if (!p) return k(N, x);
     const R = p.getCellById(N);
     if (R?.isNode()) {
-      const F = R, Z = p.findViewByCell(F), ae = Z?.findPortElem(_, "circle") ?? Z?.findPortElem(_);
-      if (ae) {
-        const Q = p.container.getBoundingClientRect(), K = ae.getBoundingClientRect();
+      const q = R, Y = p.findViewByCell(q), J = Y?.findPortElem(_, "circle") ?? Y?.findPortElem(_);
+      if (J) {
+        const Z = p.container.getBoundingClientRect(), Q = J.getBoundingClientRect();
         return {
-          x: K.left - Q.left + K.width / 2,
-          y: K.top - Q.top + K.height / 2
+          x: Q.left - Z.left + Q.width / 2,
+          y: Q.top - Z.top + Q.height / 2
         };
       }
     }
     return k(N, x);
   }
   function U(N) {
-    const _ = B(N), x = j(N, _) ?? _.find((F) => F.group === w.value.portGroup) ?? null;
+    const _ = B(N), x = j(N, _) ?? _.find((q) => q.group === w.value.portGroup) ?? null;
     if (!x) return null;
     const R = X(N.id, x.id, x.group);
     return R ? { portId: x.id, portGroup: x.group, portPosition: R } : null;
@@ -1751,16 +1769,16 @@ function ro(n) {
     if (!x) return null;
     const R = r(x);
     if (R.quickAddEnabled === !1) return null;
-    const F = U(x);
-    return F ? { node: x, ...F, behavior: R } : null;
+    const q = U(x);
+    return q ? { node: x, ...q, behavior: R } : null;
   });
   function c(N) {
-    v.value = !0, y.value && e._emitUiEvent({ type: "node.quick-add", nodeId: N, position: y.value.portPosition });
+    h.value = !0, y.value && e._emitUiEvent({ type: "node.quick-add", nodeId: N, position: y.value.portPosition });
   }
   function g() {
-    v.value = !1;
+    h.value = !1;
   }
-  function h(N) {
+  function v(N) {
     const _ = e.api.value;
     if (!_) return;
     const x = e.flowModel.value.nodes[N];
@@ -1776,11 +1794,11 @@ function ro(n) {
   function E(N, _) {
     const x = e.api.value;
     if (!x) return;
-    const R = _.id || e.idGenerator("node"), F = { ..._, id: R }, Z = e.flowModel.value.nodes[N];
-    if (!Z) return;
-    x.insertNodeToRight(N, F, {
+    const R = _.id || e.idGenerator("node"), q = { ..._, id: R }, Y = e.flowModel.value.nodes[N];
+    if (!Y) return;
+    x.insertNodeToRight(N, q, {
       autoWireEdges: !0,
-      direction: G(Z),
+      direction: G(Y),
       gap: i(),
       source: "user:quick-add",
       label: "快捷插入节点"
@@ -1792,37 +1810,37 @@ function ro(n) {
     if (!_?.isNode()) return;
     const x = _, R = e.flowModel.value.nodes[N];
     if (!R) return;
-    const F = U(R);
-    let Z = !0;
-    r(R).hidePortForQuickAdd === !1 && (Z = !1);
-    const Q = Z && !l.value && !!F && d(N);
-    for (const K of x.getPorts()) {
-      const me = Q && K.id === F?.portId ? "hidden" : "visible";
-      x.setPortProp(K.id, "attrs/circle/visibility", me);
+    const q = U(R);
+    let Y = !0;
+    r(R).hidePortForQuickAdd === !1 && (Y = !1);
+    const Z = Y && !l.value && !!q && d(N);
+    for (const Q of x.getPorts()) {
+      const ne = Z && Q.id === q?.portId ? "hidden" : "visible";
+      x.setPortProp(Q.id, "attrs/circle/visibility", ne);
     }
   }
   function z(N, _) {
-    u?.(), p = N, u = ge(
+    u?.(), p = N, u = he(
       [a, l],
       ([x], [R]) => {
         if (R && R !== x) {
-          const F = N.getCellById(R);
-          F?.isNode() && _(F);
+          const q = N.getCellById(R);
+          q?.isNode() && _(q);
         }
         x && L(x);
       },
       { flush: "sync" }
     );
   }
-  ge(y, (N) => {
-    N || (v.value = !1);
+  he(y, (N) => {
+    N || (h.value = !1);
   });
-  function ie() {
+  function de() {
     f && clearTimeout(f), u?.(), u = null, p = null;
   }
   return {
     quickAddNodeId: a,
-    quickAddPopoverOpen: v,
+    quickAddPopoverOpen: h,
     mergedConfig: w,
     data: y,
     enter: b,
@@ -1832,13 +1850,13 @@ function ro(n) {
     handleOverlayLeave: M,
     handleOpen: c,
     handleClose: g,
-    handleStartDrag: h,
+    handleStartDrag: v,
     handlePopoverViewportOverflow: m,
     handleInsert: E,
     isActiveForNode: d,
     syncNodePorts: L,
     attachRuntime: z,
-    cleanup: ie
+    cleanup: de
   };
 }
 const io = 15, ao = 10;
@@ -1854,36 +1872,36 @@ function lo(n) {
     outgoingPortGroup: "right",
     ...n.edgeDropProp.value
   }));
-  function v(d) {
+  function h(d) {
     if (!o) return null;
     const y = o.getCellById(d);
     if (!y?.isEdge()) return null;
     const c = o.findViewByCell(y)?.container;
     if (!c) return null;
     const g = c.querySelectorAll("path");
-    for (const h of g)
-      if (h.getAttribute("stroke") !== "transparent") return h;
+    for (const v of g)
+      if (v.getAttribute("stroke") !== "transparent") return v;
     return null;
   }
   function f(d) {
-    const y = v(d);
+    const y = h(d);
     y && (y.style.stroke = "#3a84ff", r = d);
   }
   function p() {
     if (!r) return;
-    const d = v(r);
+    const d = h(r);
     d && (d.style.stroke = ""), r = null;
   }
   function u(d, y, c) {
     if (o) {
       const g = o.getCellById(d);
       if (g?.isNode()) {
-        const h = g.getPorts().find((m) => m.group === c);
-        if (h?.id) return h.id;
+        const v = g.getPorts().find((m) => m.group === c);
+        if (v?.id) return v.id;
       }
     }
     if (y.ports?.length) {
-      const g = y.ports.find((h) => h.group === c);
+      const g = y.ports.find((v) => v.group === c);
       if (g) return g.id;
     }
     return c;
@@ -1892,8 +1910,8 @@ function lo(n) {
     const y = d.getTotalLength();
     if (y === 0) return [];
     const c = [];
-    for (let h = 0; h <= y; h += ao) {
-      const m = d.getPointAtLength(h);
+    for (let v = 0; v <= y; v += ao) {
+      const m = d.getPointAtLength(v);
       c.push({ x: m.x, y: m.y });
     }
     const g = d.getPointAtLength(y);
@@ -1901,39 +1919,39 @@ function lo(n) {
   }
   function D(d, y, c) {
     if (!o) return null;
-    const g = a.value, h = g.bufferMargin, m = {
-      x: d.x + h,
-      y: d.y + h,
-      width: Math.max(0, d.width - h * 2),
-      height: Math.max(0, d.height - h * 2)
+    const g = a.value, v = g.bufferMargin, m = {
+      x: d.x + v,
+      y: d.y + v,
+      width: Math.max(0, d.width - v * 2),
+      height: Math.max(0, d.height - v * 2)
     };
     if (m.width <= 0 || m.height <= 0) return null;
     const E = m.x + m.width, L = m.y + m.height;
     let z = null;
-    const ie = d.x + d.width / 2, N = d.y + d.height / 2;
+    const de = d.x + d.width / 2, N = d.y + d.height / 2;
     for (const _ of o.getEdges()) {
       const x = y.edges[_.id];
       if (!x || c && (x.source.nodeId === c || x.target.nodeId === c) || g.isEdgeDropTarget && !g.isEdgeDropTarget(x, y)) continue;
       const R = o.findViewByCell(_);
       if (!R) continue;
-      const F = R.findOne?.("path");
-      if (!F || typeof F.getTotalLength != "function") continue;
-      const Z = w(F);
-      if (!Z.length) continue;
-      let ae = !1, Q = 1 / 0;
-      for (const K of Z)
-        if (K.x >= m.x && K.x <= E && K.y >= m.y && K.y <= L) {
-          const me = K.x - ie, pe = K.y - N, we = me * me + pe * pe;
-          we < Q && (Q = we), ae = !0;
+      const q = R.findOne?.("path");
+      if (!q || typeof q.getTotalLength != "function") continue;
+      const Y = w(q);
+      if (!Y.length) continue;
+      let J = !1, Z = 1 / 0;
+      for (const Q of Y)
+        if (Q.x >= m.x && Q.x <= E && Q.y >= m.y && Q.y <= L) {
+          const ne = Q.x - de, re = Q.y - N, we = ne * ne + re * re;
+          we < Z && (Z = we), J = !0;
         }
-      ae && (!z || Q < z.distSq) && (z = { edgeId: _.id, edge: x, distSq: Q });
+      J && (!z || Z < z.distSq) && (z = { edgeId: _.id, edge: x, distSq: Z });
     }
     return z ? { edgeId: z.edgeId, edge: z.edge } : null;
   }
   function O(d, y) {
     if (!a.value.enabled) return;
-    const g = e.flowModel.value, h = D(d, g, y);
-    h ? t !== h.edgeId && (p(), t = h.edgeId, f(h.edgeId)) : t && (p(), t = null);
+    const g = e.flowModel.value, v = D(d, g, y);
+    v ? t !== v.edgeId && (p(), t = v.edgeId, f(v.edgeId)) : t && (p(), t = null);
   }
   let b = !0;
   function S({ node: d }) {
@@ -1968,11 +1986,11 @@ function lo(n) {
       }
       d = !0, s === null && (s = requestAnimationFrame(() => {
         if (s = null, !o) return;
-        const c = y.getBoundingClientRect(), g = o.clientToLocal(c.left, c.top), h = o.clientToLocal(c.right, c.bottom), m = {
+        const c = y.getBoundingClientRect(), g = o.clientToLocal(c.left, c.top), v = o.clientToLocal(c.right, c.bottom), m = {
           x: g.x,
           y: g.y,
-          width: h.x - g.x,
-          height: h.y - g.y
+          width: v.x - g.x,
+          height: v.y - g.y
         };
         O(m);
       }));
@@ -1989,14 +2007,14 @@ function lo(n) {
     t = null, p();
     const c = e.flowModel.value, g = c.edges[y];
     if (!g) return d;
-    const h = d.commands.find((R) => R.type === "node.add" || R.type === "node.move");
-    if (!h) return d;
-    const m = h.type === "node.add" ? h.node.id : h.nodeId, E = h.type === "node.add" ? h.node : c.nodes[h.nodeId];
+    const v = d.commands.find((R) => R.type === "node.add" || R.type === "node.move");
+    if (!v) return d;
+    const m = v.type === "node.add" ? v.node.id : v.nodeId, E = v.type === "node.add" ? v.node : c.nodes[v.nodeId];
     if (!E) return d;
     const L = a.value;
     if (L.isNodeInsertable && !L.isNodeInsertable(E, c))
       return d;
-    const z = u(m, E, L.incomingPortGroup), ie = u(m, E, L.outgoingPortGroup), N = e.idGenerator("edge"), _ = e.idGenerator("edge"), x = [
+    const z = u(m, E, L.incomingPortGroup), de = u(m, E, L.outgoingPortGroup), N = e.idGenerator("edge"), _ = e.idGenerator("edge"), x = [
       { type: "edge.remove", edgeId: y },
       {
         type: "edge.add",
@@ -2012,7 +2030,7 @@ function lo(n) {
         edge: {
           id: _,
           type: g.type,
-          source: { nodeId: m, portId: ie },
+          source: { nodeId: m, portId: de },
           target: { nodeId: g.target.nodeId, portId: g.target.portId }
         }
       }
@@ -2057,7 +2075,7 @@ function co(n) {
     switch (s) {
       case "delete":
         return n.executeCommand({
-          id: J(),
+          id: ee(),
           source: "user:toolbar",
           label: "删除节点",
           timestamp: Date.now(),
@@ -2067,9 +2085,9 @@ function co(n) {
         if (!l) break;
         const a = n.flowModel.value.nodes[r];
         if (!a) break;
-        const v = e(a), f = 50;
+        const h = e(a), f = 50;
         n.executeCommand({
-          id: J(),
+          id: ee(),
           source: "user:toolbar",
           label: "复制节点",
           timestamp: Date.now(),
@@ -2077,7 +2095,7 @@ function co(n) {
             {
               type: "node.add",
               node: {
-                ...v,
+                ...h,
                 position: {
                   x: a.position.x + f,
                   y: a.position.y + f
@@ -2085,34 +2103,34 @@ function co(n) {
               }
             }
           ]
-        }), l.selectNodes([v.id]), n._emitUiEvent({ type: "node.action.copy", sourceNodeId: r, newNodeId: v.id });
+        }), l.selectNodes([h.id]), n._emitUiEvent({ type: "node.action.copy", sourceNodeId: r, newNodeId: h.id });
         break;
       }
       case "copy-insert": {
         if (!l) break;
         const a = n.flowModel.value.nodes[r];
         if (!a) break;
-        const v = e(a);
-        l.insertNodeToRight(r, v, {
+        const h = e(a);
+        l.insertNodeToRight(r, h, {
           autoWireEdges: !0,
           gap: i,
           label: "复制并插入节点"
-        }), l.selectNodes([v.id]), n._emitUiEvent({ type: "node.action.copy-insert", sourceNodeId: r, newNodeId: v.id });
+        }), l.selectNodes([h.id]), n._emitUiEvent({ type: "node.action.copy-insert", sourceNodeId: r, newNodeId: h.id });
         break;
       }
       case "disconnect": {
-        const a = n.flowModel.value, v = Object.entries(a.edges).filter(([, f]) => {
+        const a = n.flowModel.value, h = Object.entries(a.edges).filter(([, f]) => {
           const p = f;
           return p.source.nodeId === r || p.target.nodeId === r;
         }).map(([f]) => f);
-        if (v.length === 0) break;
+        if (h.length === 0) break;
         n.executeCommand({
-          id: J(),
+          id: ee(),
           source: "user:toolbar",
           label: "断开连线",
           timestamp: Date.now(),
-          commands: v.map((f) => ({ type: "edge.remove", edgeId: f }))
-        }), n._emitUiEvent({ type: "node.action.disconnect", nodeId: r, edgeIds: v });
+          commands: h.map((f) => ({ type: "edge.remove", edgeId: f }))
+        }), n._emitUiEvent({ type: "node.action.disconnect", nodeId: r, edgeIds: h });
         break;
       }
       case "debug": {
@@ -2191,11 +2209,11 @@ function mo(n, e, o) {
   for (const i of r) {
     const l = n.getCellById(i);
     if (!l?.isNode()) continue;
-    const a = s.has(i), v = l.getData() ?? {};
-    v._selected !== a && l.setData({ ...v, _selected: a });
+    const a = s.has(i), h = l.getData() ?? {};
+    h._selected !== a && l.setData({ ...h, _selected: a });
   }
 }
-const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
+const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ pe({
   __name: "node-actions-toolbar",
   props: {
     node: {},
@@ -2236,7 +2254,7 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
       }
     })), i = V(() => r.value.copy.visible || r.value.copyInsert.visible || r.value.disconnect.visible), l = H(!1);
     let a = null;
-    function v() {
+    function h() {
       a && (clearTimeout(a), a = null), l.value = !0;
     }
     function f() {
@@ -2250,73 +2268,73 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
       class: "flow-canvas-node-actions",
       style: Ee(t.value)
     }, [
-      q("div", yo, [
+      F("div", yo, [
         r.value.debug.visible ? (A(), T("i", {
           key: 0,
-          class: te(["flow-canvas-icon canvas-debug flow-canvas-node-actions__icon", { "is-disabled": r.value.debug.disabled }]),
+          class: oe(["flow-canvas-icon canvas-debug flow-canvas-node-actions__icon", { "is-disabled": r.value.debug.disabled }]),
           onClick: u[0] || (u[0] = (w) => !r.value.debug.disabled && s("action", "debug", n.node.id))
-        }, null, 2)) : Y("", !0),
+        }, null, 2)) : K("", !0),
         r.value.delete.visible ? (A(), T("i", {
           key: 1,
-          class: te(["flow-canvas-icon canvas-shanchu flow-canvas-node-actions__icon", { "is-disabled": r.value.delete.disabled }]),
+          class: oe(["flow-canvas-icon canvas-shanchu flow-canvas-node-actions__icon", { "is-disabled": r.value.delete.disabled }]),
           onClick: u[1] || (u[1] = (w) => !r.value.delete.disabled && s("action", "delete", n.node.id))
-        }, null, 2)) : Y("", !0),
+        }, null, 2)) : K("", !0),
         i.value ? (A(), T("div", {
           key: 2,
           class: "flow-canvas-node-actions__more-wrapper",
-          onMouseenter: v,
+          onMouseenter: h,
           onMouseleave: f
         }, [...u[5] || (u[5] = [
-          q("i", { class: "flow-canvas-icon canvas-gengduo flow-canvas-node-actions__icon" }, null, -1)
-        ])], 32)) : Y("", !0)
+          F("i", { class: "flow-canvas-icon canvas-gengduo flow-canvas-node-actions__icon" }, null, -1)
+        ])], 32)) : K("", !0)
       ]),
       at(lt, { name: "flow-canvas-fade" }, {
         default: He(() => [
           l.value && i.value ? (A(), T("div", {
             key: 0,
             class: "flow-canvas-node-actions__dropdown",
-            onMouseenter: v,
+            onMouseenter: h,
             onMouseleave: f
           }, [
             r.value.copy.visible ? (A(), T("div", {
               key: 0,
-              class: te(["flow-canvas-node-actions__dropdown-item", { "is-disabled": r.value.copy.disabled }]),
+              class: oe(["flow-canvas-node-actions__dropdown-item", { "is-disabled": r.value.copy.disabled }]),
               onClick: u[2] || (u[2] = (w) => !r.value.copy.disabled && s("action", "copy", n.node.id))
             }, [...u[6] || (u[6] = [
-              q("i", { class: "flow-canvas-icon canvas-copy-fuzhi-2" }, null, -1),
-              q("span", null, "复制", -1)
-            ])], 2)) : Y("", !0),
+              F("i", { class: "flow-canvas-icon canvas-copy-fuzhi-2" }, null, -1),
+              F("span", null, "复制", -1)
+            ])], 2)) : K("", !0),
             r.value.copyInsert.visible ? (A(), T("div", {
               key: 1,
-              class: te(["flow-canvas-node-actions__dropdown-item", { "is-disabled": r.value.copyInsert.disabled }]),
+              class: oe(["flow-canvas-node-actions__dropdown-item", { "is-disabled": r.value.copyInsert.disabled }]),
               onClick: u[3] || (u[3] = (w) => !r.value.copyInsert.disabled && s("action", "copy-insert", n.node.id))
             }, [...u[7] || (u[7] = [
-              q("i", { class: "flow-canvas-icon canvas-fuzhibingcharu" }, null, -1),
-              q("span", null, "复制并插入", -1)
-            ])], 2)) : Y("", !0),
+              F("i", { class: "flow-canvas-icon canvas-fuzhibingcharu" }, null, -1),
+              F("span", null, "复制并插入", -1)
+            ])], 2)) : K("", !0),
             r.value.disconnect.visible ? (A(), T("div", {
               key: 2,
-              class: te(["flow-canvas-node-actions__dropdown-item", { "is-disabled": r.value.disconnect.disabled }]),
+              class: oe(["flow-canvas-node-actions__dropdown-item", { "is-disabled": r.value.disconnect.disabled }]),
               onClick: u[4] || (u[4] = (w) => !r.value.disconnect.disabled && s("action", "disconnect", n.node.id))
             }, [...u[8] || (u[8] = [
-              q("i", { class: "flow-canvas-icon canvas-unlock-jiebang" }, null, -1),
-              q("span", null, "断开连线", -1)
-            ])], 2)) : Y("", !0)
-          ], 32)) : Y("", !0)
+              F("i", { class: "flow-canvas-icon canvas-unlock-jiebang" }, null, -1),
+              F("span", null, "断开连线", -1)
+            ])], 2)) : K("", !0)
+          ], 32)) : K("", !0)
         ]),
         _: 1
       })
     ], 4));
   }
-}), ve = (n, e) => {
+}), me = (n, e) => {
   const o = n.__vccOpts || n;
   for (const [t, s] of e)
     o[t] = s;
   return o;
-}, bo = /* @__PURE__ */ ve(wo, [["__scopeId", "data-v-3b39dab5"]]), Eo = {
+}, bo = /* @__PURE__ */ me(wo, [["__scopeId", "data-v-3b39dab5"]]), Eo = {
   key: 0,
   class: "flow-canvas-quick-add__tooltip"
-}, xo = 5, Io = /* @__PURE__ */ fe({
+}, xo = 5, Io = /* @__PURE__ */ pe({
   __name: "node-quick-add-popover",
   props: {
     node: {},
@@ -2327,17 +2345,17 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
   emits: ["open", "close", "start-drag", "viewport-overflow-right", "mouseenter", "mouseleave"],
   setup(n, { expose: e, emit: o }) {
     const t = n, s = o, r = H(), i = H(), l = H(!1), a = H(!1);
-    let v = null, f = !1, p = null;
+    let h = null, f = !1, p = null;
     function u(G) {
-      G.preventDefault(), G.stopPropagation(), v = { x: G.clientX, y: G.clientY }, f = !1, document.addEventListener("mousemove", w), document.addEventListener("mouseup", D);
+      G.preventDefault(), G.stopPropagation(), h = { x: G.clientX, y: G.clientY }, f = !1, document.addEventListener("mousemove", w), document.addEventListener("mouseup", D);
     }
     function w(G) {
-      if (!v) return;
-      const d = G.clientX - v.x, y = G.clientY - v.y;
+      if (!h) return;
+      const d = G.clientX - h.x, y = G.clientY - h.y;
       Math.sqrt(d * d + y * y) >= xo && (f = !0, O(), s("start-drag", t.node.id));
     }
     function D() {
-      O(), f || b(), v = null, f = !1;
+      O(), f || b(), h = null, f = !1;
     }
     function O() {
       document.removeEventListener("mousemove", w), document.removeEventListener("mouseup", D);
@@ -2389,26 +2407,26 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
       onClick: d[3] || (d[3] = ht(() => {
       }, ["stop"]))
     }, [
-      q("div", {
+      F("div", {
         ref_key: "btnRef",
         ref: r,
-        class: te(["flow-canvas-quick-add__btn", { "is-hovered": l.value, "is-active": a.value }]),
+        class: oe(["flow-canvas-quick-add__btn", { "is-hovered": l.value, "is-active": a.value }]),
         onMouseenter: d[0] || (d[0] = (y) => l.value = !0),
         onMouseleave: d[1] || (d[1] = (y) => l.value = !1),
         onMousedown: u
       }, [...d[4] || (d[4] = [
-        q("i", { class: "flow-canvas-icon canvas-zoom-add" }, null, -1)
+        F("i", { class: "flow-canvas-icon canvas-zoom-add" }, null, -1)
       ])], 34),
       l.value && !a.value ? (A(), T("div", Eo, [...d[5] || (d[5] = [
-        q("div", null, [
-          q("b", null, "点击"),
+        F("div", null, [
+          F("b", null, "点击"),
           je(" 添加节点")
         ], -1),
-        q("div", null, [
-          q("b", null, "拖拽"),
+        F("div", null, [
+          F("b", null, "拖拽"),
           je(" 连接节点")
         ], -1)
-      ])])) : Y("", !0),
+      ])])) : K("", !0),
       at(lt, { name: "flow-canvas-fade" }, {
         default: He(() => [
           a.value ? (A(), T("div", {
@@ -2420,15 +2438,15 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
             onMouseleave: U
           }, [
             Me(G.$slots, "default", {}, () => [
-              d[6] || (d[6] = q("div", { class: "flow-canvas-quick-add__default-content" }, "节点快捷操作面板", -1))
+              d[6] || (d[6] = F("div", { class: "flow-canvas-quick-add__default-content" }, "节点快捷操作面板", -1))
             ], !0)
-          ], 544)) : Y("", !0)
+          ], 544)) : K("", !0)
         ]),
         _: 3
       })
     ], 36));
   }
-}), Co = /* @__PURE__ */ ve(Io, [["__scopeId", "data-v-255b3d8c"]]), ko = { class: "flow-canvas-selection-actions__bar" }, So = /* @__PURE__ */ fe({
+}), Co = /* @__PURE__ */ me(Io, [["__scopeId", "data-v-255b3d8c"]]), ko = { class: "flow-canvas-selection-actions__bar" }, So = /* @__PURE__ */ pe({
   __name: "selection-actions-toolbar",
   props: {
     position: {},
@@ -2445,15 +2463,15 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
       class: "flow-canvas-selection-actions",
       style: Ee(s.value)
     }, [
-      q("div", ko, [
-        q("i", {
-          class: te(["flow-canvas-icon canvas-shanchu flow-canvas-selection-actions__icon", { "is-disabled": !n.canDelete }]),
+      F("div", ko, [
+        F("i", {
+          class: oe(["flow-canvas-icon canvas-shanchu flow-canvas-selection-actions__icon", { "is-disabled": !n.canDelete }]),
           onClick: i[0] || (i[0] = (l) => n.canDelete && t("action", "delete"))
         }, null, 2)
       ])
     ], 4));
   }
-}), Mo = /* @__PURE__ */ ve(So, [["__scopeId", "data-v-25eb8b79"]]), No = { class: "flow-canvas-runtime-core__overlay" }, Do = /* @__PURE__ */ fe({
+}), Mo = /* @__PURE__ */ me(So, [["__scopeId", "data-v-25eb8b79"]]), No = { class: "flow-canvas-runtime-core__overlay" }, Do = /* @__PURE__ */ pe({
   __name: "canvas-runtime-core",
   props: {
     editor: {},
@@ -2467,7 +2485,7 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
   emits: ["ui-event"],
   setup(n, { expose: e, emit: o }) {
     const t = n, s = o, r = H(), i = H();
-    let l, a, v, f, p = null, u = null, w = null, D = null, O = null;
+    let l, a, h, f, p = null, u = null, w = null, D = null, O = null;
     const b = oo(), { hoveredNodeId: S, isDraggingNode: M } = b, B = b.enterOverlay, j = () => b.leaveOverlay(), k = H(0), X = H({ nodeIds: [], edgeIds: [] });
     function U(I) {
       const C = t.editor.api.value;
@@ -2490,15 +2508,15 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
       () => {
         if (k.value, !t.editor.api.value) return [];
         const I = t.editor.flowModel.value, C = t.editor.api.value.overlay, P = [];
-        for (const [W, ee] of Object.entries(I.nodes)) {
-          const le = t.editor._pluginManager.collectNodeDecorations(ee);
-          if (!le?.badge) continue;
-          const oe = C.getNodeScreenRect(W);
-          oe && P.push({
+        for (const [W, te] of Object.entries(I.nodes)) {
+          const ce = t.editor._pluginManager.collectNodeDecorations(te);
+          if (!ce?.badge) continue;
+          const se = C.getNodeScreenRect(W);
+          se && P.push({
             nodeId: W,
-            x: oe.x + oe.width - 4,
-            y: oe.y - 8,
-            badge: le.badge
+            x: se.x + se.width - 4,
+            y: se.y - 8,
+            badge: ce.badge
           });
         }
         return P;
@@ -2512,11 +2530,11 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
       if (!P) return null;
       const W = t.editor.api.value.overlay.getNodeScreenRect(I);
       if (!W) return null;
-      const ee = U(P);
-      return ee.showActions === !1 ? null : {
+      const te = U(P);
+      return te.showActions === !1 ? null : {
         node: P,
         position: { x: W.x + W.width, y: W.y + W.height + 4 },
-        behavior: ee
+        behavior: te
       };
     }), g = V(() => {
       if (k.value, !t.editor.api.value || t.editor.mode.value !== "edit") return null;
@@ -2529,7 +2547,7 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
         position: { x: C.x + C.width, y: C.y + C.height + 4 },
         canDelete: P.nodeIds.length > 0 || P.edgeIds.length > 0
       };
-    }), h = H(), m = ro({
+    }), v = H(), m = ro({
       editor: t.editor,
       quickAddProp: V(() => t.quickAdd),
       isDraggingNode: M,
@@ -2538,22 +2556,22 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
       viewportVersion: k,
       getNodeBehavior: U,
       getInsertGap: () => d.value.insertGap,
-      closePopover: () => h.value?.closePopover()
+      closePopover: () => v.value?.closePopover()
     }), E = m.data, L = m.handleOpen, z = m.handleStartDrag;
-    function ie() {
+    function de() {
       m.handleClose(), b.leaveOverlay(200), m.leave();
     }
     const N = m.handleOverlayEnter, _ = m.handleOverlayLeave, x = m.handleInsert, R = lo({
       editor: t.editor,
       edgeDropProp: V(() => t.edgeDrop)
-    }), F = co(t.editor);
-    function Z(I, C) {
-      F.handleNodeAction(I, C, d.value.insertGap) && (S.value = null);
+    }), q = co(t.editor);
+    function Y(I, C) {
+      q.handleNodeAction(I, C, d.value.insertGap) && (S.value = null);
     }
-    function ae(I) {
-      I === "delete" && F.deleteSelection(X.value);
+    function J(I) {
+      I === "delete" && q.deleteSelection(X.value);
     }
-    function Q(I) {
+    function Z(I) {
       if (t.editor.mode.value !== "edit") return;
       if ((I.metaKey || I.ctrlKey) && (I.key === "z" || I.key === "Z")) {
         if (I.shiftKey) {
@@ -2568,14 +2586,14 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
       }
       t.editor._pluginManager.dispatchKeyboardShortcut(I) && (I.preventDefault(), I.stopPropagation());
     }
-    function K(I, C) {
-      const P = l, W = (ee) => {
-        const le = P.isRubberbandEnabled?.() ?? !1;
-        le && P.disableRubberband?.(), ee ? l.enablePanning() : l.disablePanning(), le && P.enableRubberband?.();
+    function Q(I, C) {
+      const P = l, W = (te) => {
+        const ce = P.isRubberbandEnabled?.() ?? !1;
+        ce && P.disableRubberband?.(), te ? l.enablePanning() : l.disablePanning(), ce && P.enableRubberband?.();
       };
       I && C ? (P.enableSelection?.(), b.reset(), m.quickAddNodeId.value = null, m.quickAddPopoverOpen.value = !1, p?.remove(), W(!1), P.enableRubberband?.()) : (P.disableRubberband?.(), W(!0), P.disableSelection?.(), P.cleanSelection?.());
     }
-    function me(I) {
+    function ne(I) {
       l.on("node:move", ({ node: C }) => {
         M.value = !0;
         const P = t.editor.flowModel.value.nodes[C.id];
@@ -2604,14 +2622,14 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
         P && U(P).actionsOffset && (W = 300), b.leave(W), m.mergedConfig.value.enabled ? m.quickAddNodeId.value === C.id && !m.quickAddPopoverOpen.value ? m.leave() : m.quickAddNodeId.value !== C.id && I.hideNodePorts(C) : I.hideNodePorts(C);
       });
     }
-    function pe(I) {
+    function re(I) {
       l.on("edge:added", ({ edge: C }) => {
         let P;
         if (t.getConnectionExcludedNodeIds && !C.getTargetCell()) {
           const W = C.getSourceCell();
           if (W) {
-            const ee = t.getConnectionExcludedNodeIds(W.id);
-            P = ee instanceof Set ? ee : new Set(ee);
+            const te = t.getConnectionExcludedNodeIds(W.id);
+            P = te instanceof Set ? te : new Set(te);
           }
         }
         I.handleEdgeAdded(C, P);
@@ -2626,7 +2644,7 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
         a.setHoveredEdge(null), a.refreshSingleEdgeStyle(C.id), p.remove();
       }), l.on("edge:click", ({ edge: C, e: P }) => {
         P.target?.closest?.(".flow-canvas-edge-delete-tool") && t.editor.mode.value === "edit" && (p.remove(), t.editor.executeCommand({
-          id: J(),
+          id: ee(),
           source: "user:toolbar",
           label: "删除连线",
           timestamp: Date.now(),
@@ -2645,16 +2663,16 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
         b.leave(180), m.quickAddPopoverOpen.value || m.leave();
       }, r.value?.addEventListener("mousemove", w), D = () => {
         b.reset(), m.quickAddPopoverOpen.value || (m.quickAddNodeId.value = null);
-      }, r.value?.addEventListener("mouseleave", D), r.value?.addEventListener("keydown", Q);
+      }, r.value?.addEventListener("mouseleave", D), r.value?.addEventListener("keydown", Z);
     }
     function $e() {
-      ge(
+      he(
         () => t.editor.flowModel.value,
         (I) => a.syncFlowModel(I)
-      ), ge(
+      ), he(
         [() => t.editor.mode.value, () => t.editor.selectionMode.value],
         ([I, C]) => {
-          K(I === "edit", C);
+          Q(I === "edit", C);
         },
         { immediate: !0 }
       );
@@ -2663,12 +2681,12 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
       if (!i.value) return;
       const I = /* @__PURE__ */ new Set(["model", "container"]), C = {};
       if (t.graphOptions)
-        for (const [$, ne] of Object.entries(t.graphOptions)) {
+        for (const [$, ie] of Object.entries(t.graphOptions)) {
           if (I.has($)) {
             console.warn(`[flow-canvas] graphOptions.${$} is managed by the engine and will be ignored`);
             continue;
           }
-          C[$] = ne;
+          C[$] = ie;
         }
       l = new Et({
         container: i.value,
@@ -2708,10 +2726,10 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
           }
         },
         ...C
-      }), v = new Vt(), a = new Wt(
+      }), h = new Vt(), a = new Wt(
         l,
         t.editor.schema,
-        v,
+        h,
         ($) => t.editor._pluginManager.collectNodeDecorations($),
         ($) => t.editor._pluginManager.collectEdgeDecorations($),
         () => t.editor.api.value ? {
@@ -2731,25 +2749,25 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
         idGenerator: t.editor.idGenerator,
         defaultInsertGap: t.nodeActions?.insertGap,
         getContextMenuItems: ($) => t.editor._pluginManager.collectContextMenuItems($),
-        onHighlightChange: ($, ne) => {
+        onHighlightChange: ($, ie) => {
           a.setHighlightedNodes($);
-          const he = a.setHighlightedEdges(ne);
+          const ve = a.setHighlightedEdges(ie);
           a.refreshNodeHighlights();
-          const se = new Set(ne);
-          for (const ye of he)
-            se.has(ye) || a.refreshSingleEdgeStyle(ye);
-          for (const ye of se)
-            he.has(ye) || a.refreshSingleEdgeStyle(ye);
+          const ae = new Set(ie);
+          for (const ye of ve)
+            ae.has(ye) || a.refreshSingleEdgeStyle(ye);
+          for (const ye of ae)
+            ve.has(ye) || a.refreshSingleEdgeStyle(ye);
         },
         resolveNodeShape: ($) => {
-          const ne = t.editor.schema.nodeTypes[$];
-          if (!ne) return null;
-          const he = v.registerNodeType($, ne.component), se = ne.getSize({ id: "", type: $, position: { x: 0, y: 0 } });
-          return { shapeName: he, width: se.width, height: se.height };
+          const ie = t.editor.schema.nodeTypes[$];
+          if (!ie) return null;
+          const ve = h.registerNodeType($, ie.component), ae = ie.getSize({ id: "", type: $, position: { x: 0, y: 0 } });
+          return { shapeName: ve, width: ae.width, height: ae.height };
         }
       });
       t.editor.api.value = W;
-      const ee = {
+      const te = {
         flowModel: t.editor.flowModel,
         history: t.editor.history,
         schema: t.editor.schema,
@@ -2761,9 +2779,9 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
         overlay: P,
         graph: l
       };
-      t.editor._pluginManager.attachRuntime(ee);
-      const le = t.editor._pluginManager.collectExtendedApi();
-      Object.assign(t.editor.extendedApi, le), t.editor._emitUiEvent = ($) => {
+      t.editor._pluginManager.attachRuntime(te);
+      const ce = t.editor._pluginManager.collectExtendedApi();
+      Object.assign(t.editor.extendedApi, ce), t.editor._emitUiEvent = ($) => {
         t.editor._pluginManager.dispatchUiEvent($), s("ui-event", $);
       }, f = new Xt(
         l,
@@ -2772,11 +2790,11 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
         },
         ($) => {
           if (a.isSyncing) return;
-          const ne = R.tryExpandForEdgeDrop($);
-          if (t.editor.executeCommand(ne).status !== "applied") {
-            for (const se of ne.commands)
-              if (se.type === "edge.add") {
-                const ye = l.getCellById(se.edge.id);
+          const ie = R.tryExpandForEdgeDrop($);
+          if (t.editor.executeCommand(ie).status !== "applied") {
+            for (const ae of ie.commands)
+              if (ae.type === "edge.add") {
+                const ye = l.getCellById(ae.edge.id);
                 ye && l.removeCell(ye);
               }
           }
@@ -2784,22 +2802,22 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
         t.editor.flowModel,
         t.editor.idGenerator
       ), p = no(l);
-      const oe = so(l);
-      m.attachRuntime(l, ($) => oe.hideNodePorts($)), R.attachRuntime(l), me(oe), pe(oe), O = vo(l.container);
+      const se = so(l);
+      m.attachRuntime(l, ($) => se.hideNodePorts($)), R.attachRuntime(l), ne(se), re(se), O = vo(l.container);
       let xe = /* @__PURE__ */ new Set(), be = /* @__PURE__ */ new Set();
       l.on("selection:changed", () => {
-        const $ = ft(l.getSelectedCells?.() ?? []), ne = new Set($.nodeIds);
-        mo(l, xe, ne), xe = ne, X.value = $, t.editor._pluginManager.dispatchSelectionChange($), s("ui-event", {
+        const $ = ft(l.getSelectedCells?.() ?? []), ie = new Set($.nodeIds);
+        mo(l, xe, ie), xe = ie, X.value = $, t.editor._pluginManager.dispatchSelectionChange($), s("ui-event", {
           type: "selection.change",
           nodeIds: $.nodeIds,
           edgeIds: $.edgeIds
         }), a.refreshNodeHighlights();
-        const he = new Set($.edgeIds);
-        for (const se of be)
-          he.has(se) || a.refreshSingleEdgeStyle(se);
-        for (const se of he)
-          be.has(se) || a.refreshSingleEdgeStyle(se);
-        be = he;
+        const ve = new Set($.edgeIds);
+        for (const ae of be)
+          ve.has(ae) || a.refreshSingleEdgeStyle(ae);
+        for (const ae of ve)
+          be.has(ae) || a.refreshSingleEdgeStyle(ae);
+        be = ve;
       });
       const Be = () => {
         k.value++;
@@ -2810,52 +2828,52 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
       b.reset(), m.quickAddNodeId.value = null, m.quickAddPopoverOpen.value = !1;
     }
     return e({ resetHoverState: Se }), Te(() => {
-      b.cleanup(), m.cleanup(), R.cleanup(), p?.remove(), u && l?.container?.removeEventListener("mousemove", u), w && r.value?.removeEventListener("mousemove", w), D && r.value?.removeEventListener("mouseleave", D), O?.(), r.value?.removeEventListener("keydown", Q), t.editor._pluginManager.detachRuntime(), t.editor.api.value = null;
+      b.cleanup(), m.cleanup(), R.cleanup(), p?.remove(), u && l?.container?.removeEventListener("mousemove", u), w && r.value?.removeEventListener("mousemove", w), D && r.value?.removeEventListener("mouseleave", D), O?.(), r.value?.removeEventListener("keydown", Z), t.editor._pluginManager.detachRuntime(), t.editor.api.value = null;
       for (const I of Object.keys(t.editor.extendedApi))
         delete t.editor.extendedApi[I];
-      f?.dispose(), a?.dispose(), v?.dispose(), l?.dispose();
+      f?.dispose(), a?.dispose(), h?.dispose(), l?.dispose();
     }), (I, C) => (A(), T("div", {
       ref_key: "rootRef",
       ref: r,
-      class: te(["flow-canvas-runtime-core", { "flow-canvas-runtime-core--selection-mode": G.value }]),
+      class: oe(["flow-canvas-runtime-core", { "flow-canvas-runtime-core--selection-mode": G.value }]),
       tabindex: "0"
     }, [
-      q("div", {
+      F("div", {
         ref_key: "containerRef",
         ref: i,
         class: "flow-canvas-runtime-core__graph"
       }, null, 512),
-      q("div", No, [
-        (A(!0), T(de, null, Ce(y.value, (P) => (A(), T("div", {
+      F("div", No, [
+        (A(!0), T(ue, null, Ce(y.value, (P) => (A(), T("div", {
           key: `badge-${P.nodeId}`,
           class: "flow-canvas-runtime-core__badge",
           style: Ee({ left: `${P.x}px`, top: `${P.y}px`, backgroundColor: P.badge.color })
-        }, ce(P.badge.text), 5))), 128)),
-        re(E) ? (A(), Ie(Co, {
+        }, fe(P.badge.text), 5))), 128)),
+        le(E) ? (A(), Ie(Co, {
           key: 0,
           ref_key: "quickAddPopoverRef",
-          ref: h,
-          node: re(E).node,
-          "port-position": re(E).portPosition,
-          "auto-pan-on-open": re(m).mergedConfig.value.autoPanOnOpen,
-          "auto-pan-padding": re(m).mergedConfig.value.autoPanPadding,
-          onOpen: re(L),
-          onClose: ie,
-          onStartDrag: re(z),
-          onViewportOverflowRight: re(m).handlePopoverViewportOverflow,
-          onMouseenter: re(N),
-          onMouseleave: re(_)
+          ref: v,
+          node: le(E).node,
+          "port-position": le(E).portPosition,
+          "auto-pan-on-open": le(m).mergedConfig.value.autoPanOnOpen,
+          "auto-pan-padding": le(m).mergedConfig.value.autoPanPadding,
+          onOpen: le(L),
+          onClose: de,
+          onStartDrag: le(z),
+          onViewportOverflowRight: le(m).handlePopoverViewportOverflow,
+          onMouseenter: le(N),
+          onMouseleave: le(_)
         }, {
           default: He(() => [
             Me(I.$slots, "quick-add-panel", {
-              node: re(E).node,
+              node: le(E).node,
               api: n.editor.api.value,
-              insertNodeToRight: (P) => re(x)(re(E).node.id, P),
-              closePopover: () => h.value?.closePopover()
+              insertNodeToRight: (P) => le(x)(le(E).node.id, P),
+              closePopover: () => v.value?.closePopover()
             }, void 0, !0)
           ]),
           _: 3
-        }, 8, ["node", "port-position", "auto-pan-on-open", "auto-pan-padding", "onOpen", "onStartDrag", "onViewportOverflowRight", "onMouseenter", "onMouseleave"])) : Y("", !0),
+        }, 8, ["node", "port-position", "auto-pan-on-open", "auto-pan-padding", "onOpen", "onStartDrag", "onViewportOverflowRight", "onMouseenter", "onMouseleave"])) : K("", !0),
         c.value ? (A(), Ie(bo, {
           key: 1,
           node: c.value.node,
@@ -2863,20 +2881,20 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
           config: d.value,
           behavior: c.value.behavior,
           "actions-offset": c.value.behavior.actionsOffset,
-          onAction: Z,
-          onMouseenter: re(B),
+          onAction: Y,
+          onMouseenter: le(B),
           onMouseleave: j
-        }, null, 8, ["node", "position", "config", "behavior", "actions-offset", "onMouseenter"])) : Y("", !0),
+        }, null, 8, ["node", "position", "config", "behavior", "actions-offset", "onMouseenter"])) : K("", !0),
         g.value ? (A(), Ie(Mo, {
           key: 2,
           position: g.value.position,
           "can-delete": g.value.canDelete,
-          onAction: ae
-        }, null, 8, ["position", "can-delete"])) : Y("", !0)
+          onAction: J
+        }, null, 8, ["position", "can-delete"])) : K("", !0)
       ])
     ], 2));
   }
-}), Dn = /* @__PURE__ */ ve(Do, [["__scopeId", "data-v-84584822"]]), Ao = { class: "flow-canvas-node-palette" }, _o = ["data-node-type"], Po = { class: "flow-canvas-node-palette__item-label" }, To = /* @__PURE__ */ fe({
+}), Dn = /* @__PURE__ */ me(Do, [["__scopeId", "data-v-84584822"]]), Ao = { class: "flow-canvas-node-palette" }, _o = ["data-node-type"], Po = { class: "flow-canvas-node-palette__item-label" }, To = /* @__PURE__ */ pe({
   __name: "canvas-node-palette",
   props: {
     editor: {},
@@ -2887,51 +2905,51 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
       type: s,
       label: s.charAt(0).toUpperCase() + s.slice(1)
     })));
-    return ge(
+    return he(
       [() => e.editor.api.value, t, o],
       ([s, r, i], l, a) => {
         if (!s || !i) return;
-        const v = [];
+        const h = [];
         for (const f of r) {
           const p = i.querySelector(`[data-node-type="${f.type}"]`);
           if (!p) continue;
           const u = s.registerDndSource(p, () => ({
-            id: J(),
+            id: ee(),
             type: f.type,
             label: f.label,
             position: { x: 0, y: 0 }
           }));
-          v.push(u);
+          h.push(u);
         }
         a(() => {
-          for (const f of v) f();
+          for (const f of h) f();
         });
       },
       { flush: "post" }
     ), (s, r) => (A(), T("div", Ao, [
-      q("div", {
+      F("div", {
         ref_key: "listRef",
         ref: o,
         class: "flow-canvas-node-palette__list"
       }, [
-        (A(!0), T(de, null, Ce(t.value, (i) => (A(), T("div", {
+        (A(!0), T(ue, null, Ce(t.value, (i) => (A(), T("div", {
           key: i.type,
           class: "flow-canvas-node-palette__item",
           "data-node-type": i.type
         }, [
           i.icon ? (A(), T("i", {
             key: 0,
-            class: te([i.icon, "flow-canvas-node-palette__item-icon"])
-          }, null, 2)) : Y("", !0),
-          q("span", Po, ce(i.label), 1)
+            class: oe([i.icon, "flow-canvas-node-palette__item-icon"])
+          }, null, 2)) : K("", !0),
+          F("span", Po, fe(i.label), 1)
         ], 8, _o))), 128))
       ], 512)
     ]));
   }
-}), Ro = /* @__PURE__ */ ve(To, [["__scopeId", "data-v-300314b7"]]), Lo = { class: "flow-canvas-layout" }, Oo = { class: "flow-canvas-layout__main" }, $o = { class: "flow-canvas-layout__content" }, Bo = {
+}), Ro = /* @__PURE__ */ me(To, [["__scopeId", "data-v-300314b7"]]), Lo = { class: "flow-canvas-layout" }, Oo = { class: "flow-canvas-layout__main" }, $o = { class: "flow-canvas-layout__content" }, Bo = {
   key: 0,
   class: "flow-canvas-layout__footer"
-}, Fo = /* @__PURE__ */ fe({
+}, Fo = /* @__PURE__ */ pe({
   __name: "canvas-layout",
   props: {
     sidebarCollapsed: { type: Boolean, default: !1 },
@@ -2946,7 +2964,7 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
     return (e, o) => (A(), T("div", Lo, [
       !n.hideSidebar && (e.$slots.sidebar || n.editor) ? (A(), T("aside", {
         key: 0,
-        class: te(["flow-canvas-layout__sidebar", { "is-collapsed": n.sidebarCollapsed }]),
+        class: oe(["flow-canvas-layout__sidebar", { "is-collapsed": n.sidebarCollapsed }]),
         style: Ee({ width: n.sidebarCollapsed ? "0px" : `${n.sidebarWidth}px` })
       }, [
         Me(e.$slots, "sidebar", {}, () => [
@@ -2954,20 +2972,20 @@ const yo = { class: "flow-canvas-node-actions__bar" }, wo = /* @__PURE__ */ fe({
             key: 0,
             editor: n.editor,
             items: n.paletteItems
-          }, null, 8, ["editor", "items"])) : Y("", !0)
+          }, null, 8, ["editor", "items"])) : K("", !0)
         ], !0)
-      ], 6)) : Y("", !0),
-      q("div", Oo, [
-        q("div", $o, [
+      ], 6)) : K("", !0),
+      F("div", Oo, [
+        F("div", $o, [
           Me(e.$slots, "default", {}, void 0, !0)
         ]),
         !n.hideFooter && e.$slots.footer ? (A(), T("div", Bo, [
           Me(e.$slots, "footer", {}, void 0, !0)
-        ])) : Y("", !0)
+        ])) : K("", !0)
       ])
     ]));
   }
-}), An = /* @__PURE__ */ ve(Fo, [["__scopeId", "data-v-26f35b6b"]]), et = typeof navigator < "u" && /Mac|iPod|iPhone|iPad/.test(navigator.platform ?? navigator.userAgent), qo = ["undo", "redo"];
+}), An = /* @__PURE__ */ me(Fo, [["__scopeId", "data-v-26f35b6b"]]), et = typeof navigator < "u" && /Mac|iPod|iPhone|iPad/.test(navigator.platform ?? navigator.userAgent), qo = ["undo", "redo"];
 function Ho(n) {
   const e = new Set(n?.include), o = new Set(qo.filter((a) => !e.has(a))), t = [
     {
@@ -3054,7 +3072,7 @@ const Go = { class: "flow-canvas-toolbar" }, zo = {
 }, Wo = ["data-toolbar-id", "data-toolbar-type", "disabled", "onClick", "onMouseenter"], Vo = ["textContent"], Xo = {
   key: 0,
   class: "flow-canvas-toolbar-tooltip__kbd"
-}, Ko = /* @__PURE__ */ fe({
+}, Ko = /* @__PURE__ */ pe({
   __name: "canvas-toolbar",
   props: {
     items: {},
@@ -3080,17 +3098,17 @@ const Go = { class: "flow-canvas-toolbar" }, zo = {
     }
     const r = n, i = V(() => {
       if (r.items) return r.items;
-      const c = Ho({ include: r.include }), g = r.editor.toolbarItems.value, h = new Set(r.exclude ?? []), m = /* @__PURE__ */ new Map();
+      const c = Ho({ include: r.include }), g = r.editor.toolbarItems.value, v = new Set(r.exclude ?? []), m = /* @__PURE__ */ new Map();
       for (const E of c)
         m.set(E.id, E);
       for (const E of g) {
         const L = m.get(E.id);
         L ? m.set(E.id, { ...L, ...E, order: L.order, group: L.group }) : t(E) && m.set(E.id, E);
       }
-      return [...m.values()].filter((E) => E.type === "custom" || !e.has(E.type) ? !0 : !h.has(E.type)).sort((E, L) => (E.order ?? 0) - (L.order ?? 0));
-    }), l = H(1), a = H(null), v = H(null), f = H(!1);
+      return [...m.values()].filter((E) => E.type === "custom" || !e.has(E.type) ? !0 : !v.has(E.type)).sort((E, L) => (E.order ?? 0) - (L.order ?? 0));
+    }), l = H(1), a = H(null), h = H(null), f = H(!1);
     let p = null;
-    ge(
+    he(
       () => r.editor.api.value,
       (c) => {
         p?.(), p = null, c && (l.value = c.getZoom(), p = c.onGraphEvent("scale", () => {
@@ -3128,11 +3146,11 @@ const Go = { class: "flow-canvas-toolbar" }, zo = {
     }
     const B = V(() => {
       const c = d.value.filter(
-        (h) => s(h.type) && M(h)
+        (v) => s(v.type) && M(v)
       );
       if (c.length === 0) return null;
-      const g = v.value;
-      return g && c.some((h) => h.type === g) ? g : c[0]?.type ?? null;
+      const g = h.value;
+      return g && c.some((v) => v.type === g) ? g : c[0]?.type ?? null;
     });
     function j(c) {
       return s(c.type) ? B.value === c.type : M(c);
@@ -3156,7 +3174,7 @@ const Go = { class: "flow-canvas-toolbar" }, zo = {
     }
     function G(c) {
       if (!b.value || k(c)) return;
-      if (s(c.type) && (v.value = c.type, U(c)), c.onClick) {
+      if (s(c.type) && (h.value = c.type, U(c)), c.onClick) {
         c.onClick(b.value);
         return;
       }
@@ -3182,11 +3200,11 @@ const Go = { class: "flow-canvas-toolbar" }, zo = {
           break;
         case "export":
           if (f.value) break;
-          f.value = !0, g.exportAsImage().then((h) => {
-            const m = URL.createObjectURL(h), E = document.createElement("a");
+          f.value = !0, g.exportAsImage().then((v) => {
+            const m = URL.createObjectURL(v), E = document.createElement("a");
             E.href = m, E.download = "canvas-export.png", E.click(), URL.revokeObjectURL(m);
-          }).catch((h) => {
-            console.warn("[flow-canvas] Export failed:", h);
+          }).catch((v) => {
+            console.warn("[flow-canvas] Export failed:", v);
           }).finally(() => {
             f.value = !1;
           });
@@ -3208,25 +3226,25 @@ const Go = { class: "flow-canvas-toolbar" }, zo = {
     }
     const d = V(() => i.value.filter(S)), y = V(() => {
       const c = /* @__PURE__ */ new Map(), g = [];
-      for (const h of d.value) {
-        const m = h.group ?? "default";
-        c.has(m) || (c.set(m, []), g.push(m)), c.get(m).push(h);
+      for (const v of d.value) {
+        const m = v.group ?? "default";
+        c.has(m) || (c.set(m, []), g.push(m)), c.get(m).push(v);
       }
-      return g.map((h) => ({ name: h, items: c.get(h) })).filter((h) => h.items.length > 0);
+      return g.map((v) => ({ name: v, items: c.get(v) })).filter((v) => v.items.length > 0);
     });
     return (c, g) => (A(), T("div", Go, [
-      (A(!0), T(de, null, Ce(y.value, (h, m) => (A(), T(de, {
-        key: h.name
+      (A(!0), T(ue, null, Ce(y.value, (v, m) => (A(), T(ue, {
+        key: v.name
       }, [
-        m > 0 ? (A(), T("div", zo)) : Y("", !0),
-        q("div", Uo, [
-          (A(!0), T(de, null, Ce(h.items, (E) => (A(), T(de, {
+        m > 0 ? (A(), T("div", zo)) : K("", !0),
+        F("div", Uo, [
+          (A(!0), T(ue, null, Ce(v.items, (E) => (A(), T(ue, {
             key: E.id
           }, [
-            E.type === "zoom-display" ? (A(), T("span", jo, ce(O.value), 1)) : (A(), T("button", {
+            E.type === "zoom-display" ? (A(), T("span", jo, fe(O.value), 1)) : (A(), T("button", {
               key: 1,
               type: "button",
-              class: te(["flow-canvas-toolbar__btn", {
+              class: oe(["flow-canvas-toolbar__btn", {
                 "is-disabled": k(E),
                 "is-active": j(E),
                 "is-exporting": E.type === "export" && f.value
@@ -3240,11 +3258,11 @@ const Go = { class: "flow-canvas-toolbar" }, zo = {
             }, [
               E.component ? (A(), Ie(mt(E.component), { key: 0 })) : E.icon ? (A(), T("i", {
                 key: 1,
-                class: te(E.icon)
+                class: oe(E.icon)
               }, null, 2)) : (A(), T("span", {
                 key: 2,
                 class: "flow-canvas-toolbar__text",
-                textContent: ce(E.text ?? E.description ?? E.id)
+                textContent: fe(E.text ?? E.description ?? E.id)
               }, null, 8, Vo))
             ], 42, Wo))
           ], 64))), 128))
@@ -3258,22 +3276,22 @@ const Go = { class: "flow-canvas-toolbar" }, zo = {
           class: "flow-canvas-toolbar-tooltip",
           style: Ee({ left: `${u.x}px`, top: `${u.y}px` })
         }, [
-          q("span", null, ce(u.text), 1),
+          F("span", null, fe(u.text), 1),
           u.shortcut.length ? (A(), T("kbd", Xo, [
-            (A(!0), T(de, null, Ce(u.shortcut, (h, m) => (A(), T("span", { key: m }, ce(h), 1))), 128))
-          ])) : Y("", !0),
-          g[0] || (g[0] = q("div", { class: "flow-canvas-toolbar-tooltip__arrow" }, null, -1))
-        ], 4)) : Y("", !0)
+            (A(!0), T(ue, null, Ce(u.shortcut, (v, m) => (A(), T("span", { key: m }, fe(v), 1))), 128))
+          ])) : K("", !0),
+          g[0] || (g[0] = F("div", { class: "flow-canvas-toolbar-tooltip__arrow" }, null, -1))
+        ], 4)) : K("", !0)
       ]))
     ]));
   }
-}), _n = /* @__PURE__ */ ve(Ko, [["__scopeId", "data-v-904248f4"]]), Yo = { class: "flow-canvas-default-node__ep-label" }, Zo = {
+}), _n = /* @__PURE__ */ me(Ko, [["__scopeId", "data-v-904248f4"]]), Yo = { class: "flow-canvas-default-node__ep-label" }, Zo = {
   key: 1,
   class: "flow-canvas-default-node__diamond flow-canvas-highlight-target"
 }, Qo = {
   key: 2,
   class: "flow-canvas-default-node__task-label"
-}, Jo = /* @__PURE__ */ fe({
+}, Jo = /* @__PURE__ */ pe({
   __name: "default-node",
   setup(n) {
     const o = wt("getNode")?.(), t = V(() => o?.getData?.() ?? null), s = V(() => t.value?.label || t.value?.type || ""), r = {
@@ -3291,25 +3309,25 @@ const Go = { class: "flow-canvas-toolbar" }, zo = {
     ]), a = V(() => {
       const f = t.value?.type ?? "";
       return i.has(f) ? "endpoint" : l.has(f) ? "gateway" : "task";
-    }), v = V(() => r[t.value?.type ?? ""] ?? "");
+    }), h = V(() => r[t.value?.type ?? ""] ?? "");
     return (f, p) => (A(), T("div", {
-      class: te(["flow-canvas-default-node", [`is-${a.value}`, { "flow-canvas-highlight-target": a.value !== "gateway" }]])
+      class: oe(["flow-canvas-default-node", [`is-${a.value}`, { "flow-canvas-highlight-target": a.value !== "gateway" }]])
     }, [
-      a.value === "endpoint" ? (A(), T(de, { key: 0 }, [
-        v.value ? (A(), T("i", {
+      a.value === "endpoint" ? (A(), T(ue, { key: 0 }, [
+        h.value ? (A(), T("i", {
           key: 0,
-          class: te([["flow-canvas-icon", v.value], "flow-canvas-default-node__ep-icon"])
-        }, null, 2)) : Y("", !0),
-        q("span", Yo, ce(s.value), 1)
+          class: oe([["flow-canvas-icon", h.value], "flow-canvas-default-node__ep-icon"])
+        }, null, 2)) : K("", !0),
+        F("span", Yo, fe(s.value), 1)
       ], 64)) : a.value === "gateway" ? (A(), T("div", Zo, [
-        v.value ? (A(), T("i", {
+        h.value ? (A(), T("i", {
           key: 0,
-          class: te([["flow-canvas-icon", v.value], "flow-canvas-default-node__gw-icon"])
-        }, null, 2)) : Y("", !0)
-      ])) : (A(), T("span", Qo, ce(s.value), 1))
+          class: oe([["flow-canvas-icon", h.value], "flow-canvas-default-node__gw-icon"])
+        }, null, 2)) : K("", !0)
+      ])) : (A(), T("span", Qo, fe(s.value), 1))
     ], 2));
   }
-}), en = /* @__PURE__ */ ve(Jo, [["__scopeId", "data-v-f0e24a9f"]]), tn = {
+}), en = /* @__PURE__ */ me(Jo, [["__scopeId", "data-v-f0e24a9f"]]), tn = {
   start: { label: "开始", icon: "flow-canvas-icon canvas-kaishi", width: 88, height: 40 },
   end: { label: "结束", icon: "flow-canvas-icon canvas-stop", width: 88, height: 40 },
   empty: { label: "空节点", icon: "flow-canvas-icon canvas-jiedi", width: 240, height: 48 },
@@ -3355,10 +3373,10 @@ function on() {
 function Pn(n) {
   const e = n?.nodeTypes ?? tn, o = {}, t = [];
   for (const [i, l] of Object.entries(e)) {
-    const a = l.width ?? 150, v = l.height ?? 50;
+    const a = l.width ?? 150, h = l.height ?? 50;
     o[i] = {
       component: en,
-      getSize: () => ({ width: a, height: v }),
+      getSize: () => ({ width: a, height: h }),
       getPorts: () => ut()
     }, t.push({
       type: i,
@@ -3387,13 +3405,13 @@ function Tn(n) {
         if (r.type !== "edge.add" && r.type !== "edge.reconnect") continue;
         const i = t.flowModel.value, l = r.type === "edge.add" ? r.edge.source.nodeId : r.source?.nodeId, a = r.type === "edge.add" ? r.edge.target.nodeId : r.target?.nodeId;
         if (!l || !a) continue;
-        const v = i.nodes[l], f = i.nodes[a];
-        if (!v || !f) continue;
-        const p = r.type === "edge.add" ? r.edge.source.portId : r.source?.portId, u = r.type === "edge.add" ? r.edge.target.portId : r.target?.portId, w = p ? v.ports?.find((M) => M.id === p) : void 0, D = u ? f.ports?.find((M) => M.id === u) : void 0, O = r.type === "edge.reconnect" ? r.edgeId : void 0, b = Object.values(i.edges).filter(
+        const h = i.nodes[l], f = i.nodes[a];
+        if (!h || !f) continue;
+        const p = r.type === "edge.add" ? r.edge.source.portId : r.source?.portId, u = r.type === "edge.add" ? r.edge.target.portId : r.target?.portId, w = p ? h.ports?.find((M) => M.id === p) : void 0, D = u ? f.ports?.find((M) => M.id === u) : void 0, O = r.type === "edge.reconnect" ? r.edgeId : void 0, b = Object.values(i.edges).filter(
           (M) => M.id !== O && !s.has(M.id)
         ), S = n({
           flowModel: i,
-          sourceNode: v,
+          sourceNode: h,
           targetNode: f,
           sourcePort: w,
           targetPort: D,
@@ -3454,7 +3472,7 @@ function Ln(n) {
 const nn = { class: "flow-canvas-search-popover__input-box" }, sn = ["value", "placeholder"], rn = {
   key: 0,
   class: "flow-canvas-search-popover__no-result"
-}, an = { class: "flow-canvas-search-popover__counter" }, ln = ["onMouseenter", "onClick"], dn = { class: "flow-canvas-search-popover__item-label" }, cn = /* @__PURE__ */ fe({
+}, an = { class: "flow-canvas-search-popover__counter" }, ln = ["onMouseenter", "onClick"], dn = { class: "flow-canvas-search-popover__item-label" }, cn = /* @__PURE__ */ pe({
   __name: "search-popover",
   props: {
     open: { type: Boolean },
@@ -3468,19 +3486,19 @@ const nn = { class: "flow-canvas-search-popover__input-box" }, sn = ["value", "p
   emits: ["update:query", "select", "nextMatch", "prevMatch", "close"],
   setup(n, { emit: e }) {
     const o = n, t = e, s = H(null), r = H(null), i = H(-1);
-    ge(
+    he(
       () => o.open,
       (u) => {
         u && (i.value = -1, Ge(() => {
           s.value?.focus(), s.value?.select();
         }));
       }
-    ), ge(
+    ), he(
       () => o.query,
       () => {
         i.value = -1;
       }
-    ), ge(
+    ), he(
       () => o.results.length,
       (u) => {
         if (!u) {
@@ -3496,7 +3514,7 @@ const nn = { class: "flow-canvas-search-popover__input-box" }, sn = ["value", "p
     function a(u) {
       i.value = u;
     }
-    function v() {
+    function h() {
       i.value = -1;
     }
     function f(u) {
@@ -3539,8 +3557,8 @@ const nn = { class: "flow-canvas-search-popover__input-box" }, sn = ["value", "p
       class: "flow-canvas-search-popover",
       style: Ee({ left: `${n.position.x}px`, top: `${n.position.y}px`, width: `${n.position.width}px` })
     }, [
-      q("div", nn, [
-        q("input", {
+      F("div", nn, [
+        F("input", {
           ref_key: "inputRef",
           ref: s,
           value: n.query,
@@ -3548,20 +3566,20 @@ const nn = { class: "flow-canvas-search-popover__input-box" }, sn = ["value", "p
           onInput: l,
           onKeydown: f
         }, null, 40, sn),
-        n.query ? (A(), T(de, { key: 0 }, [
-          n.results.length ? (A(), T(de, { key: 1 }, [
-            q("button", {
+        n.query ? (A(), T(ue, { key: 0 }, [
+          n.results.length ? (A(), T(ue, { key: 1 }, [
+            F("button", {
               type: "button",
               class: "flow-canvas-search-popover__nav-btn",
               "aria-label": "上一个",
               onClick: w[0] || (w[0] = (D) => t("prevMatch"))
             }, [...w[2] || (w[2] = [
-              q("svg", {
+              F("svg", {
                 viewBox: "0 0 16 16",
                 width: "12",
                 height: "12"
               }, [
-                q("path", {
+                F("path", {
                   d: "M10.3 12.3 6 8l4.3-4.3",
                   fill: "none",
                   stroke: "currentColor",
@@ -3571,19 +3589,19 @@ const nn = { class: "flow-canvas-search-popover__input-box" }, sn = ["value", "p
                 })
               ], -1)
             ])]),
-            q("span", an, ce(n.matchIndex >= 0 ? n.matchIndex + 1 : 0) + " / " + ce(n.results.length), 1),
-            q("button", {
+            F("span", an, fe(n.matchIndex >= 0 ? n.matchIndex + 1 : 0) + " / " + fe(n.results.length), 1),
+            F("button", {
               type: "button",
               class: "flow-canvas-search-popover__nav-btn",
               "aria-label": "下一个",
               onClick: w[1] || (w[1] = (D) => t("nextMatch"))
             }, [...w[3] || (w[3] = [
-              q("svg", {
+              F("svg", {
                 viewBox: "0 0 16 16",
                 width: "12",
                 height: "12"
               }, [
-                q("path", {
+                F("path", {
                   d: "M5.7 3.7 10 8l-4.3 4.3",
                   fill: "none",
                   stroke: "currentColor",
@@ -3594,27 +3612,27 @@ const nn = { class: "flow-canvas-search-popover__input-box" }, sn = ["value", "p
               ], -1)
             ])])
           ], 64)) : (A(), T("span", rn, "无结果"))
-        ], 64)) : Y("", !0),
-        w[4] || (w[4] = q("i", { class: "flow-canvas-icon canvas-search flow-canvas-search-popover__search-icon" }, null, -1))
+        ], 64)) : K("", !0),
+        w[4] || (w[4] = F("i", { class: "flow-canvas-icon canvas-search flow-canvas-search-popover__search-icon" }, null, -1))
       ]),
       n.query && n.results.length ? (A(), T("div", {
         key: 0,
         class: "flow-canvas-search-popover__list-box",
-        onMouseleave: v
+        onMouseleave: h
       }, [
-        (A(!0), T(de, null, Ce(n.results, (D, O) => (A(), T("button", {
+        (A(!0), T(ue, null, Ce(n.results, (D, O) => (A(), T("button", {
           key: D.id,
           type: "button",
-          class: te(["flow-canvas-search-popover__item", { "is-active": O === i.value, "is-matched": O === n.matchIndex }]),
+          class: oe(["flow-canvas-search-popover__item", { "is-active": O === i.value, "is-matched": O === n.matchIndex }]),
           onMouseenter: (b) => a(O),
           onClick: (b) => t("select", D.id)
         }, [
-          q("span", dn, ce(D.label), 1)
+          F("span", dn, fe(D.label), 1)
         ], 42, ln))), 128))
-      ], 32)) : Y("", !0)
-    ], 4)) : Y("", !0);
+      ], 32)) : K("", !0)
+    ], 4)) : K("", !0);
   }
-}), un = /* @__PURE__ */ ve(cn, [["__scopeId", "data-v-aca2b1c1"]]), nt = 282, fn = 4, gn = 300, _e = "flow-canvas-node-ring-target--search-match", Pe = "flow-canvas-node-ring-target--search-current", pn = "flow-canvas-node-ring-target";
+}), un = /* @__PURE__ */ me(cn, [["__scopeId", "data-v-aca2b1c1"]]), nt = 282, fn = 4, gn = 300, _e = "flow-canvas-node-ring-target--search-match", Pe = "flow-canvas-node-ring-target--search-current", pn = "flow-canvas-node-ring-target";
 function hn(n) {
   return n !== null;
 }
@@ -3642,9 +3660,9 @@ function yn(n, e) {
 }
 function On(n) {
   let e = null, o = null, t = null, s = null, r = null, i = null;
-  const l = H(!1), a = H(""), v = H({ x: 0, y: 0, width: nt }), f = H(-1), p = V(() => e ? Object.values(e.flowModel.value.nodes).map((g) => yn(g, n)).filter(hn) : []), u = V(() => {
-    const g = a.value.trim().toLowerCase(), h = Math.max(1, n?.maxResults ?? gn);
-    return g ? p.value.filter((m) => m.keywords.some((E) => E.toLowerCase().includes(g))).slice(0, h) : p.value.slice(0, h);
+  const l = H(!1), a = H(""), h = H({ x: 0, y: 0, width: nt }), f = H(-1), p = V(() => e ? Object.values(e.flowModel.value.nodes).map((g) => yn(g, n)).filter(hn) : []), u = V(() => {
+    const g = a.value.trim().toLowerCase(), v = Math.max(1, n?.maxResults ?? gn);
+    return g ? p.value.filter((m) => m.keywords.some((E) => E.toLowerCase().includes(g))).slice(0, v) : p.value.slice(0, v);
   });
   function w() {
     return t?.querySelector('.flow-canvas-toolbar__btn[data-toolbar-type="search"]');
@@ -3653,10 +3671,10 @@ function On(n) {
     return w()?.closest(".flow-canvas-toolbar");
   }
   function O() {
-    const g = D(), h = t?.getBoundingClientRect(), m = g?.getBoundingClientRect() ?? h;
+    const g = D(), v = t?.getBoundingClientRect(), m = g?.getBoundingClientRect() ?? v;
     if (!m) return;
     const E = Math.max(nt, Math.round(m.width));
-    v.value = {
+    h.value = {
       x: mn(m.left, E),
       y: m.bottom + fn,
       width: E
@@ -3664,16 +3682,16 @@ function On(n) {
   }
   function b(g) {
     if (!o) return null;
-    const h = o.graph.getCellById(g);
-    if (!h?.isNode()) return null;
-    const m = o.graph.findViewByCell(h)?.container;
+    const v = o.graph.getCellById(g);
+    if (!v?.isNode()) return null;
+    const m = o.graph.findViewByCell(v)?.container;
     return m ? m.querySelector(".flow-canvas-highlight-target") ?? m.querySelector(".flow-canvas-node-surface > :first-child") : null;
   }
   function S() {
     if (!o) return;
     const g = o.graph.getNodes();
-    for (const h of g) {
-      const m = b(h.id);
+    for (const v of g) {
+      const m = b(v.id);
       m && m.classList.remove(_e, Pe);
     }
   }
@@ -3684,28 +3702,28 @@ function On(n) {
       S();
       return;
     }
-    const h = new Set(u.value.map((L) => L.id)), m = f.value >= 0 ? u.value[f.value]?.id : null, E = o.graph.getNodes();
+    const v = new Set(u.value.map((L) => L.id)), m = f.value >= 0 ? u.value[f.value]?.id : null, E = o.graph.getNodes();
     for (const L of E) {
       const z = b(L.id);
-      z && (z.classList.add(pn), L.id === m ? (z.classList.remove(_e), z.classList.add(Pe)) : h.has(L.id) ? (z.classList.remove(Pe), z.classList.add(_e)) : z.classList.remove(_e, Pe));
+      z && (z.classList.add(pn), L.id === m ? (z.classList.remove(_e), z.classList.add(Pe)) : v.has(L.id) ? (z.classList.remove(Pe), z.classList.add(_e)) : z.classList.remove(_e, Pe));
     }
   }
   function B(g) {
     if (!o) return;
-    const h = u.value.findIndex((m) => m.id === g);
-    h >= 0 && (f.value = h), o.api.scrollToNode(g), M();
+    const v = u.value.findIndex((m) => m.id === g);
+    v >= 0 && (f.value = v), o.api.scrollToNode(g), M();
   }
   function j() {
     const g = u.value;
     if (g.length === 0) return;
-    const h = f.value < g.length - 1 ? f.value + 1 : 0;
-    f.value = h, B(g[h].id);
+    const v = f.value < g.length - 1 ? f.value + 1 : 0;
+    f.value = v, B(g[v].id);
   }
   function k() {
     const g = u.value;
     if (g.length === 0) return;
-    const h = f.value > 0 ? f.value - 1 : g.length - 1;
-    f.value = h, B(g[h].id);
+    const v = f.value > 0 ? f.value - 1 : g.length - 1;
+    f.value = v, B(g[v].id);
   }
   function X() {
     o && (l.value = !0, O(), requestAnimationFrame(() => O()));
@@ -3721,18 +3739,18 @@ function On(n) {
     X();
   }
   function d(g) {
-    const h = w();
-    return !!(h && g instanceof Node && h.contains(g));
+    const v = w();
+    return !!(v && g instanceof Node && v.contains(g));
   }
   function y() {
     l.value && O();
   }
-  const c = fe({
+  const c = pe({
     name: "FlowCanvasSearchHost",
     setup() {
       return () => qe(un, {
         open: l.value,
-        position: v.value,
+        position: h.value,
         query: a.value,
         results: u.value,
         matchIndex: f.value,
@@ -3755,7 +3773,7 @@ function On(n) {
       e = g;
     },
     attachRuntime(g) {
-      o = g, t = g.graph.container.closest(".flow-canvas-layout__content") ?? g.graph.container.parentElement, s = document.createElement("div"), s.className = "flow-canvas-search-host", document.body.append(s), r = bt(c), r.mount(s), i = ge(
+      o = g, t = g.graph.container.closest(".flow-canvas-layout__content") ?? g.graph.container.parentElement, s = document.createElement("div"), s.className = "flow-canvas-search-host", document.body.append(s), r = bt(c), r.mount(s), i = he(
         () => [a.value, u.value.length],
         () => {
           f.value = -1, M();
@@ -3810,7 +3828,7 @@ function En(n) {
     top: `${st}px`,
     left: `${rt}px`
   });
-  let t = null, s = n.defaultOpen ?? !1, r = null, i = null, l = null, a = null, v = {
+  let t = null, s = n.defaultOpen ?? !1, r = null, i = null, l = null, a = null, h = {
     width: n.width,
     height: n.height
   };
@@ -3830,7 +3848,7 @@ function En(n) {
       height: n.height,
       offset: n.panelOffset ?? pt
     });
-    v = {
+    h = {
       width: k.width,
       height: k.height
     }, Object.assign(e.style, {
@@ -3867,8 +3885,8 @@ function En(n) {
   function S() {
     t || (t = new Ct({
       container: o,
-      width: v.width,
-      height: v.height,
+      width: h.width,
+      height: h.height,
       padding: n.contentPadding ?? wn,
       scalable: !1
     }), n.sourceGraph.use(t));
@@ -3914,8 +3932,8 @@ function $n(n) {
     name: "minimap",
     priority: 90,
     attachRuntime(a) {
-      const v = a, f = n?.width ?? 334, p = n?.height ?? 180;
-      o = v.graph.container.closest(".flow-canvas-layout__content") ?? v.graph.container.parentElement;
+      const h = a, f = n?.width ?? 334, p = n?.height ?? 180;
+      o = h.graph.container.closest(".flow-canvas-layout__content") ?? h.graph.container.parentElement;
       const u = n?.container ?? o;
       u && (e = En({
         sourceGraph: a.graph,
@@ -3959,22 +3977,22 @@ function Bn() {
         if (!r.length) return !1;
         const i = t.flowModel.value, l = new Set(r.filter((f) => f.isNode()).map((f) => f.id)), a = [...l].map((f) => i.nodes[f]).filter(Boolean);
         if (!a.length) return !1;
-        const v = Object.values(i.edges).filter(
+        const h = Object.values(i.edges).filter(
           (f) => l.has(f.source.nodeId) && l.has(f.target.nodeId)
         );
-        return n = { nodes: a, edges: v }, e = 0, !0;
+        return n = { nodes: a, edges: h }, e = 0, !0;
       }
       if (s && o.key === "v") {
         if (!n?.nodes.length) return !1;
         e++;
         const r = e * 30, i = /* @__PURE__ */ new Map(), l = [];
         for (const a of n.nodes) {
-          const v = `${a.id}_cp${J().slice(0, 6)}`;
-          i.set(a.id, v), l.push({
+          const h = `${a.id}_cp${ee().slice(0, 6)}`;
+          i.set(a.id, h), l.push({
             type: "node.add",
             node: {
               ...a,
-              id: v,
+              id: h,
               position: {
                 x: a.position.x + r,
                 y: a.position.y + r
@@ -3985,21 +4003,21 @@ function Bn() {
           });
         }
         for (const a of n.edges) {
-          const v = i.get(a.source.nodeId), f = i.get(a.target.nodeId);
-          !v || !f || l.push({
+          const h = i.get(a.source.nodeId), f = i.get(a.target.nodeId);
+          !h || !f || l.push({
             type: "edge.add",
             edge: {
               ...a,
-              id: `${a.id}_cp${J().slice(0, 6)}`,
-              source: { ...a.source, nodeId: v },
+              id: `${a.id}_cp${ee().slice(0, 6)}`,
+              source: { ...a.source, nodeId: h },
               target: { ...a.target, nodeId: f },
-              labels: a.labels?.map((p) => ({ ...p, id: `${p.id}_cp${J().slice(0, 6)}` })),
+              labels: a.labels?.map((p) => ({ ...p, id: `${p.id}_cp${ee().slice(0, 6)}` })),
               payload: a.payload ? { ...a.payload } : {}
             }
           });
         }
         return l.length && t.executeCommand({
-          id: J(),
+          id: ee(),
           source: "user:keyboard",
           label: "粘贴",
           timestamp: Date.now(),
@@ -4011,7 +4029,7 @@ function Bn() {
   };
 }
 export {
-  ue as CanvasConstraintError,
+  ge as CanvasConstraintError,
   An as CanvasLayout,
   Ro as CanvasNodePalette,
   Dn as CanvasRuntime,
@@ -4028,7 +4046,7 @@ export {
   Pn as createDefaultSchema,
   Ho as createDefaultToolbarItems,
   Mn as createEmptyFlowModel,
-  J as generateId,
+  ee as generateId,
   $n as minimapPlugin,
   On as searchPlugin,
   Rn as selectionPlugin,