@blueking/flow-canvas 0.0.1-beta.1

package/dist/index.esm.js

@@ -0,0 +1,2709 @@
+import { ref as B, computed as z, onScopeDispose as ze, defineComponent as ie, onBeforeUnmount as Ne, createElementBlock as M, openBlock as C, normalizeStyle as we, createElementVNode as $, createVNode as Oe, createCommentVNode as O, normalizeClass as Q, Transition as je, withCtx as De, withModifiers as qe, createTextVNode as Ae, renderSlot as ce, onMounted as Ge, watch as de, createBlock as be, Fragment as se, renderList as ge, toDisplayString as ue, unref as le, resolveDynamicComponent as Ve, inject as We } from "vue";
+import { Graph as Qe } from "@antv/x6";
+import { register as Xe } from "@antv/x6-vue-shape";
+function io() {
+  return {
+    version: "1.0",
+    nodes: {},
+    edges: {}
+  };
+}
+class K extends Error {
+  constructor(e) {
+    super(e), this.name = "CanvasConstraintError";
+  }
+}
+class Ye extends Error {
+  constructor(e) {
+    super(e), this.name = "CanvasSchemaError";
+  }
+}
+function xe(s, e, t) {
+  if (e.length === 0) {
+    if (t === void 0) return;
+    if (typeof t != "object" || t === null || Array.isArray(t))
+      throw new Error("Root value of payload/extensions/meta must be an object or undefined");
+    return t;
+  }
+  const o = s ? { ...s } : {};
+  let n = o;
+  for (let r = 0; r < e.length - 1; r++) {
+    const a = e[r], l = n[a];
+    l && typeof l == "object" && !Array.isArray(l) ? n[a] = { ...l } : n[a] = {}, n = n[a];
+  }
+  const i = e[e.length - 1];
+  return t === void 0 ? delete n[i] : n[i] = t, o;
+}
+function Se(s, e) {
+  switch (e.type) {
+    case "node.add":
+      return Ke(s, e.node);
+    case "node.move":
+      return Ze(s, e.nodeId, e.position);
+    case "node.remove":
+      return Je(s, e.nodeId);
+    case "node.update":
+      return et(s, e.nodeId, e.patch);
+    case "node.set-payload":
+      return tt(s, e.nodeId, e.path, e.value);
+    case "node.set-extensions":
+      return ot(s, e.nodeId, e.path, e.value);
+    case "edge.add":
+      return nt(s, e.edge);
+    case "edge.remove":
+      return st(s, e.edgeId);
+    case "edge.reconnect":
+      return it(s, e.edgeId, e.source, e.target);
+    case "edge.update":
+      return rt(s, e.edgeId, e.patch);
+    case "edge.set-payload":
+      return at(s, e.edgeId, e.path, e.value);
+    case "edge.label.update":
+      return lt(s, e.edgeId, e.labelId, e.patch);
+    case "model.set-meta":
+      return dt(s, e.path, e.value);
+    default:
+      throw new K(`Unknown command type: ${e.type}`);
+  }
+}
+function he(s, e) {
+  const t = s.nodes[e];
+  if (!t) throw new K(`Node "${e}" does not exist`);
+  return t;
+}
+function ve(s, e) {
+  const t = s.edges[e];
+  if (!t) throw new K(`Edge "${e}" does not exist`);
+  return t;
+}
+function fe(s, e, t) {
+  const o = s.nodes[e.nodeId];
+  if (!o)
+    throw new K(`${t} node "${e.nodeId}" does not exist`);
+  if (e.portId && o.ports && !o.ports.some((i) => i.id === e.portId))
+    throw new K(`${t} port "${e.portId}" not found on node "${e.nodeId}"`);
+}
+function ke(s, e, t) {
+  return { ...s, nodes: { ...s.nodes, [e]: t } };
+}
+function Ce(s, e, t) {
+  return { ...s, edges: { ...s.edges, [e]: t } };
+}
+function Ke(s, e) {
+  if (s.nodes[e.id])
+    throw new K(`Node id "${e.id}" already exists`);
+  return { ...s, nodes: { ...s.nodes, [e.id]: e } };
+}
+function Ze(s, e, t) {
+  const o = he(s, e);
+  return ke(s, e, { ...o, position: t });
+}
+function Je(s, e) {
+  he(s, e);
+  const { [e]: t, ...o } = s.nodes, n = {};
+  for (const [i, r] of Object.entries(s.edges))
+    r.source.nodeId !== e && r.target.nodeId !== e && (n[i] = r);
+  return { ...s, nodes: o, edges: n };
+}
+function et(s, e, t) {
+  const o = he(s, e);
+  return ke(s, e, { ...o, ...t, id: o.id });
+}
+function tt(s, e, t, o) {
+  const n = he(s, e), i = xe(n.payload, t, o);
+  return ke(s, e, { ...n, payload: i });
+}
+function ot(s, e, t, o) {
+  const n = he(s, e), i = xe(n.extensions, t, o);
+  return ke(s, e, { ...n, extensions: i });
+}
+function nt(s, e) {
+  if (s.edges[e.id])
+    throw new K(`Edge id "${e.id}" already exists`);
+  if (fe(s, e.source, "Source"), fe(s, e.target, "Target"), e.labels) {
+    const t = /* @__PURE__ */ new Set();
+    for (const o of e.labels) {
+      if (t.has(o.id))
+        throw new K(`Duplicate label id "${o.id}" in edge "${e.id}"`);
+      t.add(o.id);
+    }
+  }
+  return { ...s, edges: { ...s.edges, [e.id]: e } };
+}
+function st(s, e) {
+  ve(s, e);
+  const { [e]: t, ...o } = s.edges;
+  return { ...s, edges: o };
+}
+function it(s, e, t, o) {
+  const n = ve(s, e), i = t ?? n.source, r = o ?? n.target;
+  return fe(s, i, "Source"), fe(s, r, "Target"), Ce(s, e, { ...n, source: i, target: r });
+}
+function rt(s, e, t) {
+  const o = ve(s, e), n = { ...o, ...t, id: o.id };
+  return t.source && fe(s, n.source, "Source"), t.target && fe(s, n.target, "Target"), Ce(s, e, n);
+}
+function at(s, e, t, o) {
+  const n = ve(s, e), i = xe(n.payload, t, o);
+  return Ce(s, e, { ...n, payload: i });
+}
+function lt(s, e, t, o) {
+  const n = ve(s, e);
+  if (!n.labels)
+    throw new K(`Edge "${e}" has no labels`);
+  const i = n.labels.findIndex((a) => a.id === t);
+  if (i === -1)
+    throw new K(`Label "${t}" not found in edge "${e}"`);
+  const r = [...n.labels];
+  return r[i] = { ...r[i], ...o, id: t }, Ce(s, e, { ...n, labels: r });
+}
+function dt(s, e, t) {
+  const o = xe(s.meta, e, t);
+  return { ...s, meta: o };
+}
+function ct(s, e) {
+  const t = e?.maxHistorySize ?? 100, o = B(s), n = [], i = [], r = B(!1), a = B(!1);
+  function l() {
+    r.value = n.length > 0, a.value = i.length > 0;
+  }
+  function c(b) {
+    const m = o.value;
+    let p = m;
+    for (const P of b.commands)
+      p = Se(p, P);
+    return n.push({ snapshot: m, envelope: b }), n.length > t && n.shift(), i.length = 0, o.value = p, l(), p;
+  }
+  function u() {
+    const b = n.pop();
+    return b ? (i.push({ snapshot: o.value, envelope: b.envelope }), o.value = b.snapshot, l(), b.snapshot) : null;
+  }
+  function d() {
+    const b = i.pop();
+    if (!b) return null;
+    n.push({ snapshot: o.value, envelope: b.envelope });
+    let m = o.value;
+    for (const p of b.envelope.commands)
+      m = Se(m, p);
+    return o.value = m, l(), m;
+  }
+  function w() {
+    n.length = 0, i.length = 0, l();
+  }
+  function f() {
+    return o.value;
+  }
+  function E(b) {
+    o.value = b, w();
+  }
+  return {
+    currentFlowModel: o,
+    execute: c,
+    undo: u,
+    redo: d,
+    canUndo: r,
+    canRedo: a,
+    get undoStack() {
+      return n.map((b) => b.envelope);
+    },
+    get redoStack() {
+      return i.map((b) => b.envelope);
+    },
+    clear: w,
+    createSnapshot: f,
+    replaceFlowModel: E
+  };
+}
+function ut(s) {
+  return s !== null && typeof s == "object" && s.rejected === !0;
+}
+class ft {
+  plugins = [];
+  editorContext = null;
+  runtimeCtx = null;
+  /** 每次 attachRuntime 递增，detachRuntime 时旧 generation 的异步调用自动作废 */
+  runtimeVersion = 0;
+  install(e, t) {
+    this.plugins = [...e].sort((o, n) => (o.priority ?? 100) - (n.priority ?? 100)), this.editorContext = t;
+    for (const o of this.plugins)
+      o.install?.(t);
+  }
+  /**
+   * 挂载运行时上下文并调用各插件的 attachRuntime。
+   * 异步插件（如动态 import X6 插件）在 await 返回后会检查 generation，
+   * 若 detachRuntime 已被调用（generation 已变），则跳过 graph.use() 等操作。
+   */
+  attachRuntime(e) {
+    const t = ++this.runtimeVersion;
+    this.runtimeCtx = e;
+    const o = this.createSafeRuntimeContext(e, t);
+    for (const n of this.plugins)
+      n.attachRuntime?.(o);
+  }
+  /** 按安装的逆序 detach，保证后安装的插件先释放运行时资源 */
+  detachRuntime() {
+    for (const e of [...this.plugins].reverse())
+      e.detachRuntime?.();
+    this.runtimeCtx = null;
+  }
+  /**
+   * 为 attachRuntime 创建保护代理：graph.use() 等可能在异步回调中调用，
+   * 如果在 await 期间 detachRuntime 已执行，代理会将 graph 操作变为 no-op。
+   */
+  createSafeRuntimeContext(e, t) {
+    const o = this, n = new Proxy(e.graph, {
+      get(i, r, a) {
+        const l = Reflect.get(i, r, a);
+        return r === "use" && typeof l == "function" ? function(...u) {
+          if (o.runtimeVersion === t)
+            return l.apply(i, u);
+        } : l;
+      }
+    });
+    return { ...e, graph: n };
+  }
+  dispose() {
+    for (const e of [...this.plugins].reverse())
+      e.dispose?.();
+    this.plugins = [], this.editorContext = null, this.runtimeCtx = null;
+  }
+  transformCommand(e) {
+    if (!this.editorContext) return { envelope: e };
+    let t = e;
+    for (const o of this.plugins) {
+      if (!o.transformCommand) continue;
+      const n = this.createPreview(t), i = o.transformCommand(t, n, this.editorContext);
+      if (i === null)
+        return {
+          rejected: !0,
+          error: {
+            code: "plugin_rejected",
+            reason: "",
+            source: o.name
+          }
+        };
+      if (ut(i))
+        return {
+          rejected: !0,
+          error: {
+            code: i.code ?? "plugin_rejected",
+            reason: i.reason,
+            source: o.name
+          }
+        };
+      t = i;
+    }
+    return { envelope: t };
+  }
+  afterCommand(e, t, o) {
+    if (this.editorContext)
+      for (const n of this.plugins)
+        n.afterCommand?.(e, t, o, this.editorContext);
+  }
+  dispatchUiEvent(e) {
+    if (this.runtimeCtx)
+      for (const t of this.plugins)
+        t.onUiEvent?.(e, this.runtimeCtx);
+  }
+  dispatchSelectionChange(e) {
+    if (this.runtimeCtx)
+      for (const t of this.plugins)
+        t.onSelectionChange?.(e, this.runtimeCtx);
+  }
+  dispatchKeyboardShortcut(e) {
+    if (!this.runtimeCtx) return !1;
+    for (const t of this.plugins)
+      if (t.onKeyboardShortcut?.(e, this.runtimeCtx))
+        return !0;
+    return !1;
+  }
+  collectContextMenuItems(e) {
+    if (!this.runtimeCtx) return [];
+    const t = [];
+    for (const o of this.plugins) {
+      const n = o.onBlankContextMenu?.(e, this.runtimeCtx);
+      n && t.push(...n);
+    }
+    return t;
+  }
+  /** 汇聚所有插件的工具栏项，相同 id 的后注册覆盖先注册，最终按 order 排序 */
+  collectToolbarItems() {
+    if (!this.editorContext) return [];
+    const e = /* @__PURE__ */ new Map();
+    for (const t of this.plugins) {
+      const o = t.provideToolbarItems?.(this.editorContext);
+      if (o)
+        for (const n of o)
+          e.set(n.id, n);
+    }
+    return [...e.values()].sort((t, o) => (t.order ?? 0) - (o.order ?? 0));
+  }
+  /** 合并所有插件对某节点的装饰（className / borderColor / badge），后注册覆盖先注册 */
+  collectNodeDecorations(e) {
+    if (!this.editorContext) return;
+    let t;
+    for (const o of this.plugins) {
+      const n = o.decorateNode?.(e, this.editorContext);
+      n && (t = t ? { ...t, ...n } : n);
+    }
+    return t;
+  }
+  /** 合并所有插件对某边的装饰（className / strokeColor），后注册覆盖先注册 */
+  collectEdgeDecorations(e) {
+    if (!this.editorContext) return;
+    let t;
+    for (const o of this.plugins) {
+      const n = o.decorateEdge?.(e, this.editorContext);
+      n && (t = t ? { ...t, ...n } : n);
+    }
+    return t;
+  }
+  collectExtendedApi() {
+    if (!this.runtimeCtx) return {};
+    const e = {};
+    for (const t of this.plugins) {
+      const o = t.extendApi?.(this.runtimeCtx.api, this.runtimeCtx);
+      o && Object.assign(e, o);
+    }
+    return e;
+  }
+  /** 基于当前 FlowModel 和待执行命令序列，生成预览 FlowModel 供 transformCommand 使用 */
+  createPreview(e) {
+    const t = this.editorContext;
+    return {
+      previewFlowModel(o) {
+        const n = o ?? e.commands;
+        let i = t.flowModel.value;
+        for (const r of n)
+          i = Se(i, r);
+        return i;
+      }
+    };
+  }
+}
+function ro(s) {
+  const { initialFlowModel: e, schema: t, plugins: o = [], historyOptions: n } = s, i = ct(e, n), r = B(s.mode ?? "edit"), a = B(!1), l = B(null), c = B([]), u = {}, d = new ft();
+  function w(m, p, P, g = "user:toolbar") {
+    const v = {
+      id: `history-${Date.now()}`,
+      source: g,
+      label: m,
+      timestamp: Date.now(),
+      commands: []
+    };
+    d.afterCommand(v, p, P), c.value = d.collectToolbarItems(), s.onCommandResult?.({
+      status: "applied",
+      envelope: v,
+      flowModel: P
+    }), s.onFlowModelChange?.({
+      flowModel: P,
+      prevFlowModel: p,
+      envelope: v,
+      source: g
+    });
+  }
+  const f = {
+    execute: i.execute,
+    undo() {
+      const m = i.currentFlowModel.value, p = i.undo();
+      return p && w("撤销", m, p), p;
+    },
+    redo() {
+      const m = i.currentFlowModel.value, p = i.redo();
+      return p && w("重做", m, p), p;
+    },
+    get canUndo() {
+      return i.canUndo;
+    },
+    get canRedo() {
+      return i.canRedo;
+    },
+    get undoStack() {
+      return i.undoStack;
+    },
+    get redoStack() {
+      return i.redoStack;
+    },
+    clear: i.clear,
+    createSnapshot: i.createSnapshot,
+    replaceFlowModel(m) {
+      const p = i.currentFlowModel.value;
+      i.replaceFlowModel(m), w("替换 FlowModel", p, m, "system:replace");
+    }
+  }, E = {
+    flowModel: z(() => i.currentFlowModel.value),
+    history: f,
+    schema: t,
+    mode: r,
+    executeCommand: b,
+    replaceFlowModel(m) {
+      f.replaceFlowModel(m);
+    },
+    setMode(m) {
+      r.value = m;
+    },
+    selectionMode: a,
+    setSelectionMode(m) {
+      a.value = m;
+    },
+    api: l,
+    toolbarItems: c,
+    extendedApi: u,
+    _pluginManager: d
+  };
+  d.install(o, {
+    flowModel: E.flowModel,
+    history: f,
+    schema: t,
+    mode: r,
+    executeCommand: b
+  }), c.value = d.collectToolbarItems(), ze(() => {
+    d.dispose();
+  });
+  function b(m) {
+    const p = d.transformCommand(m);
+    if ("rejected" in p) {
+      const v = {
+        status: "rejected",
+        envelope: m,
+        error: p.error
+      };
+      return s.onCommandResult?.(v), v;
+    }
+    const P = p.envelope, g = i.currentFlowModel.value;
+    try {
+      const v = i.execute(P), N = {
+        status: "applied",
+        envelope: P,
+        flowModel: v
+      };
+      return d.afterCommand(P, g, v), c.value = d.collectToolbarItems(), s.onCommandResult?.(N), s.onFlowModelChange?.({
+        flowModel: v,
+        prevFlowModel: g,
+        envelope: P,
+        source: P.source
+      }), N;
+    } catch (v) {
+      if (v instanceof K) {
+        const N = {
+          status: "invalid",
+          envelope: P,
+          error: {
+            code: "constraint_violated",
+            reason: v.message,
+            source: "engine"
+          }
+        };
+        return s.onCommandResult?.(N), N;
+      }
+      throw v;
+    }
+  }
+  return E;
+}
+class pt {
+  graph;
+  schema;
+  shapeRegistry;
+  resolveNodeDecoration;
+  resolveEdgeDecoration;
+  resolveCanvasContext;
+  knownNodeIds = /* @__PURE__ */ new Set();
+  knownEdgeIds = /* @__PURE__ */ new Set();
+  syncing = !1;
+  prevNodeDecorationClasses = /* @__PURE__ */ new Map();
+  prevNodeDecorationColors = /* @__PURE__ */ new Set();
+  prevEdgeDecorationClasses = /* @__PURE__ */ new Map();
+  prevEdgeDecorationColors = /* @__PURE__ */ new Set();
+  highlightedNodeIds = /* @__PURE__ */ new Set();
+  highlightedEdgeIds = /* @__PURE__ */ new Set();
+  hoveredEdgeId = null;
+  defaultHighlightedNodeIds = /* @__PURE__ */ new Set();
+  defaultHighlightedEdgeIds = /* @__PURE__ */ new Set();
+  prevEdgeStyleIds = /* @__PURE__ */ new Set();
+  /** x6CellConfig 中 attrs.body 的基线值，清理时恢复而非删除 */
+  nodeDefaultAttrs = /* @__PURE__ */ new Map();
+  /** x6EdgeConfig 中 attrs.line 的基线值，清理时恢复而非删除 */
+  edgeDefaultAttrs = /* @__PURE__ */ new Map();
+  lastModel = null;
+  constructor(e, t, o, n, i, r) {
+    this.graph = e, this.schema = t, this.shapeRegistry = o, this.resolveNodeDecoration = n, this.resolveEdgeDecoration = i, this.resolveCanvasContext = r;
+  }
+  syncFlowModel(e) {
+    if (!this.syncing) {
+      this.syncing = !0, this.lastModel = e;
+      try {
+        const t = this.resolveNodes(e), o = this.resolveEdges(e);
+        this.syncNodes(t), this.syncEdges(o, e);
+      } finally {
+        this.syncing = !1;
+      }
+    }
+  }
+  get isSyncing() {
+    return this.syncing;
+  }
+  /**
+   * 从 x6CellConfig.attrs.body 中提取基线描边，用于管理层清理时恢复。
+   * 仅在节点首次创建时调用一次。
+   */
+  saveNodeDefaultAttrs(e, t) {
+    const n = t.x6CellConfig?.attrs?.body;
+    if (!n) return;
+    const i = {};
+    let r = !1;
+    n.stroke !== void 0 && (i.stroke = n.stroke, r = !0), n.strokeWidth !== void 0 && (i.strokeWidth = n.strokeWidth, r = !0), r && this.nodeDefaultAttrs.set(e, i);
+  }
+  /**
+   * 从 x6EdgeConfig.attrs.line 中提取基线描边，用于管理层清理时恢复。
+   */
+  saveEdgeDefaultAttrs(e, t) {
+    const n = t?.x6EdgeConfig?.attrs?.line;
+    if (!n) return;
+    const i = {};
+    let r = !1;
+    n.stroke !== void 0 && (i.stroke = n.stroke, r = !0), n.strokeWidth !== void 0 && (i.strokeWidth = n.strokeWidth, r = !0), n.strokeDasharray !== void 0 && (i.strokeDasharray = n.strokeDasharray, r = !0), r && this.edgeDefaultAttrs.set(e, i);
+  }
+  /** 恢复节点 attr 到基线值；无基线时移除。 */
+  restoreNodeAttr(e, t, o) {
+    const n = this.nodeDefaultAttrs.get(e.id)?.[o];
+    n !== void 0 ? e.setAttrByPath(t, n) : e.removeAttrByPath(t);
+  }
+  /** 恢复边 attr 到基线值；无基线时移除。 */
+  restoreEdgeAttr(e, t, o) {
+    const n = this.edgeDefaultAttrs.get(e.id)?.[o];
+    n !== void 0 ? e.setAttrByPath(t, n) : e.removeAttrByPath(t);
+  }
+  /** 让正式边接管交互式预览边时，恢复 schema 定义的端点 marker。 */
+  syncEdgeMarker(e, t, o) {
+    const i = t?.x6EdgeConfig?.attrs?.line?.[o], r = `line/${o}`;
+    e.removeAttrByPath(r), i !== void 0 && e.setAttrByPath(r, i);
+  }
+  dispose() {
+    this.knownNodeIds.clear(), this.knownEdgeIds.clear();
+  }
+  resolveNodes(e) {
+    const t = /* @__PURE__ */ new Map();
+    for (const [o, n] of Object.entries(e.nodes)) {
+      const i = this.schema.nodeTypes[n.type];
+      if (!i)
+        throw new Ye(
+          `Unknown node type "${n.type}" for node "${o}". Registered types: [${Object.keys(this.schema.nodeTypes).join(", ")}]. Register the type in CanvasSchema.nodeTypes before using it in a FlowModel.`
+        );
+      const r = this.shapeRegistry.registerNodeType(n.type, i.component), a = i.getSize(n), l = i.getPorts?.(n) ?? n.ports ?? [];
+      t.set(o, { model: n, definition: i, shapeName: r, size: a, ports: l });
+    }
+    return t;
+  }
+  resolveEdges(e) {
+    const t = /* @__PURE__ */ new Map();
+    for (const [o, n] of Object.entries(e.edges)) {
+      const i = n.type ?? this.schema.defaultEdgeType ?? "default", r = this.schema.edgeTypes?.[i];
+      t.set(o, { model: n, definition: r });
+    }
+    return t;
+  }
+  syncNodes(e) {
+    const t = new Set(e.keys());
+    for (const o of this.knownNodeIds)
+      if (!t.has(o)) {
+        const n = this.graph.getCellById(o);
+        n && this.graph.removeCell(n), this.knownNodeIds.delete(o), this.defaultHighlightedNodeIds.delete(o), this.prevNodeDecorationClasses.delete(o), this.prevNodeDecorationColors.delete(o), this.nodeDefaultAttrs.delete(o);
+      }
+    for (const [o, n] of e) {
+      const i = this.graph.getCellById(o);
+      i ? this.updateExistingNode(i, n) : this.addNewNode(o, n);
+    }
+  }
+  updateExistingNode(e, t) {
+    const { model: o, size: n, ports: i, definition: r } = t, a = e.getPosition();
+    (a.x !== o.position.x || a.y !== o.position.y) && e.setPosition(o.position.x, o.position.y);
+    const l = e.getSize();
+    (l.width !== n.width || l.height !== n.height) && e.setSize(n.width, n.height, { silent: !0 }), this.syncNodePorts(e, i), e.setData({ ...o }, { silent: !0 }), this.applyNodeBehavior(e, o, r), this.applyNodeHighlightAndDecoration(e, o);
+  }
+  syncNodePorts(e, t) {
+    const o = e.getPorts(), n = new Set(t.map((r) => r.id)), i = new Set(o.map((r) => r.id));
+    for (const r of o)
+      r.id && !n.has(r.id) && e.removePort(r.id);
+    for (const r of t)
+      i.has(r.id) || e.addPort({ id: r.id, group: r.group, ...r.x6PortConfig });
+  }
+  addNewNode(e, t) {
+    const { model: o, shapeName: n, size: i, ports: r, definition: a } = t, l = {
+      id: o.id,
+      shape: n,
+      x: o.position.x,
+      y: o.position.y,
+      width: i.width,
+      height: i.height,
+      data: { ...o },
+      ports: {
+        groups: {
+          top: {
+            position: "top",
+            attrs: {
+              circle: { r: 6, magnet: !0, fill: "#3a84ff", stroke: "#fff", strokeWidth: 1, visibility: "hidden" }
+            }
+          },
+          right: {
+            position: "right",
+            attrs: {
+              circle: { r: 6, magnet: !0, fill: "#3a84ff", stroke: "#fff", strokeWidth: 1, visibility: "hidden" }
+            }
+          },
+          bottom: {
+            position: "bottom",
+            attrs: {
+              circle: { r: 6, magnet: !0, fill: "#3a84ff", stroke: "#fff", strokeWidth: 1, visibility: "hidden" }
+            }
+          },
+          left: {
+            position: "left",
+            attrs: {
+              circle: { r: 6, magnet: !0, fill: "#3a84ff", stroke: "#fff", strokeWidth: 1, visibility: "hidden" }
+            }
+          }
+        },
+        items: r.map((u) => ({ id: u.id, group: u.group, ...u.x6PortConfig }))
+      },
+      ...a.x6CellConfig
+    };
+    this.graph.addNode(l), this.knownNodeIds.add(e), this.saveNodeDefaultAttrs(e, a);
+    const c = this.graph.getCellById(e);
+    c && (this.applyNodeBehavior(c, o, a), this.applyNodeHighlightAndDecoration(c, o));
+  }
+  /**
+   * 将 schema 定义的 getBehavior 映射到 X6 节点属性。
+   * NodeBehaviorConfig 的每个字段都映射到 X6 Cell 对应能力：
+   *  - draggable → 是否可拖拽移动
+   *  - selectable → 是否可被选中（注意：X6 Selection 插件也有全局控制）
+   *  - connectable → ports 的 magnet 属性，控制是否可从该节点发起连线
+   *  - showPorts → ports 的可见性
+   *  - deletable → 存入 cell data，由删除操作（插件/快捷键）自行读取判断
+   */
+  applyNodeBehavior(e, t, o) {
+    if (!o.getBehavior) return;
+    const n = this.resolveCanvasContext?.();
+    if (!n) return;
+    const i = o.getBehavior(t, n);
+    if (i.draggable !== void 0 && e.setProp("draggable", i.draggable, { silent: !0 }), i.connectable !== void 0) {
+      const a = i.connectable;
+      for (const l of e.getPorts())
+        e.setPortProp(l.id, "attrs/circle/magnet", a, { silent: !0 });
+    }
+    if (i.showPorts !== void 0) {
+      const a = i.showPorts;
+      for (const l of e.getPorts())
+        e.setPortProp(l.id, "attrs/circle/style/visibility", a ? "visible" : "hidden", { silent: !0 });
+    }
+    const r = e.getData() ?? {};
+    i.deletable !== void 0 && r._deletable !== i.deletable && e.setData({ ...r, _deletable: i.deletable }, { silent: !0 }), i.selectable !== void 0 && r._selectable !== i.selectable && e.setData({ ...e.getData(), _selectable: i.selectable }, { silent: !0 });
+  }
+  syncEdges(e, t) {
+    const o = new Set(e.keys());
+    for (const n of this.knownEdgeIds)
+      if (!o.has(n)) {
+        const i = this.graph.getCellById(n);
+        i && this.graph.removeCell(i), this.knownEdgeIds.delete(n), this.defaultHighlightedEdgeIds.delete(n), this.prevEdgeDecorationClasses.delete(n), this.prevEdgeDecorationColors.delete(n), this.prevEdgeStyleIds.delete(n), this.edgeDefaultAttrs.delete(n);
+      }
+    for (const [n, i] of e) {
+      const r = this.graph.getCellById(n), { model: a, definition: l } = i;
+      r ? (this.updateExistingEdge(r, a, l, t), this.knownEdgeIds.has(n) || (this.knownEdgeIds.add(n), this.saveEdgeDefaultAttrs(n, l))) : this.addNewEdge(n, a, l);
+    }
+  }
+  /**
+   * 增量更新已有边的 source/target/router/connector/labels。
+   * X6 Edge.getSource() 返回 { cell, port } 格式，与 FlowEdgeModel 的 { nodeId, portId } 不同，
+   * 需要用 (currentSource as any).cell 来比较。
+   */
+  updateExistingEdge(e, t, o, n) {
+    const i = e.getSource(), r = e.getTarget();
+    if ((i.cell !== t.source.nodeId || i.port !== t.source.portId) && e.setSource({ cell: t.source.nodeId, port: t.source.portId }), (r.cell !== t.target.nodeId || r.port !== t.target.portId) && e.setTarget({ cell: t.target.nodeId, port: t.target.portId }), o?.router) {
+      const a = typeof o.router == "string" ? { name: o.router } : o.router;
+      e.setRouter(a);
+    }
+    if (o?.connector) {
+      const a = typeof o.connector == "string" ? { name: o.connector } : o.connector;
+      e.setConnector(a);
+    }
+    this.syncEdgeMarker(e, o, "sourceMarker"), this.syncEdgeMarker(e, o, "targetMarker"), this.syncEdgeLabels(e, t), e.setData({ ...t }, { silent: !0 }), this.applyEdgeStyleAndDecoration(e, t, o);
+  }
+  syncEdgeLabels(e, t) {
+    if (!t.labels?.length) {
+      e.getLabels().length > 0 && e.setLabels([]);
+      return;
+    }
+    const o = t.labels.map((n) => ({
+      attrs: {
+        label: { text: n.text ?? "" }
+      },
+      position: n.position != null ? { distance: n.position } : void 0
+    }));
+    e.setLabels(o);
+  }
+  addNewEdge(e, t, o) {
+    const n = {
+      id: t.id,
+      source: { cell: t.source.nodeId, port: t.source.portId },
+      target: { cell: t.target.nodeId, port: t.target.portId },
+      data: { ...t },
+      zIndex: -1
+    };
+    o?.router && (n.router = typeof o.router == "string" ? { name: o.router } : o.router), o?.connector && (n.connector = typeof o.connector == "string" ? { name: o.connector } : o.connector), o?.x6EdgeConfig && Object.assign(n, o.x6EdgeConfig), t.labels?.length && (n.labels = t.labels.map((r) => ({
+      attrs: { label: { text: r.text ?? "" } },
+      position: r.position != null ? { distance: r.position } : void 0
+    }))), this.graph.addEdge(n), this.knownEdgeIds.add(e), this.saveEdgeDefaultAttrs(e, o);
+    const i = this.graph.getCellById(e);
+    i && this.applyEdgeStyleAndDecoration(i, t, o);
+  }
+  /**
+   * 外部通知选区、高亮或 hover 变化时，重算所有边的视觉样式。
+   * 每条边走统一分层管道 applyEdgeStyleAndDecoration，
+   * 保证 defaultHighlight → schema style() → plugin decoration 的覆盖顺序。
+   */
+  refreshEdgeStyles() {
+    if (this.lastModel)
+      for (const [e, t] of Object.entries(this.lastModel.edges)) {
+        const o = this.graph.getCellById(e);
+        if (!o?.isEdge()) continue;
+        const n = t.type ?? this.schema.defaultEdgeType ?? "default", i = this.schema.edgeTypes?.[n];
+        this.applyEdgeStyleAndDecoration(o, t, i);
+      }
+  }
+  /**
+   * 重算所有节点的高亮 + 装饰视觉。
+   */
+  refreshNodeHighlights() {
+    if (this.lastModel)
+      for (const [e, t] of Object.entries(this.lastModel.nodes)) {
+        const o = this.graph.getCellById(e);
+        o?.isNode() && this.applyNodeHighlightAndDecoration(o, t);
+      }
+  }
+  /**
+   * 单节点的高亮 + 装饰统一管道。
+   * 所有路径（FlowModel 同步更新/新增节点/显式刷新高亮）必须走此方法。
+   *
+   * body/stroke 的分层优先级（低 → 高）：
+   *   1. 默认高亮 (#3a84ff) — 节点在 highlightedNodeIds 中时兜底
+   *   2. 插件装饰 (decorateNode().borderColor) — 始终覆盖高亮
+   *
+   * 最终值 = decorationColor ?? highlightColor ?? (清除)。
+   * 只在"曾经设过 → 现在无值"时执行 removeAttrByPath，避免误删 X6 原始样式。
+   */
+  applyNodeHighlightAndDecoration(e, t) {
+    const o = this.highlightedNodeIds.has(e.id), n = this.resolveNodeDecoration?.(t), i = this.prevNodeDecorationClasses.get(e.id);
+    i && (this.graph.findViewByCell(e)?.container?.classList.remove(i), this.prevNodeDecorationClasses.delete(e.id)), n?.className && (this.graph.findViewByCell(e)?.container?.classList.add(n.className), this.prevNodeDecorationClasses.set(e.id, n.className));
+    const r = n?.borderColor, l = r ?? (o ? "#3a84ff" : void 0), c = this.prevNodeDecorationColors.has(e.id) || this.defaultHighlightedNodeIds.has(e.id);
+    l ? (e.setAttrByPath("body/stroke", l), e.setAttrByPath("body/strokeWidth", 2)) : c && (this.restoreNodeAttr(e, "body/stroke", "stroke"), this.restoreNodeAttr(e, "body/strokeWidth", "strokeWidth")), r ? this.prevNodeDecorationColors.add(e.id) : this.prevNodeDecorationColors.delete(e.id), o && !r ? this.defaultHighlightedNodeIds.add(e.id) : this.defaultHighlightedNodeIds.delete(e.id);
+  }
+  setHoveredEdge(e) {
+    this.hoveredEdgeId = e;
+  }
+  setHighlightedNodes(e) {
+    this.highlightedNodeIds = new Set(e);
+  }
+  setHighlightedEdges(e) {
+    this.highlightedEdgeIds = new Set(e);
+  }
+  /**
+   * 单条边的 style + highlight + decoration 统一管道。
+   *
+   * line/stroke 的分层优先级（低 → 高）：
+   *   1. 默认高亮 (#3a84ff) — 无 style() 时的兜底
+   *   2. Schema style() — 接收完整 EdgeRenderState，完全控制视觉
+   *   3. 插件装饰 (decorateEdge().strokeColor) — 始终覆盖 style()
+   *
+   * strokeWidth / strokeDasharray 仅由 schema style() 控制，不受装饰影响。
+   * 最终值 = decorationStroke ?? styleStroke ?? defaultHighlightStroke ?? (清除)。
+   */
+  applyEdgeStyleAndDecoration(e, t, o) {
+    const n = this.highlightedEdgeIds.has(e.id), i = this.resolveEdgeDecoration?.(t), r = this.prevEdgeDecorationClasses.get(e.id);
+    r && (this.graph.findViewByCell(e)?.container?.classList.remove(r), this.prevEdgeDecorationClasses.delete(e.id)), i?.className && (this.graph.findViewByCell(e)?.container?.classList.add(i.className), this.prevEdgeDecorationClasses.set(e.id, i.className));
+    let a, l, c;
+    if (o?.style) {
+      const E = this.graph.isSelected?.(e) ?? !1, b = this.hoveredEdgeId === e.id, m = o.style(t, { selected: E, highlighted: n, hovered: b });
+      a = m.stroke, l = m.strokeWidth, c = m.strokeDasharray;
+    }
+    const u = !o?.style && n ? "#3a84ff" : void 0, d = i?.strokeColor, w = d ?? a ?? u, f = !!o?.style || this.prevEdgeDecorationColors.has(e.id) || this.defaultHighlightedEdgeIds.has(e.id) || this.prevEdgeStyleIds.has(e.id);
+    w ? e.setAttrByPath("line/stroke", w) : f && this.restoreEdgeAttr(e, "line/stroke", "stroke"), o?.style ? (this.prevEdgeStyleIds.add(e.id), l ? e.setAttrByPath("line/strokeWidth", l) : this.restoreEdgeAttr(e, "line/strokeWidth", "strokeWidth"), c ? e.setAttrByPath("line/strokeDasharray", c) : 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)), d ? this.prevEdgeDecorationColors.add(e.id) : this.prevEdgeDecorationColors.delete(e.id), u ? this.defaultHighlightedEdgeIds.add(e.id) : this.defaultHighlightedEdgeIds.delete(e.id);
+  }
+}
+let gt = 0;
+function L() {
+  const s = Date.now().toString(36), e = Math.random().toString(36).substring(2, 8);
+  return `${s}-${e}-${++gt}`;
+}
+class ht {
+  instanceId = L();
+  registeredShapes = /* @__PURE__ */ new Map();
+  getShapeName(e) {
+    let t = this.registeredShapes.get(e);
+    return t || (t = `flow-node-${this.instanceId}-${e}`, this.registeredShapes.set(e, t)), t;
+  }
+  registerNodeType(e, t) {
+    const o = this.getShapeName(e);
+    return Xe({
+      shape: o,
+      component: t,
+      width: 100,
+      height: 40
+    }), o;
+  }
+  dispose() {
+    this.registeredShapes.clear();
+  }
+}
+class vt {
+  graph;
+  onUiEvent;
+  onCommand;
+  flowModelRef;
+  disposers = [];
+  constructor(e, t, o, n) {
+    this.graph = e, this.onUiEvent = t, this.onCommand = o, this.flowModelRef = n, this.bindEvents();
+  }
+  dispose() {
+    for (const e of this.disposers) e();
+    this.disposers = [];
+  }
+  bindEvents() {
+    this.on("node:click", ({ node: e }) => {
+      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:contextmenu", ({ node: e, e: t }) => {
+      this.onUiEvent({
+        type: "node.contextmenu",
+        nodeId: e.id,
+        position: { x: t.clientX, y: t.clientY }
+      });
+    }), this.on("edge:click", ({ edge: e, e: t }) => {
+      const n = t.target?.closest?.(".x6-edge-label");
+      if (n) {
+        const r = e.getData?.()?.labels ?? [], a = n.parentElement?.querySelectorAll(".x6-edge-label"), l = a ? Array.from(a).indexOf(n) : 0, c = r[Math.max(0, l)];
+        this.onUiEvent({
+          type: "edge.label.click",
+          edgeId: e.id,
+          labelId: c?.id ?? `label-${l}`
+        });
+        return;
+      }
+      this.onUiEvent({ type: "edge.click", edgeId: e.id });
+    }), this.on("blank:click", ({ e }) => {
+      const t = this.graph.clientToLocal(e.clientX, e.clientY);
+      this.onUiEvent({ type: "blank.click", position: { x: t.x, y: t.y } });
+    }), this.on("blank:contextmenu", ({ e }) => {
+      this.onUiEvent({
+        type: "blank.contextmenu",
+        position: { x: e.clientX, y: e.clientY }
+      });
+    }), this.on("node:moved", ({ node: e }) => {
+      const t = e.getPosition();
+      this.onCommand({
+        id: L(),
+        source: "user:drag",
+        label: "移动节点",
+        timestamp: Date.now(),
+        commands: [{ type: "node.move", nodeId: e.id, position: { x: t.x, y: t.y } }]
+      });
+    }), this.on("edge:connected", ({ edge: e, isNew: t }) => {
+      const o = e.getSourceCell(), n = e.getTargetCell();
+      if (!o || !n) return;
+      const i = e.getSourcePortId(), r = e.getTargetPortId(), a = e.id in this.flowModelRef.value.edges;
+      t && !a ? this.onCommand({
+        id: L(),
+        source: "user:drag",
+        label: "连线",
+        timestamp: Date.now(),
+        commands: [
+          {
+            type: "edge.add",
+            edge: {
+              id: e.id,
+              source: { nodeId: o.id, portId: i ?? void 0 },
+              target: { nodeId: n.id, portId: r ?? void 0 }
+            }
+          }
+        ]
+      }) : this.onCommand({
+        id: L(),
+        source: "user:drag",
+        label: "重连",
+        timestamp: Date.now(),
+        commands: [
+          {
+            type: "edge.reconnect",
+            edgeId: e.id,
+            source: { nodeId: o.id, portId: i ?? void 0 },
+            target: { nodeId: n.id, portId: r ?? void 0 }
+          }
+        ]
+      });
+    }), this.on("edge:change:labels", ({ edge: e, current: t }) => {
+      const n = e.getData?.()?.labels ?? [];
+      if (!n.length || !t?.length) return;
+      const i = [];
+      for (let r = 0; r < Math.min(n.length, t.length); r++) {
+        const a = t[r], l = n[r];
+        if (!l?.id) continue;
+        const c = typeof a.position == "object" ? a.position?.distance : a.position;
+        c != null && i.push({
+          type: "edge.label.update",
+          edgeId: e.id,
+          labelId: l.id,
+          patch: { position: c }
+        });
+      }
+      i.length && this.onCommand({
+        id: L(),
+        source: "user:drag",
+        label: "拖动标签",
+        timestamp: Date.now(),
+        commands: i
+      });
+    });
+  }
+  on(e, t) {
+    this.graph.on(e, t), this.disposers.push(() => this.graph.off(e, t));
+  }
+}
+function yt(s, e) {
+  const t = B(null);
+  function o(i) {
+    const r = s.getCellById(i);
+    if (!r || !r.isNode()) return null;
+    const a = r, l = a.getPosition(), c = a.getSize(), u = { x: l.x, y: l.y, width: c.width, height: c.height }, d = s.localToGraph(u);
+    return new DOMRect(d.x, d.y, d.width, d.height);
+  }
+  function n(i, r) {
+    const a = s.getCellById(i);
+    if (!a || !a.isNode()) return null;
+    const l = a, c = l.getData() ?? {}, u = c.type, f = ((u ? e.nodeTypes[u] : void 0)?.getOverlayAnchors?.(c) ?? {})[r], E = f && typeof f == "object" && "x" in f ? f : void 0, b = l.getPosition(), m = b.x + (E?.x ?? 0), p = b.y + (E?.y ?? 0), P = s.localToGraph({ x: m, y: p });
+    return {
+      x: P.x,
+      y: P.y
+    };
+  }
+  return {
+    overlayContainer: t,
+    getNodeScreenRect: o,
+    getAnchorScreenPosition: n
+  };
+}
+const mt = 100;
+function bt({
+  graph: s,
+  overlayManager: e,
+  executeCommand: t,
+  schema: o,
+  flowModel: n,
+  defaultInsertGap: i,
+  getContextMenuItems: r,
+  onHighlightChange: a,
+  resolveNodeShape: l
+}) {
+  let c = [], u = [], d = null, w = !1, f = null, E = !1;
+  async function b() {
+    if (w) return d;
+    w = !0;
+    try {
+      const g = await import("./index-BAAMFT_J.js"), v = g.Dnd ?? g.default;
+      return v ? (d = new v({
+        target: s,
+        scaled: !0,
+        animation: !0,
+        getDragNode: (N) => N.clone(),
+        getDropNode: (N) => N.clone()
+      }), d) : null;
+    } catch {
+      return console.warn("[flow-canvas] @antv/x6-plugin-dnd not available, add it to your dependencies"), null;
+    }
+  }
+  async function m() {
+    if (!E) {
+      E = !0;
+      try {
+        const g = await import("./index-siYsjzl4.js"), v = g.Export ?? g.default;
+        v && s.use(new v());
+      } catch {
+        console.warn("[flow-canvas] @antv/x6-plugin-export not available, add it to your dependencies");
+      }
+    }
+  }
+  const p = ({ node: g }) => {
+    const v = g.getData?.();
+    if (!v?._dndSessionId || v._dndSessionId !== f) return;
+    f = null;
+    const N = g.getPosition();
+    s.removeNode(g.id);
+    const { _dndSessionId: U, ...S } = v, I = S.id || L();
+    t({
+      id: L(),
+      source: "user:drag",
+      label: "拖入节点",
+      timestamp: Date.now(),
+      commands: [
+        {
+          type: "node.add",
+          node: { ...S, id: I, position: { x: N.x, y: N.y } }
+        }
+      ]
+    });
+  };
+  return s.on("node:added", p), {
+    zoomIn() {
+      s.zoom(0.1);
+    },
+    zoomOut() {
+      s.zoom(-0.1);
+    },
+    zoomTo(g) {
+      s.zoomTo(g);
+    },
+    zoomToFit() {
+      s.zoomToFit({ padding: 40, maxScale: 1.5 });
+    },
+    getZoom() {
+      return s.zoom();
+    },
+    centerContent() {
+      s.centerContent();
+    },
+    scrollToOrigin() {
+      s.translate(0, 0);
+    },
+    scrollToNode(g) {
+      const v = s.getCellById(g);
+      v && s.centerCell(v);
+    },
+    getSelection() {
+      const g = s.getSelectedCells?.() ?? [];
+      return {
+        nodeIds: g.filter((v) => v.isNode()).map((v) => v.id),
+        edgeIds: g.filter((v) => v.isEdge()).map((v) => v.id)
+      };
+    },
+    selectNodes(g) {
+      const v = g.map((N) => s.getCellById(N)).filter(Boolean);
+      s.select?.(v);
+    },
+    selectEdges(g) {
+      const v = g.map((N) => s.getCellById(N)).filter(Boolean);
+      s.select?.(v);
+    },
+    clearSelection() {
+      const g = s.getSelectedCells?.();
+      g?.length && s.unselect?.(g);
+    },
+    registerDndSource(g, v) {
+      const N = async (U) => {
+        const S = await b();
+        if (!S) return;
+        const I = L();
+        f = I;
+        const j = v(), q = l?.(j.type), Y = s.createNode({
+          width: q?.width ?? 154,
+          height: q?.height ?? 54,
+          shape: q?.shapeName ?? "rect",
+          data: { ...j, _dndSessionId: I }
+        });
+        S.start(Y, U);
+      };
+      return g.addEventListener("mousedown", N), () => {
+        g.removeEventListener("mousedown", N);
+      };
+    },
+    /**
+     * 通过编程方式发起连线：直接命中真实 port 元素，
+     * 复用 X6 原生的连线拖拽流程与 connecting.createEdge 配置。
+     */
+    startConnection(g, v) {
+      const N = s.getCellById(g);
+      if (!N?.isNode()) return;
+      const U = N, S = s.findViewByCell(U);
+      if (!S) return;
+      const I = S.findPortElem(v, "circle") ?? S.findPortElem(v);
+      if (!I) return;
+      const q = (I.matches?.("[magnet]") ? I : I.querySelector?.("[magnet]")) ?? I, Y = q.getBoundingClientRect(), oe = Y.left + Y.width / 2, Z = Y.top + Y.height / 2, X = new MouseEvent("mousedown", {
+        clientX: oe,
+        clientY: Z,
+        button: 0,
+        buttons: 1,
+        bubbles: !0,
+        cancelable: !0
+      });
+      q.dispatchEvent(X);
+    },
+    async exportAsImage(g) {
+      await m();
+      const v = s;
+      return typeof v.toPNG != "function" ? (console.warn("[flow-canvas] exportAsImage requires @antv/x6-plugin-export, add it to your dependencies"), new Blob()) : new Promise((N) => {
+        v.toPNG(
+          (U) => {
+            fetch(U).then((S) => S.blob()).then(N).catch(() => N(new Blob()));
+          },
+          {
+            backgroundColor: g?.backgroundColor ?? "#ffffff",
+            padding: g?.padding ?? 20,
+            quality: g?.quality,
+            copyStyles: !0
+          }
+        );
+      });
+    },
+    async exportAsSVG() {
+      await m();
+      const g = s;
+      return typeof g.toSVG != "function" ? (console.warn("[flow-canvas] exportAsSVG requires @antv/x6-plugin-export, add it to your dependencies"), "") : new Promise((v) => {
+        g.toSVG((N) => v(N));
+      });
+    },
+    highlightNodes(g) {
+      c = g, a?.(c, u);
+    },
+    highlightEdges(g) {
+      u = g, a?.(c, u);
+    },
+    clearHighlight() {
+      c = [], u = [], a?.([], []);
+    },
+    overlay: e,
+    getContextMenuItems(g) {
+      return r?.(g) ?? [];
+    },
+    insertNodeToRight(g, v, N) {
+      const U = n.value, S = U.nodes[g];
+      if (!S)
+        return {
+          status: "invalid",
+          envelope: { id: "", source: "user:toolbar", timestamp: Date.now(), commands: [] },
+          error: { code: "constraint_violated", reason: `Source node "${g}" not found`, source: "api" }
+        };
+      const I = N?.gap ?? i ?? mt, j = o.nodeTypes[S.type], q = o.nodeTypes[v.type], Y = j?.getSize(S) ?? { width: 154, height: 54 }, oe = q?.getSize({ ...v, position: { x: 0, y: 0 } }) ?? {
+        width: 154,
+        height: 54
+      }, Z = {
+        x: S.position.x + Y.width + I,
+        y: S.position.y + (Y.height - oe.height) / 2
+      }, X = v.id || L(), ee = { ...v, id: X, position: Z }, V = [{ type: "node.add", node: ee }], pe = oe.width + I, ne = { x: Z.x, y: Z.y, width: oe.width, height: oe.height };
+      for (const [J, G] of Object.entries(U.nodes)) {
+        if (J === g || J === X) continue;
+        const te = o.nodeTypes[G.type]?.getSize(G) ?? { width: 154, height: 54 }, H = ne.x < G.position.x + te.width && ne.x + ne.width > G.position.x, Ie = ne.y < G.position.y + te.height && ne.y + ne.height > G.position.y;
+        H && Ie && V.push({
+          type: "node.move",
+          nodeId: J,
+          position: { x: G.position.x + pe, y: G.position.y }
+        });
+      }
+      if (N?.autoWireEdges) {
+        const J = S.ports?.find((H) => H.group === "right"), G = ee.ports?.find((H) => H.group === "left"), ye = ee.ports?.find((H) => H.group === "right"), te = J ? Object.values(U.edges).find(
+          (H) => H.source.nodeId === g && H.source.portId === J.id
+        ) : Object.values(U.edges).find((H) => H.source.nodeId === g);
+        if (te) {
+          const H = te.target;
+          V.push({ type: "edge.remove", edgeId: te.id }), V.push({
+            type: "edge.add",
+            edge: {
+              id: L(),
+              source: { nodeId: g, portId: J?.id },
+              target: { nodeId: X, portId: G?.id }
+            }
+          }), V.push({
+            type: "edge.add",
+            edge: {
+              id: L(),
+              source: { nodeId: X, portId: ye?.id },
+              target: H
+            }
+          });
+        } else
+          V.push({
+            type: "edge.add",
+            edge: {
+              id: L(),
+              source: { nodeId: g, portId: J?.id },
+              target: { nodeId: X, portId: G?.id }
+            }
+          });
+      }
+      const Ee = {
+        id: L(),
+        source: N?.source ?? "user:toolbar",
+        label: N?.label ?? "插入节点",
+        timestamp: Date.now(),
+        commands: V
+      };
+      return t(Ee);
+    },
+    onGraphEvent(g, v) {
+      return s.on(g, v), () => s.off(g, v);
+    },
+    unsafeGetGraph() {
+      return s;
+    }
+  };
+}
+function wt() {
+  const s = B(null), e = B(!1);
+  let t = null;
+  function o(a) {
+    t && (clearTimeout(t), t = null), s.value = a;
+  }
+  function n() {
+    t = setTimeout(() => {
+      s.value = null, t = null;
+    }, 100);
+  }
+  function i() {
+    t && (clearTimeout(t), t = null);
+  }
+  function r() {
+    t && clearTimeout(t);
+  }
+  return { hoveredNodeId: s, isDraggingNode: e, enter: o, leave: n, cancelLeave: i, cleanup: r };
+}
+const Pe = 10;
+function Te(s, e) {
+  const t = s.getTotalLength();
+  if (t === 0) return { ...e, length: 0, totalLength: 0 };
+  let o = s.getPointAtLength(0), n = 1 / 0;
+  const i = 50, r = t / i;
+  let a = 0;
+  for (let d = 0; d <= i; d++) {
+    const w = d * r, f = s.getPointAtLength(w), E = (f.x - e.x) ** 2 + (f.y - e.y) ** 2;
+    E < n && (n = E, o = f, a = w);
+  }
+  const l = Math.max(0, a - r), c = Math.min(t, a + r), u = (c - l) / 20;
+  for (let d = l; d <= c; d += u) {
+    const w = s.getPointAtLength(d), f = (w.x - e.x) ** 2 + (w.y - e.y) ** 2;
+    f < n && (n = f, o = w, a = d);
+  }
+  return { x: o.x, y: o.y, length: a, totalLength: t };
+}
+function Re(s, e) {
+  return s < Pe || s > e - Pe;
+}
+function $e() {
+  const s = "http://www.w3.org/2000/svg", e = document.createElementNS(s, "g");
+  e.setAttribute("class", "flow-canvas-edge-delete-tool"), e.style.cursor = "pointer";
+  const t = document.createElementNS(s, "rect");
+  t.setAttribute("width", "20"), t.setAttribute("height", "20"), t.setAttribute("x", "-10"), t.setAttribute("y", "-10"), t.setAttribute("rx", "4"), t.setAttribute("ry", "4"), t.setAttribute("fill", "#3a84ff"), e.appendChild(t);
+  const o = document.createElementNS(s, "text");
+  return o.setAttribute("font-family", "flow-canvas"), o.setAttribute("font-size", "16"), o.setAttribute("fill", "#ffffff"), o.setAttribute("text-anchor", "middle"), o.setAttribute("dominant-baseline", "central"), o.textContent = "", e.appendChild(o), e;
+}
+function xt(s) {
+  let e = null, t = null;
+  function o(a, l) {
+    i(), t = a;
+    const c = s.getCellById(a);
+    if (!c?.isEdge()) return;
+    const u = s.findViewByCell(c);
+    if (!u) return;
+    const d = u.container.querySelector("path");
+    if (!d) return;
+    const w = s.clientToLocal(l.clientX, l.clientY), f = Te(d, w);
+    if (Re(f.length, f.totalLength)) return;
+    const E = $e();
+    E.setAttribute("transform", `translate(${f.x}, ${f.y})`), u.container.appendChild(E), e = E;
+  }
+  function n(a) {
+    if (!t) return;
+    const l = s.getCellById(t);
+    if (!l?.isEdge()) return;
+    const c = s.findViewByCell(l);
+    if (!c) return;
+    const u = c.container.querySelector("path");
+    if (!u) return;
+    const d = s.clientToLocal(a.clientX, a.clientY), w = Te(u, d);
+    if (Re(w.length, w.totalLength))
+      e && e.setAttribute("display", "none");
+    else if (e)
+      e.removeAttribute("display"), e.setAttribute("transform", `translate(${w.x}, ${w.y})`);
+    else {
+      const f = $e();
+      f.setAttribute("transform", `translate(${w.x}, ${w.y})`), c.container.appendChild(f), e = f;
+    }
+  }
+  function i() {
+    e && (e.remove(), e = null), t = null;
+  }
+  function r(a) {
+    a === t && (e = null, t = null);
+  }
+  return { show: o, move: n, remove: i, handleEdgeRemoved: r };
+}
+function kt(s) {
+  let e = null, t = 0;
+  function o(u) {
+    const d = u ? "visible" : "hidden";
+    for (const w of s.getNodes())
+      for (const f of w.getPorts())
+        w.setPortProp(f.id, "attrs/circle/visibility", d);
+  }
+  function n(u) {
+    if (!e)
+      for (const d of u.getPorts())
+        u.setPortProp(d.id, "attrs/circle/visibility", "visible");
+  }
+  function i(u) {
+    if (!e)
+      for (const d of u.getPorts())
+        u.setPortProp(d.id, "attrs/circle/visibility", "hidden");
+  }
+  function r(u) {
+    u.getTargetCell() || (e = u.id, o(!0));
+  }
+  function a() {
+    e = null, o(!1), t = Date.now() + 300;
+  }
+  function l(u) {
+    u === e && (e = null, o(!1));
+  }
+  function c() {
+    return !e && Date.now() >= t;
+  }
+  return {
+    showNodePorts: n,
+    hideNodePorts: i,
+    handleEdgeAdded: r,
+    handleEdgeConnected: a,
+    handleEdgeRemoved: l,
+    canShowEdgeTool: c
+  };
+}
+const Ct = { class: "flow-canvas-node-actions__bar" }, Et = /* @__PURE__ */ ie({
+  __name: "node-actions-toolbar",
+  props: {
+    node: {},
+    position: {},
+    config: {},
+    behavior: {}
+  },
+  emits: ["action"],
+  setup(s, { emit: e }) {
+    const t = s, o = e, n = z(() => ({
+      debug: {
+        visible: t.config.showDebug && t.behavior.debuggable !== !1,
+        disabled: t.behavior.debugDisabled === !0
+      },
+      delete: {
+        visible: t.config.showDelete && t.behavior.deletable !== !1,
+        disabled: t.behavior.deleteDisabled === !0
+      },
+      copy: {
+        visible: t.config.showCopy && t.behavior.copyable !== !1,
+        disabled: t.behavior.copyDisabled === !0
+      },
+      copyInsert: {
+        visible: t.config.showCopyInsert && t.behavior.copyable !== !1,
+        disabled: t.behavior.copyInsertDisabled === !0
+      },
+      disconnect: {
+        visible: t.config.showDisconnect && t.behavior.disconnectable !== !1,
+        disabled: t.behavior.disconnectDisabled === !0
+      }
+    })), i = z(() => n.value.copy.visible || n.value.copyInsert.visible || n.value.disconnect.visible), r = B(!1);
+    let a = null;
+    function l() {
+      a && (clearTimeout(a), a = null), r.value = !0;
+    }
+    function c() {
+      a = setTimeout(() => {
+        r.value = !1, a = null;
+      }, 100);
+    }
+    return Ne(() => {
+      a && clearTimeout(a);
+    }), (u, d) => (C(), M("div", {
+      class: "flow-canvas-node-actions",
+      style: we({ left: `${s.position.x}px`, top: `${s.position.y}px` })
+    }, [
+      $("div", Ct, [
+        n.value.debug.visible ? (C(), M("i", {
+          key: 0,
+          class: Q(["flow-canvas-icon canvas-debug flow-canvas-node-actions__icon", { "is-disabled": n.value.debug.disabled }]),
+          onClick: d[0] || (d[0] = (w) => !n.value.debug.disabled && o("action", "debug", s.node.id))
+        }, null, 2)) : O("", !0),
+        n.value.delete.visible ? (C(), M("i", {
+          key: 1,
+          class: Q(["flow-canvas-icon canvas-shanchu flow-canvas-node-actions__icon", { "is-disabled": n.value.delete.disabled }]),
+          onClick: d[1] || (d[1] = (w) => !n.value.delete.disabled && o("action", "delete", s.node.id))
+        }, null, 2)) : O("", !0),
+        i.value ? (C(), M("div", {
+          key: 2,
+          class: "flow-canvas-node-actions__more-wrapper",
+          onMouseenter: l,
+          onMouseleave: c
+        }, [...d[5] || (d[5] = [
+          $("i", { class: "flow-canvas-icon canvas-gengduo flow-canvas-node-actions__icon" }, null, -1)
+        ])], 32)) : O("", !0)
+      ]),
+      Oe(je, { name: "flow-canvas-fade" }, {
+        default: De(() => [
+          r.value && i.value ? (C(), M("div", {
+            key: 0,
+            class: "flow-canvas-node-actions__dropdown",
+            onMouseenter: l,
+            onMouseleave: c
+          }, [
+            n.value.copy.visible ? (C(), M("div", {
+              key: 0,
+              class: Q(["flow-canvas-node-actions__dropdown-item", { "is-disabled": n.value.copy.disabled }]),
+              onClick: d[2] || (d[2] = (w) => !n.value.copy.disabled && o("action", "copy", s.node.id))
+            }, [...d[6] || (d[6] = [
+              $("i", { class: "flow-canvas-icon canvas-copy-fuzhi-2" }, null, -1),
+              $("span", null, "复制", -1)
+            ])], 2)) : O("", !0),
+            n.value.copyInsert.visible ? (C(), M("div", {
+              key: 1,
+              class: Q(["flow-canvas-node-actions__dropdown-item", { "is-disabled": n.value.copyInsert.disabled }]),
+              onClick: d[3] || (d[3] = (w) => !n.value.copyInsert.disabled && o("action", "copy-insert", s.node.id))
+            }, [...d[7] || (d[7] = [
+              $("i", { class: "flow-canvas-icon canvas-fuzhibingcharu" }, null, -1),
+              $("span", null, "复制并插入", -1)
+            ])], 2)) : O("", !0),
+            n.value.disconnect.visible ? (C(), M("div", {
+              key: 2,
+              class: Q(["flow-canvas-node-actions__dropdown-item", { "is-disabled": n.value.disconnect.disabled }]),
+              onClick: d[4] || (d[4] = (w) => !n.value.disconnect.disabled && o("action", "disconnect", s.node.id))
+            }, [...d[8] || (d[8] = [
+              $("i", { class: "flow-canvas-icon canvas-unlock-jiebang" }, null, -1),
+              $("span", null, "断开连线", -1)
+            ])], 2)) : O("", !0)
+          ], 32)) : O("", !0)
+        ]),
+        _: 1
+      })
+    ], 4));
+  }
+}), re = (s, e) => {
+  const t = s.__vccOpts || s;
+  for (const [o, n] of e)
+    t[o] = n;
+  return t;
+}, It = /* @__PURE__ */ re(Et, [["__scopeId", "data-v-14d6590b"]]), Mt = {
+  key: 0,
+  class: "flow-canvas-quick-add__tooltip"
+}, St = 5, Nt = /* @__PURE__ */ ie({
+  __name: "node-quick-add-popover",
+  props: {
+    node: {},
+    portPosition: {},
+    tooltipText: {}
+  },
+  emits: ["open", "close", "start-drag", "mouseenter", "mouseleave"],
+  setup(s, { expose: e, emit: t }) {
+    const o = s, n = t, i = B(), r = B(), a = B(!1), l = B(!1);
+    let c = null, u = !1, d = null;
+    function w(S) {
+      S.preventDefault(), S.stopPropagation(), c = { x: S.clientX, y: S.clientY }, u = !1, document.addEventListener("mousemove", f), document.addEventListener("mouseup", E);
+    }
+    function f(S) {
+      if (!c) return;
+      const I = S.clientX - c.x, j = S.clientY - c.y;
+      Math.sqrt(I * I + j * j) >= St && (u = !0, b(), n("start-drag", o.node.id));
+    }
+    function E() {
+      b(), u || m(), c = null, u = !1;
+    }
+    function b() {
+      document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", E);
+    }
+    function m() {
+      l.value ? P() : p();
+    }
+    function p() {
+      l.value = !0, n("open", o.node.id), requestAnimationFrame(() => {
+        document.addEventListener("mousedown", g);
+      });
+    }
+    function P() {
+      l.value = !1, n("close"), document.removeEventListener("mousedown", g);
+    }
+    function g(S) {
+      const I = S.target;
+      i.value?.contains(I) || r.value?.contains(I) || P();
+    }
+    function v() {
+      l.value || n("mouseleave");
+    }
+    function N() {
+      d && (clearTimeout(d), d = null), n("mouseenter");
+    }
+    function U() {
+      d = setTimeout(() => {
+        P(), n("mouseleave"), d = null;
+      }, 150);
+    }
+    return Ne(() => {
+      b(), d && clearTimeout(d), document.removeEventListener("mousedown", g);
+    }), e({ closePopover: P }), (S, I) => (C(), M("div", {
+      class: "flow-canvas-quick-add",
+      style: we({ left: `${s.portPosition.x}px`, top: `${s.portPosition.y}px` }),
+      onMouseenter: I[2] || (I[2] = (j) => n("mouseenter")),
+      onMouseleave: v,
+      onClick: I[3] || (I[3] = qe(() => {
+      }, ["stop"]))
+    }, [
+      $("div", {
+        ref_key: "btnRef",
+        ref: i,
+        class: Q(["flow-canvas-quick-add__btn", { "is-hovered": a.value, "is-active": l.value }]),
+        onMouseenter: I[0] || (I[0] = (j) => a.value = !0),
+        onMouseleave: I[1] || (I[1] = (j) => a.value = !1),
+        onMousedown: w
+      }, [...I[4] || (I[4] = [
+        $("i", { class: "flow-canvas-icon canvas-zoom-add" }, null, -1)
+      ])], 34),
+      a.value && !l.value ? (C(), M("div", Mt, [...I[5] || (I[5] = [
+        $("div", null, [
+          $("b", null, "点击"),
+          Ae(" 添加节点")
+        ], -1),
+        $("div", null, [
+          $("b", null, "拖拽"),
+          Ae(" 连接节点")
+        ], -1)
+      ])])) : O("", !0),
+      Oe(je, { name: "flow-canvas-fade" }, {
+        default: De(() => [
+          l.value ? (C(), M("div", {
+            key: 0,
+            ref_key: "popoverRef",
+            ref: r,
+            class: "flow-canvas-quick-add__popover",
+            onMouseenter: N,
+            onMouseleave: U
+          }, [
+            ce(S.$slots, "default", {}, () => [
+              I[6] || (I[6] = $("div", { class: "flow-canvas-quick-add__default-content" }, "节点快捷操作面板", -1))
+            ], !0)
+          ], 544)) : O("", !0)
+        ]),
+        _: 3
+      })
+    ], 36));
+  }
+}), Dt = /* @__PURE__ */ re(Nt, [["__scopeId", "data-v-deb5af25"]]), _t = /* @__PURE__ */ ie({
+  __name: "canvas-runtime-core",
+  props: {
+    editor: {},
+    graphOptions: {},
+    nodeActions: {},
+    quickAdd: {}
+  },
+  emits: ["ui-event"],
+  setup(s, { emit: e }) {
+    const t = s, o = e, n = B(), i = B(), r = B();
+    let a, l, c, u;
+    const d = wt(), { hoveredNodeId: w, isDraggingNode: f } = d, E = d.cancelLeave, b = d.leave, m = B(null);
+    let p = null;
+    function P(x) {
+      return v(), te(x) ? (m.value = x, !0) : (m.value = null, !1);
+    }
+    function g() {
+      p && clearTimeout(p), p = setTimeout(() => {
+        m.value = null, p = null;
+      }, 150);
+    }
+    function v() {
+      p && (clearTimeout(p), p = null);
+    }
+    function N() {
+      v(), d.cancelLeave();
+    }
+    function U() {
+      g(), d.leave();
+    }
+    let S = null, I = null, j = null;
+    const q = B(0), Y = z(
+      () => {
+        if (q.value, !t.editor.api.value) return [];
+        const x = t.editor.flowModel.value, k = t.editor.api.value.overlay, y = [];
+        for (const [D, T] of Object.entries(x.nodes)) {
+          const A = t.editor._pluginManager.collectNodeDecorations(T);
+          if (!A?.badge) continue;
+          const R = k.getNodeScreenRect(D);
+          R && y.push({
+            nodeId: D,
+            x: R.x + R.width - 4,
+            y: R.y - 8,
+            badge: A.badge
+          });
+        }
+        return y;
+      }
+    ), oe = z(() => {
+      q.value;
+      const x = w.value;
+      if (!x || !t.editor.api.value) return [];
+      const y = t.editor.flowModel.value.nodes[x];
+      if (!y) return [];
+      const D = t.editor.schema.nodeTypes[y.type];
+      if (!D?.getOverlayAnchors) return [];
+      const T = D.getOverlayAnchors(y), A = t.editor.api.value.overlay, R = {};
+      for (const W of Object.keys(T)) {
+        const ae = A.getAnchorScreenPosition(x, W);
+        ae && (R[W] = ae);
+      }
+      return [{ node: y, screenAnchors: R }];
+    }), Z = z(() => ({
+      showDebug: !1,
+      showDelete: !0,
+      showCopy: !0,
+      showCopyInsert: !0,
+      showDisconnect: !0,
+      insertGap: 100,
+      ...t.nodeActions
+    })), X = z(() => {
+      q.value;
+      const x = w.value;
+      if (!x || f.value || !t.editor.api.value || t.editor.mode.value !== "edit") return null;
+      const k = t.editor.flowModel.value, y = k.nodes[x];
+      if (!y) return null;
+      const D = t.editor.api.value.overlay.getNodeScreenRect(x);
+      if (!D) return null;
+      const A = t.editor.schema.nodeTypes[y.type]?.getBehavior?.(y, {
+        api: t.editor.api.value,
+        flowModel: k,
+        history: t.editor.history,
+        mode: t.editor.mode.value
+      }) ?? {};
+      return A.showActions === !1 ? null : {
+        node: y,
+        position: { x: D.x + D.width, y: D.y + D.height + 4 },
+        behavior: A
+      };
+    }), ee = z(() => ({
+      enabled: !0,
+      tooltipText: "",
+      ...t.quickAdd
+    })), V = z(() => {
+      if (q.value, !ee.value.enabled) return null;
+      const x = m.value;
+      if (!x || f.value || !t.editor.api.value || t.editor.mode.value !== "edit") return null;
+      const k = t.editor.flowModel.value, y = k.nodes[x];
+      if (!y) return null;
+      const T = t.editor.schema.nodeTypes[y.type]?.getBehavior?.(y, {
+        api: t.editor.api.value,
+        flowModel: k,
+        history: t.editor.history,
+        mode: t.editor.mode.value
+      }) ?? {};
+      if (T.quickAddEnabled === !1) return null;
+      const A = t.editor.api.value.overlay.getNodeScreenRect(x);
+      return A ? {
+        node: y,
+        portPosition: { x: A.x + A.width, y: A.y + A.height / 2 },
+        behavior: T
+      } : null;
+    }), pe = B();
+    function ne(x) {
+      const k = V.value;
+      k && o("ui-event", {
+        type: "node.quick-add",
+        nodeId: x,
+        position: k.portPosition
+      });
+    }
+    function Ee(x) {
+      const k = t.editor.api.value;
+      k && k.startConnection(x, "right");
+    }
+    function J(x, k) {
+      const y = t.editor.api.value;
+      if (!y) return;
+      const D = k.id || L(), T = { ...k, id: D };
+      y.insertNodeToRight(x, T, {
+        autoWireEdges: !0,
+        gap: Z.value.insertGap,
+        source: "user:quick-add",
+        label: "快捷插入节点"
+      }).status === "applied" && o("ui-event", { type: "node.action.quick-insert", sourceNodeId: x, newNodeId: D }), pe.value?.closePopover();
+    }
+    function G(x) {
+      return {
+        id: L(),
+        type: x.type,
+        label: x.label,
+        ports: x.ports ? JSON.parse(JSON.stringify(x.ports)) : void 0,
+        payload: x.payload ? JSON.parse(JSON.stringify(x.payload)) : void 0,
+        extensions: x.extensions ? JSON.parse(JSON.stringify(x.extensions)) : void 0
+      };
+    }
+    function ye(x, k) {
+      const y = t.editor, D = y.api.value;
+      switch (x) {
+        case "delete": {
+          y.executeCommand({
+            id: L(),
+            source: "user:toolbar",
+            label: "删除节点",
+            timestamp: Date.now(),
+            commands: [{ type: "node.remove", nodeId: k }]
+          }), o("ui-event", { type: "node.action.delete", nodeId: k }), w.value = null;
+          break;
+        }
+        case "copy": {
+          if (!D) break;
+          const T = y.flowModel.value.nodes[k];
+          if (!T) break;
+          const A = G(T);
+          D.insertNodeToRight(k, A, {
+            autoWireEdges: !1,
+            gap: Z.value.insertGap,
+            label: "复制节点"
+          }), o("ui-event", { type: "node.action.copy", sourceNodeId: k, newNodeId: A.id });
+          break;
+        }
+        case "copy-insert": {
+          if (!D) break;
+          const T = y.flowModel.value.nodes[k];
+          if (!T) break;
+          const A = G(T);
+          D.insertNodeToRight(k, A, {
+            autoWireEdges: !0,
+            gap: Z.value.insertGap,
+            label: "复制并插入节点"
+          }), o("ui-event", { type: "node.action.copy-insert", sourceNodeId: k, newNodeId: A.id });
+          break;
+        }
+        case "disconnect": {
+          const T = y.flowModel.value, A = Object.entries(T.edges).filter(([, R]) => {
+            const W = R;
+            return W.source.nodeId === k || W.target.nodeId === k;
+          }).map(([R]) => R);
+          if (A.length === 0) break;
+          y.executeCommand({
+            id: L(),
+            source: "user:toolbar",
+            label: "断开连线",
+            timestamp: Date.now(),
+            commands: A.map((R) => ({ type: "edge.remove", edgeId: R }))
+          }), o("ui-event", { type: "node.action.disconnect", nodeId: k, edgeIds: A });
+          break;
+        }
+        case "debug": {
+          o("ui-event", { type: "node.action.debug", nodeId: k });
+          break;
+        }
+      }
+    }
+    function te(x) {
+      if (!ee.value.enabled || t.editor.mode.value !== "edit") return !1;
+      const k = t.editor.flowModel.value, y = k.nodes[x];
+      return y ? (t.editor.schema.nodeTypes[y.type]?.getBehavior?.(y, {
+        api: t.editor.api.value,
+        flowModel: k,
+        history: t.editor.history,
+        mode: t.editor.mode.value
+      }) ?? {}).quickAddEnabled !== !1 : !1;
+    }
+    function H(x) {
+      if (t.editor.mode.value !== "edit") return;
+      t.editor._pluginManager.dispatchKeyboardShortcut(x) && (x.preventDefault(), x.stopPropagation());
+    }
+    function Ie() {
+      return {
+        refX: 0,
+        children: [
+          {
+            tagName: "path",
+            d: "M -16 -5 L -8 0 L -16 5 Z",
+            transform: "rotate(0)"
+          },
+          {
+            tagName: "circle",
+            cx: 0,
+            cy: 0,
+            r: 8,
+            fill: "#3a84ff",
+            stroke: "#3a84ff",
+            transform: "rotate(0)"
+          }
+        ]
+      };
+    }
+    function He(x) {
+      const k = t.editor.schema.defaultEdgeType ?? "default", y = t.editor.schema.edgeTypes?.[k], D = {
+        zIndex: -1,
+        attrs: {
+          line: {
+            stroke: "#abb5cc",
+            strokeWidth: 2,
+            targetMarker: { name: "block", width: 8, height: 8 }
+          }
+        }
+      };
+      y?.router && (D.router = typeof y.router == "string" ? { name: y.router } : y.router), y?.connector && (D.connector = typeof y.connector == "string" ? { name: y.connector } : y.connector), y?.x6EdgeConfig && Object.assign(D, y.x6EdgeConfig);
+      const T = D.attrs ?? {}, A = T.line ?? {};
+      return D.attrs = {
+        ...T,
+        line: {
+          ...A,
+          targetMarker: Ie()
+        }
+      }, x.createEdge(D);
+    }
+    return Ge(() => {
+      if (!i.value) return;
+      const x = /* @__PURE__ */ new Set(["model", "container"]), k = {};
+      if (t.graphOptions)
+        for (const [h, _] of Object.entries(t.graphOptions)) {
+          if (x.has(h)) {
+            console.warn(`[flow-canvas] graphOptions.${h} is managed by the engine and will be ignored`);
+            continue;
+          }
+          k[h] = _;
+        }
+      a = new Qe({
+        container: i.value,
+        autoResize: !0,
+        background: { color: "#edf2fc" },
+        grid: { visible: !0, size: 20, type: "dot" },
+        panning: { enabled: !0 },
+        mousewheel: { enabled: !0, modifiers: ["ctrl", "meta"] },
+        connecting: {
+          allowBlank: !1,
+          allowMulti: !0,
+          allowLoop: !1,
+          allowNode: !1,
+          allowEdge: !1,
+          highlight: !0,
+          anchor: "center",
+          connectionPoint: "anchor",
+          snap: { radius: 30 },
+          createEdge() {
+            return He(this);
+          }
+        },
+        ...k
+      }), c = new ht(), l = new pt(
+        a,
+        t.editor.schema,
+        c,
+        (h) => t.editor._pluginManager.collectNodeDecorations(h),
+        (h) => t.editor._pluginManager.collectEdgeDecorations(h),
+        () => t.editor.api.value ? {
+          api: t.editor.api.value,
+          flowModel: t.editor.flowModel.value,
+          history: t.editor.history,
+          mode: t.editor.mode.value
+        } : null
+      );
+      const y = yt(a, t.editor.schema);
+      r.value && (y.overlayContainer.value = r.value);
+      const D = bt({
+        graph: a,
+        overlayManager: y,
+        executeCommand: (h) => t.editor.executeCommand(h),
+        schema: t.editor.schema,
+        flowModel: t.editor.flowModel,
+        defaultInsertGap: t.nodeActions?.insertGap,
+        getContextMenuItems: (h) => t.editor._pluginManager.collectContextMenuItems(h),
+        onHighlightChange: (h, _) => {
+          l.setHighlightedNodes(h), l.setHighlightedEdges(_), l.refreshNodeHighlights(), l.refreshEdgeStyles();
+        },
+        resolveNodeShape: (h) => {
+          const _ = t.editor.schema.nodeTypes[h];
+          if (!_) return null;
+          const F = c.registerNodeType(h, _.component), me = _.getSize({ id: "", type: h, position: { x: 0, y: 0 } });
+          return { shapeName: F, width: me.width, height: me.height };
+        }
+      });
+      t.editor.api.value = D;
+      const T = {
+        flowModel: t.editor.flowModel,
+        history: t.editor.history,
+        schema: t.editor.schema,
+        mode: t.editor.mode,
+        executeCommand: t.editor.executeCommand,
+        api: D,
+        overlay: y,
+        graph: a
+      };
+      t.editor._pluginManager.attachRuntime(T);
+      const A = t.editor._pluginManager.collectExtendedApi();
+      Object.assign(t.editor.extendedApi, A), u = new vt(
+        a,
+        (h) => {
+          (h.type === "node.click" || h.type === "node.dblclick" || h.type === "node.contextmenu") && d.enter(h.nodeId), t.editor._pluginManager.dispatchUiEvent(h), o("ui-event", h);
+        },
+        (h) => {
+          l.isSyncing || t.editor.executeCommand(h);
+        },
+        t.editor.flowModel
+      ), S = xt(a);
+      const R = kt(a), W = a, ae = (h) => {
+        const _ = W.isRubberbandEnabled?.() ?? !1;
+        _ && W.disableRubberband?.(), h ? a.enablePanning() : a.disablePanning(), _ && W.enableRubberband?.();
+      }, Me = () => {
+        q.value++;
+      };
+      a.on("translate", Me), a.on("scale", Me), a.on("resize", Me), a.on("node:move", () => {
+        f.value = !0;
+      }), a.on("node:moved", () => {
+        f.value = !1;
+      }), a.on("node:mouseenter", ({ node: h }) => {
+        d.enter(h.id), ee.value.enabled && P(h.id) || R.showNodePorts(h);
+      }), a.on("node:mouseleave", ({ node: h }) => {
+        d.leave(), ee.value.enabled && m.value === h.id ? g() : R.hideNodePorts(h);
+      });
+      function Fe(h) {
+        const _ = a.getCellById(h);
+        if (!_?.isNode()) return;
+        const F = _, me = !f.value && te(h);
+        for (const _e of F.getPorts()) {
+          const Ue = me && _e.group === "right" ? "hidden" : "visible";
+          F.setPortProp(_e.id, "attrs/circle/visibility", Ue);
+        }
+      }
+      de(
+        [m, f],
+        ([h], [_]) => {
+          if (_ && _ !== h) {
+            const F = a.getCellById(_);
+            F?.isNode() && R.hideNodePorts(F);
+          }
+          h && Fe(h);
+        },
+        { flush: "sync" }
+      ), a.on("edge:added", ({ edge: h }) => {
+        R.handleEdgeAdded(h);
+      }), a.on("edge:connected", () => {
+        R.handleEdgeConnected();
+      }), a.on("edge:removed", ({ edge: h }) => {
+        R.handleEdgeRemoved(h.id), S.handleEdgeRemoved(h.id);
+      }), a.on("selection:changed", () => {
+        const h = a.getSelectedCells?.() ?? [], _ = {
+          nodeIds: h.filter((F) => F.isNode()).map((F) => F.id),
+          edgeIds: h.filter((F) => F.isEdge()).map((F) => F.id)
+        };
+        t.editor._pluginManager.dispatchSelectionChange(_), o("ui-event", {
+          type: "selection.change",
+          nodeIds: _.nodeIds,
+          edgeIds: _.edgeIds
+        }), l.refreshEdgeStyles();
+      }), a.on("edge:mouseenter", ({ edge: h, e: _ }) => {
+        l.setHoveredEdge(h.id), l.refreshEdgeStyles(), t.editor.mode.value === "edit" && R.canShowEdgeTool() && S.show(h.id, _);
+      }), I = (h) => S.move(h), a.container.addEventListener("mousemove", I), a.on("edge:mouseleave", () => {
+        l.setHoveredEdge(null), l.refreshEdgeStyles(), S.remove();
+      }), a.on("edge:click", ({ edge: h, e: _ }) => {
+        _.target?.closest?.(".flow-canvas-edge-delete-tool") && t.editor.mode.value === "edit" && (S.remove(), t.editor.executeCommand({
+          id: L(),
+          source: "user:toolbar",
+          label: "删除连线",
+          timestamp: Date.now(),
+          commands: [{ type: "edge.remove", edgeId: h.id }]
+        }));
+      }), n.value?.addEventListener("keydown", H), l.syncFlowModel(t.editor.flowModel.value), de(
+        () => t.editor.flowModel.value,
+        (h) => l.syncFlowModel(h)
+      ), de(
+        () => t.editor.selectionMode.value,
+        (h) => {
+          if (j?.(), j = null, h) {
+            ae(!1), W.enableRubberband?.();
+            const _ = () => {
+              a.container.removeEventListener("mouseup", _), j = null, setTimeout(() => {
+                t.editor.selectionMode.value && t.editor.setSelectionMode(!1);
+              }, 50);
+            };
+            a.container.addEventListener("mouseup", _), j = () => a.container.removeEventListener("mouseup", _);
+          } else
+            W.disableRubberband?.(), ae(!0);
+        }
+      ), de(
+        () => t.editor.mode.value,
+        (h) => {
+          const _ = h === "edit";
+          ae(!0), _ ? W.enableSelection?.() : W.disableSelection?.();
+        }
+      );
+    }), Ne(() => {
+      d.cleanup(), p && clearTimeout(p), S?.remove(), j?.(), I && a?.container?.removeEventListener("mousemove", I), n.value?.removeEventListener("keydown", H), t.editor._pluginManager.detachRuntime(), t.editor.api.value = null;
+      for (const x of Object.keys(t.editor.extendedApi))
+        delete t.editor.extendedApi[x];
+      u?.dispose(), l?.dispose(), c?.dispose(), a?.dispose();
+    }), (x, k) => (C(), M("div", {
+      ref_key: "rootRef",
+      ref: n,
+      class: "flow-canvas-runtime-core",
+      tabindex: "0"
+    }, [
+      $("div", {
+        ref_key: "containerRef",
+        ref: i,
+        class: "flow-canvas-runtime-core__graph"
+      }, null, 512),
+      $("div", {
+        ref_key: "overlayContainerRef",
+        ref: r,
+        class: "flow-canvas-runtime-core__overlay"
+      }, [
+        (C(!0), M(se, null, ge(Y.value, (y) => (C(), M("div", {
+          key: `badge-${y.nodeId}`,
+          class: "flow-canvas-runtime-core__badge",
+          style: we({ left: `${y.x}px`, top: `${y.y}px`, backgroundColor: y.badge.color })
+        }, ue(y.badge.text), 5))), 128)),
+        V.value ? (C(), be(Dt, {
+          key: 0,
+          ref_key: "quickAddPopoverRef",
+          ref: pe,
+          node: V.value.node,
+          "port-position": V.value.portPosition,
+          "tooltip-text": ee.value.tooltipText,
+          onOpen: ne,
+          onStartDrag: Ee,
+          onMouseenter: N,
+          onMouseleave: U
+        }, {
+          default: De(() => [
+            ce(x.$slots, "quick-add-panel", {
+              node: V.value.node,
+              api: s.editor.api.value,
+              insertNodeToRight: (y) => J(V.value.node.id, y),
+              closePopover: () => pe.value?.closePopover()
+            }, void 0, !0)
+          ]),
+          _: 3
+        }, 8, ["node", "port-position", "tooltip-text"])) : O("", !0),
+        X.value ? (C(), be(It, {
+          key: 1,
+          node: X.value.node,
+          position: X.value.position,
+          config: Z.value,
+          behavior: X.value.behavior,
+          onAction: ye,
+          onMouseenter: le(E),
+          onMouseleave: le(b)
+        }, null, 8, ["node", "position", "config", "behavior", "onMouseenter", "onMouseleave"])) : O("", !0),
+        (C(!0), M(se, null, ge(oe.value, (y) => (C(), M("div", {
+          key: y.node.id,
+          class: "flow-canvas-runtime-core__node-overlay",
+          onMouseenter: k[0] || (k[0] = //@ts-ignore
+          (...D) => le(E) && le(E)(...D)),
+          onMouseleave: k[1] || (k[1] = //@ts-ignore
+          (...D) => le(b) && le(b)(...D))
+        }, [
+          ce(x.$slots, "node-overlay", {
+            node: y.node,
+            screenAnchors: y.screenAnchors,
+            api: s.editor.api.value
+          }, void 0, !0)
+        ], 32))), 128))
+      ], 512)
+    ], 512));
+  }
+}), ao = /* @__PURE__ */ re(_t, [["__scopeId", "data-v-bba2427b"]]), At = { class: "flow-canvas-node-palette" }, Pt = ["data-node-type"], Tt = { class: "flow-canvas-node-palette__item-label" }, Rt = /* @__PURE__ */ ie({
+  __name: "canvas-node-palette",
+  props: {
+    editor: {},
+    items: {}
+  },
+  setup(s) {
+    const e = s, t = B(), o = z(() => e.items ? e.items : Object.keys(e.editor.schema.nodeTypes).map((n) => ({
+      type: n,
+      label: n.charAt(0).toUpperCase() + n.slice(1)
+    })));
+    return de(
+      [() => e.editor.api.value, o, t],
+      ([n, i, r], a, l) => {
+        if (!n || !r) return;
+        const c = [];
+        for (const u of i) {
+          const d = r.querySelector(`[data-node-type="${u.type}"]`);
+          if (!d) continue;
+          const w = n.registerDndSource(d, () => ({
+            id: L(),
+            type: u.type,
+            label: u.label,
+            position: { x: 0, y: 0 }
+          }));
+          c.push(w);
+        }
+        l(() => {
+          for (const u of c) u();
+        });
+      },
+      { flush: "post" }
+    ), (n, i) => (C(), M("div", At, [
+      $("div", {
+        ref_key: "listRef",
+        ref: t,
+        class: "flow-canvas-node-palette__list"
+      }, [
+        (C(!0), M(se, null, ge(o.value, (r) => (C(), M("div", {
+          key: r.type,
+          class: "flow-canvas-node-palette__item",
+          "data-node-type": r.type
+        }, [
+          r.icon ? (C(), M("i", {
+            key: 0,
+            class: Q([r.icon, "flow-canvas-node-palette__item-icon"])
+          }, null, 2)) : O("", !0),
+          $("span", Tt, ue(r.label), 1)
+        ], 8, Pt))), 128))
+      ], 512)
+    ]));
+  }
+}), $t = /* @__PURE__ */ re(Rt, [["__scopeId", "data-v-300314b7"]]), Lt = { class: "flow-canvas-layout" }, Bt = { class: "flow-canvas-layout__main" }, zt = { class: "flow-canvas-layout__content" }, Ot = {
+  key: 0,
+  class: "flow-canvas-layout__footer"
+}, jt = /* @__PURE__ */ ie({
+  __name: "canvas-layout",
+  props: {
+    sidebarCollapsed: { type: Boolean, default: !1 },
+    sidebarWidth: { default: 260 },
+    hideSidebar: { type: Boolean, default: !1 },
+    hideFooter: { type: Boolean, default: !1 },
+    editor: { default: void 0 },
+    paletteItems: { default: void 0 }
+  },
+  emits: ["update:sidebarCollapsed"],
+  setup(s) {
+    return (e, t) => (C(), M("div", Lt, [
+      !s.hideSidebar && (e.$slots.sidebar || s.editor) ? (C(), M("aside", {
+        key: 0,
+        class: Q(["flow-canvas-layout__sidebar", { "is-collapsed": s.sidebarCollapsed }]),
+        style: we({ width: s.sidebarCollapsed ? "0px" : `${s.sidebarWidth}px` })
+      }, [
+        ce(e.$slots, "sidebar", {}, () => [
+          s.editor ? (C(), be($t, {
+            key: 0,
+            editor: s.editor,
+            items: s.paletteItems
+          }, null, 8, ["editor", "items"])) : O("", !0)
+        ], !0)
+      ], 6)) : O("", !0),
+      $("div", Bt, [
+        $("div", zt, [
+          ce(e.$slots, "default", {}, void 0, !0)
+        ]),
+        !s.hideFooter && e.$slots.footer ? (C(), M("div", Ot, [
+          ce(e.$slots, "footer", {}, void 0, !0)
+        ])) : O("", !0)
+      ])
+    ]));
+  }
+}), lo = /* @__PURE__ */ re(jt, [["__scopeId", "data-v-26f35b6b"]]);
+function Ht(s) {
+  const e = new Set(s?.exclude), t = [
+    {
+      id: "undo",
+      type: "undo",
+      group: "history",
+      icon: "flow-canvas-icon canvas-undo",
+      description: "撤销",
+      order: 10
+    },
+    {
+      id: "redo",
+      type: "redo",
+      group: "history",
+      icon: "flow-canvas-icon canvas-redo",
+      description: "重做",
+      order: 11
+    }
+  ], o = [
+    {
+      id: "select",
+      type: "select",
+      group: "tools",
+      icon: "flow-canvas-icon canvas-kuangxuan",
+      description: "框选",
+      order: 20
+    },
+    {
+      id: "auto-layout",
+      type: "auto-layout",
+      group: "tools",
+      icon: "flow-canvas-icon canvas-beautify",
+      description: "自动排版",
+      order: 21
+    },
+    {
+      id: "search",
+      type: "search",
+      group: "tools",
+      icon: "flow-canvas-icon canvas-search",
+      description: "搜索节点",
+      order: 22
+    },
+    {
+      id: "minimap",
+      type: "minimap",
+      group: "tools",
+      icon: "flow-canvas-icon canvas-map",
+      description: "缩略图",
+      order: 23
+    },
+    {
+      id: "export",
+      type: "export",
+      group: "tools",
+      icon: "flow-canvas-icon canvas-xiazai",
+      description: "导出为图片",
+      order: 24
+    }
+  ], n = [
+    {
+      id: "zoom-out",
+      type: "zoom-out",
+      group: "zoom",
+      icon: "flow-canvas-icon canvas-zoom-minus",
+      description: "缩小画布",
+      order: 30
+    },
+    { id: "zoom-display", type: "zoom-display", group: "zoom", order: 31 },
+    {
+      id: "zoom-in",
+      type: "zoom-in",
+      group: "zoom",
+      icon: "flow-canvas-icon canvas-zoom-add",
+      description: "放大画布",
+      order: 32
+    }
+  ], i = [
+    {
+      id: "reset",
+      type: "reset",
+      group: "reset",
+      icon: "flow-canvas-icon canvas-reset-1_1",
+      description: "重置视图",
+      order: 40
+    }
+  ];
+  return [...[...t, ...o].filter(
+    (a) => !e.has(a.type)
+  ), ...n, ...i];
+}
+const Ft = { class: "flow-canvas-toolbar" }, Ut = {
+  key: 0,
+  class: "flow-canvas-toolbar__separator"
+}, qt = { class: "flow-canvas-toolbar__group" }, Gt = {
+  key: 0,
+  class: "flow-canvas-toolbar__zoom-display"
+}, Vt = ["data-description", "disabled", "onClick"], Wt = ["textContent"], Qt = /* @__PURE__ */ ie({
+  __name: "canvas-toolbar",
+  props: {
+    items: {},
+    exclude: {},
+    editor: {}
+  },
+  setup(s) {
+    const e = s, t = z(() => e.items ? e.items : Ht({ exclude: e.exclude })), o = B(1);
+    let n = null;
+    de(
+      () => e.editor.api.value,
+      (f) => {
+        n?.(), n = null, f && (o.value = f.getZoom(), n = f.onGraphEvent("scale", () => {
+          o.value = f.getZoom();
+        }));
+      },
+      { immediate: !0 }
+    ), ze(() => {
+      n?.();
+    });
+    const i = z(() => `${Math.round(o.value * 100)}%`), r = z(() => e.editor.api.value ? {
+      api: e.editor.api.value,
+      flowModel: e.editor.flowModel.value,
+      history: e.editor.history,
+      mode: e.editor.mode.value
+    } : null);
+    function a(f) {
+      return f.visible === !1 ? !1 : typeof f.visible == "function" ? r.value ? f.visible(r.value) : !1 : !0;
+    }
+    function l(f) {
+      return f.type === "select" ? e.editor.selectionMode.value : !1;
+    }
+    function c(f) {
+      return !r.value || f.disabled === !0 ? !0 : typeof f.disabled == "function" ? f.disabled(r.value) : f.type === "undo" ? !e.editor.history.canUndo.value : f.type === "redo" ? !e.editor.history.canRedo.value : !1;
+    }
+    function u(f) {
+      if (!r.value || c(f)) return;
+      if (f.onClick) {
+        f.onClick(r.value);
+        return;
+      }
+      const { api: E } = r.value;
+      switch (f.type) {
+        case "undo":
+          e.editor.history.undo();
+          break;
+        case "redo":
+          e.editor.history.redo();
+          break;
+        case "zoom-in":
+          E.zoomIn(), o.value = E.getZoom();
+          break;
+        case "zoom-out":
+          E.zoomOut(), o.value = E.getZoom();
+          break;
+        case "fit":
+          E.zoomToFit();
+          break;
+        case "reset":
+          E.zoomTo(1), E.scrollToOrigin(), o.value = 1;
+          break;
+        case "export":
+          E.exportAsImage().then((b) => {
+            const m = URL.createObjectURL(b), p = document.createElement("a");
+            p.href = m, p.download = "canvas-export.png", p.click(), URL.revokeObjectURL(m);
+          }).catch((b) => {
+            console.warn("[flow-canvas] Export failed:", b);
+          });
+          break;
+        case "select":
+          e.editor.setSelectionMode(!e.editor.selectionMode.value);
+          break;
+        case "search":
+        case "auto-layout":
+        case "minimap":
+          console.warn(`[flow-canvas] "${f.type}" toolbar item has no built-in handler. Provide an onClick callback.`);
+          break;
+        default:
+          f.type !== "custom" && console.warn(`[flow-canvas] No default handler for toolbar type "${f.type}". Provide an onClick handler.`);
+          break;
+      }
+    }
+    const d = z(() => t.value.filter(a)), w = z(() => {
+      const f = /* @__PURE__ */ new Map(), E = [];
+      for (const b of d.value) {
+        const m = b.group ?? "default";
+        f.has(m) || (f.set(m, []), E.push(m)), f.get(m).push(b);
+      }
+      return E.map((b) => ({ name: b, items: f.get(b) })).filter((b) => b.items.length > 0);
+    });
+    return (f, E) => (C(), M("div", Ft, [
+      (C(!0), M(se, null, ge(w.value, (b, m) => (C(), M(se, {
+        key: b.name
+      }, [
+        m > 0 ? (C(), M("div", Ut)) : O("", !0),
+        $("div", qt, [
+          (C(!0), M(se, null, ge(b.items, (p) => (C(), M(se, {
+            key: p.id
+          }, [
+            p.type === "zoom-display" ? (C(), M("span", Gt, ue(i.value), 1)) : (C(), M("button", {
+              key: 1,
+              class: Q(["flow-canvas-toolbar__btn", { "is-disabled": c(p), "is-active": l(p) }]),
+              "data-description": p.description,
+              disabled: c(p),
+              onClick: (P) => u(p)
+            }, [
+              p.component ? (C(), be(Ve(p.component), { key: 0 })) : p.icon ? (C(), M("i", {
+                key: 1,
+                class: Q(p.icon)
+              }, null, 2)) : (C(), M("span", {
+                key: 2,
+                class: "flow-canvas-toolbar__text",
+                textContent: ue(p.text ?? p.description ?? p.id)
+              }, null, 8, Wt))
+            ], 10, Vt))
+          ], 64))), 128))
+        ])
+      ], 64))), 128))
+    ]));
+  }
+}), co = /* @__PURE__ */ re(Qt, [["__scopeId", "data-v-ca50cd45"]]), Xt = { class: "flow-canvas-default-node__ep-label" }, Yt = {
+  key: 1,
+  class: "flow-canvas-default-node__diamond"
+}, Kt = {
+  key: 2,
+  class: "flow-canvas-default-node__task-label"
+}, Zt = /* @__PURE__ */ ie({
+  __name: "default-node",
+  setup(s) {
+    const t = We("getNode")?.(), o = z(() => t?.getData?.() ?? null), n = z(() => o.value?.label || o.value?.type || ""), i = {
+      start: "canvas-kaishi",
+      end: "canvas-stop",
+      "parallel-gateway": "canvas-bingxingwangguan",
+      "branch-gateway": "canvas-fenzhiwangguan",
+      "converge-gateway": "canvas-huijuwangguan",
+      "conditional-parallel-gateway": "canvas-tiaojianbingxingwangguan"
+    }, r = /* @__PURE__ */ new Set(["start", "end"]), a = /* @__PURE__ */ new Set([
+      "parallel-gateway",
+      "branch-gateway",
+      "converge-gateway",
+      "conditional-parallel-gateway"
+    ]), l = z(() => {
+      const u = o.value?.type ?? "";
+      return r.has(u) ? "endpoint" : a.has(u) ? "gateway" : "task";
+    }), c = z(() => i[o.value?.type ?? ""] ?? "");
+    return (u, d) => (C(), M("div", {
+      class: Q(["flow-canvas-default-node", `is-${l.value}`])
+    }, [
+      l.value === "endpoint" ? (C(), M(se, { key: 0 }, [
+        c.value ? (C(), M("i", {
+          key: 0,
+          class: Q([["flow-canvas-icon", c.value], "flow-canvas-default-node__ep-icon"])
+        }, null, 2)) : O("", !0),
+        $("span", Xt, ue(n.value), 1)
+      ], 64)) : l.value === "gateway" ? (C(), M("div", Yt, [
+        c.value ? (C(), M("i", {
+          key: 0,
+          class: Q([["flow-canvas-icon", c.value], "flow-canvas-default-node__gw-icon"])
+        }, null, 2)) : O("", !0)
+      ])) : (C(), M("span", Kt, ue(n.value), 1))
+    ], 2));
+  }
+}), Jt = /* @__PURE__ */ re(Zt, [["__scopeId", "data-v-c88cdae7"]]), eo = {
+  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 },
+  "parallel-gateway": { label: "并行网关", icon: "flow-canvas-icon canvas-bingxingwangguan", width: 64, height: 64 },
+  "branch-gateway": { label: "分支网关", icon: "flow-canvas-icon canvas-fenzhiwangguan", width: 64, height: 64 },
+  "converge-gateway": { label: "汇聚网关", icon: "flow-canvas-icon canvas-huijuwangguan", width: 64, height: 64 },
+  "conditional-parallel-gateway": {
+    label: "条件并行网关",
+    icon: "flow-canvas-icon canvas-tiaojianbingxingwangguan",
+    width: 64,
+    height: 64
+  }
+}, Le = (s, e) => ({
+  stroke: e.hovered ? "#3a84ff" : "#abb5cc",
+  strokeWidth: 2
+}), Be = {
+  attrs: {
+    line: {
+      stroke: "#abb5cc",
+      strokeWidth: 2,
+      targetMarker: { name: "block", width: 8, height: 8 }
+    }
+  }
+}, to = {
+  manhattan: {
+    router: { name: "manhattan", args: { padding: 10, maxDirectionChange: 90 } },
+    connector: { name: "rounded", args: { radius: 8 } },
+    style: Le,
+    x6EdgeConfig: Be
+  },
+  bezier: {
+    connector: { name: "smooth" },
+    style: Le,
+    x6EdgeConfig: Be
+  }
+};
+function uo(s) {
+  const e = s?.nodeTypes ?? eo, t = {}, o = [];
+  for (const [r, a] of Object.entries(e)) {
+    const l = a.width ?? 150, c = a.height ?? 50;
+    t[r] = {
+      component: Jt,
+      getSize: () => ({ width: l, height: c }),
+      getPorts: () => [
+        { id: "top", group: "top" },
+        { id: "right", group: "right" },
+        { id: "bottom", group: "bottom" },
+        { id: "left", group: "left" }
+      ]
+    }, o.push({
+      type: r,
+      label: a.label ?? r,
+      icon: a.icon
+    });
+  }
+  const n = {
+    ...to,
+    ...s?.edgeTypes
+  }, i = s?.defaultEdgeType ?? "manhattan";
+  return {
+    schema: { nodeTypes: t, defaultEdgeType: i, edgeTypes: n },
+    paletteItems: o
+  };
+}
+function fo(s) {
+  return {
+    name: "connection-validator",
+    priority: 10,
+    transformCommand(e, t, o) {
+      for (const n of e.commands) {
+        if (n.type !== "edge.add" && n.type !== "edge.reconnect") continue;
+        const i = o.flowModel.value, r = n.type === "edge.add" ? n.edge.source.nodeId : n.source?.nodeId, a = n.type === "edge.add" ? n.edge.target.nodeId : n.target?.nodeId;
+        if (!r || !a) continue;
+        const l = i.nodes[r], c = i.nodes[a];
+        if (!l || !c) continue;
+        const u = n.type === "edge.add" ? n.edge.source.portId : n.source?.portId, d = n.type === "edge.add" ? n.edge.target.portId : n.target?.portId, w = u ? l.ports?.find((p) => p.id === u) : void 0, f = d ? c.ports?.find((p) => p.id === d) : void 0, E = n.type === "edge.reconnect" ? n.edgeId : void 0, b = Object.values(i.edges).filter((p) => p.id !== E), m = s({
+          flowModel: i,
+          sourceNode: l,
+          targetNode: c,
+          sourcePort: w,
+          targetPort: f,
+          existingEdges: b
+        });
+        if (!m.valid)
+          return {
+            rejected: !0,
+            reason: m.reason ?? "Connection validation failed",
+            code: "validation_failed"
+          };
+      }
+      return e;
+    }
+  };
+}
+function po(s) {
+  const { rubberband: e = !0, multiple: t = !0, movable: o = !0 } = s ?? {};
+  return {
+    name: "selection",
+    priority: 90,
+    async attachRuntime(n) {
+      const { Selection: i } = await import("@antv/x6-plugin-selection");
+      n.graph.use(
+        new i({
+          enabled: !0,
+          rubberband: !1,
+          multiple: t,
+          movable: o,
+          showNodeSelectionBox: !0,
+          filter: (r) => !(r.isNode() && (!n.graph.isRubberbandEnabled?.() || (r.getData?.() ?? {})._selectable === !1))
+        })
+      );
+    }
+  };
+}
+function go(s) {
+  const { tolerance: e = 10, color: t = "#3a84ff" } = s ?? {};
+  let o = null;
+  return {
+    name: "snapline",
+    priority: 90,
+    async attachRuntime(n) {
+      const { Snapline: i } = await import("@antv/x6-plugin-snapline");
+      n.graph.use(
+        new i({
+          enabled: !0,
+          tolerance: e,
+          className: "flow-canvas-snapline"
+        })
+      ), o = document.createElement("style"), o.textContent = `.flow-canvas-snapline line { stroke: ${t} !important; }`, document.head.appendChild(o);
+    },
+    detachRuntime() {
+      o?.remove(), o = null;
+    }
+  };
+}
+function ho(s) {
+  let e = null;
+  return {
+    name: "minimap",
+    priority: 90,
+    async attachRuntime(t) {
+      if (!s?.container) return;
+      e = s.container;
+      const { MiniMap: o } = await import("@antv/x6-plugin-minimap");
+      t.graph.use(
+        new o({
+          container: s.container,
+          width: s.width ?? 200,
+          height: s.height ?? 160
+        })
+      );
+    },
+    detachRuntime() {
+      e = null;
+    },
+    provideToolbarItems() {
+      return [
+        {
+          id: "minimap",
+          type: "minimap",
+          tooltip: "小地图",
+          order: 100,
+          visible: !!s?.container,
+          onClick() {
+            if (!e) return;
+            const t = e.style.display === "none";
+            e.style.display = t ? "" : "none";
+          }
+        }
+      ];
+    }
+  };
+}
+function vo() {
+  let s = null, e = 0;
+  return {
+    name: "clipboard",
+    priority: 90,
+    onKeyboardShortcut(t, o) {
+      const n = t.metaKey || t.ctrlKey;
+      if (n && t.key === "c") {
+        const i = o.graph.getSelectedCells?.() ?? [];
+        if (!i.length) return !1;
+        const r = o.flowModel.value, a = new Set(i.filter((u) => u.isNode()).map((u) => u.id)), l = [...a].map((u) => r.nodes[u]).filter(Boolean);
+        if (!l.length) return !1;
+        const c = Object.values(r.edges).filter(
+          (u) => a.has(u.source.nodeId) && a.has(u.target.nodeId)
+        );
+        return s = { nodes: l, edges: c }, e = 0, !0;
+      }
+      if (n && t.key === "v") {
+        if (!s?.nodes.length) return !1;
+        e++;
+        const i = e * 30, r = /* @__PURE__ */ new Map(), a = [];
+        for (const l of s.nodes) {
+          const c = `${l.id}_cp${L().slice(0, 6)}`;
+          r.set(l.id, c), a.push({
+            type: "node.add",
+            node: {
+              ...l,
+              id: c,
+              position: {
+                x: l.position.x + i,
+                y: l.position.y + i
+              },
+              payload: l.payload ? { ...l.payload } : {},
+              extensions: l.extensions ? { ...l.extensions } : void 0
+            }
+          });
+        }
+        for (const l of s.edges) {
+          const c = r.get(l.source.nodeId), u = r.get(l.target.nodeId);
+          !c || !u || a.push({
+            type: "edge.add",
+            edge: {
+              ...l,
+              id: `${l.id}_cp${L().slice(0, 6)}`,
+              source: { ...l.source, nodeId: c },
+              target: { ...l.target, nodeId: u },
+              labels: l.labels?.map((d) => ({ ...d, id: `${d.id}_cp${L().slice(0, 6)}` })),
+              payload: l.payload ? { ...l.payload } : {}
+            }
+          });
+        }
+        return a.length && o.executeCommand({
+          id: L(),
+          source: "user:keyboard",
+          label: "粘贴",
+          timestamp: Date.now(),
+          commands: a
+        }), !0;
+      }
+      return !1;
+    }
+  };
+}
+export {
+  K as CanvasConstraintError,
+  lo as CanvasLayout,
+  $t as CanvasNodePalette,
+  ao as CanvasRuntime,
+  Ye as CanvasSchemaError,
+  co as CanvasToolbar,
+  Jt as DefaultNode,
+  It as NodeActionsToolbar,
+  Dt as NodeQuickAddPopover,
+  Se as applyCanvasCommand,
+  vo as clipboardPlugin,
+  fo as connectionValidatorPlugin,
+  ct as createCanvasHistory,
+  uo as createDefaultSchema,
+  Ht as createDefaultToolbarItems,
+  io as createEmptyFlowModel,
+  L as generateId,
+  ho as minimapPlugin,
+  po as selectionPlugin,
+  go as snaplinePlugin,
+  ro as useCanvasEditor
+};