dishui 0.0.49 → 0.0.50

package/dist/components/pro/Flow/hooks/useClipboard.js

@@ -1,101 +1,157 @@
-import { useFlowContext as w } from "../context/FlowContext.js";
-import { generateId as h } from "../nodes/nodeUtils.js";
-import { useCallback as m, useRef as S } from "react";
-function y() {
-  const { currentCanvas: c, selection: t, setDoc: l, currentCanvasId: r, setSelection: g } = w(), I = S(null), p = m(() => {
-    const a = c.nodes.filter((n) => t.nodeIds.has(n.id)), o = c.edges.filter((n) => t.edgeIds.has(n.id)), s = c.lines.filter((n) => t.lineIds.has(n.id)), i = new Set(a.map((n) => n.id)), u = c.edges.filter((n) => i.has(n.source) && i.has(n.target) && !t.edgeIds.has(n.id));
-    I.current = {
-      nodes: [...a],
-      edges: [...o, ...u],
-      lines: [...s]
+import { useFlowContext as N } from "../context/FlowContext.js";
+import { generateId as w } from "../nodes/nodeUtils.js";
+import { useCallback as f, useRef as R } from "react";
+function j() {
+  const { currentCanvas: l, selection: d, setDoc: I, currentCanvasId: g, setSelection: p } = N(), S = R(null), x = f(() => {
+    const o = l.nodes.filter((t) => d.nodeIds.has(t.id)), i = l.edges.filter((t) => d.edgeIds.has(t.id)), n = l.lines.filter((t) => d.lineIds.has(t.id)), r = new Set(o.map((t) => t.id)), h = l.edges.filter((t) => r.has(t.source) && r.has(t.target) && !d.edgeIds.has(t.id));
+    S.current = {
+      nodes: [...o],
+      edges: [...i, ...h],
+      lines: [...n]
     };
-  }, [c, t]);
-  return {
-    copy: p,
-    cut: m(() => {
-      p(), l((a) => {
-        const o = a.canvases[r];
-        return o ? {
-          ...a,
-          canvases: {
-            ...a.canvases,
-            [r]: {
-              ...o,
-              nodes: o.nodes.filter((s) => !t.nodeIds.has(s.id)),
-              edges: o.edges.filter((s) => !t.edgeIds.has(s.id) && !t.nodeIds.has(s.source) && !t.nodeIds.has(s.target)),
-              lines: o.lines.filter((s) => !t.lineIds.has(s.id))
-            }
+  }, [l, d]), M = f(() => {
+    x(), I((o) => {
+      const i = o.canvases[g];
+      return i ? {
+        ...o,
+        canvases: {
+          ...o.canvases,
+          [g]: {
+            ...i,
+            nodes: i.nodes.filter((n) => !d.nodeIds.has(n.id)),
+            edges: i.edges.filter((n) => !d.edgeIds.has(n.id) && !d.nodeIds.has(n.source) && !d.nodeIds.has(n.target)),
+            lines: i.lines.filter((n) => !d.lineIds.has(n.id))
           }
-        } : a;
-      }), g({
-        nodeIds: /* @__PURE__ */ new Set(),
-        edgeIds: /* @__PURE__ */ new Set(),
-        lineIds: /* @__PURE__ */ new Set()
-      });
-    }, [
-      p,
-      l,
-      r,
-      t,
-      g
-    ]),
-    paste: m((a = 20, o = 20) => {
-      const s = I.current;
-      if (!s) return;
-      const i = /* @__PURE__ */ new Map(), u = s.nodes.map((e) => {
-        const d = h("node");
-        return i.set(e.id, d), {
+        }
+      } : o;
+    }), p({
+      nodeIds: /* @__PURE__ */ new Set(),
+      edgeIds: /* @__PURE__ */ new Set(),
+      lineIds: /* @__PURE__ */ new Set()
+    });
+  }, [
+    x,
+    I,
+    g,
+    d,
+    p
+  ]), E = f((o = 20, i = 20) => {
+    const n = S.current;
+    if (!n) return;
+    const r = /* @__PURE__ */ new Map(), h = n.nodes.map((s) => {
+      const a = w("node");
+      return r.set(s.id, a), {
+        ...s,
+        id: a,
+        position: {
+          x: s.position.x + o,
+          y: s.position.y + i
+        },
+        data: { ...s.data }
+      };
+    }), t = n.edges.filter((s) => r.has(s.source) && r.has(s.target)).map((s) => ({
+      ...s,
+      id: w("edge"),
+      source: r.get(s.source),
+      target: r.get(s.target),
+      data: { ...s.data }
+    })), m = n.lines.map((s) => ({
+      ...s,
+      id: w("line"),
+      points: s.points.map((a) => ({
+        x: a.x + o,
+        y: a.y + i
+      }))
+    }));
+    I((s) => {
+      const a = s.canvases[g];
+      return a ? {
+        ...s,
+        canvases: {
+          ...s.canvases,
+          [g]: {
+            ...a,
+            nodes: [...a.nodes, ...h],
+            edges: [...a.edges, ...t],
+            lines: [...a.lines, ...m]
+          }
+        }
+      } : s;
+    }), p({
+      nodeIds: new Set(h.map((s) => s.id)),
+      edgeIds: new Set(t.map((s) => s.id)),
+      lineIds: new Set(m.map((s) => s.id))
+    });
+  }, [
+    I,
+    g,
+    p
+  ]), L = S.current !== null;
+  return {
+    copy: x,
+    cut: M,
+    paste: E,
+    duplicate: f((o = 24, i = 24, n) => {
+      const r = n?.nodeIds ?? d.nodeIds, h = n?.edgeIds ?? d.edgeIds, t = n?.lineIds ?? d.lineIds, m = l.nodes.filter((e) => r.has(e.id)), s = l.lines.filter((e) => t.has(e.id)), a = new Set(m.map((e) => e.id)), C = l.edges.filter((e) => h.has(e.id) || a.has(e.source) && a.has(e.target));
+      if (m.length === 0 && s.length === 0 && C.length === 0) return;
+      const u = /* @__PURE__ */ new Map(), y = m.map((e) => {
+        const c = w("node");
+        return u.set(e.id, c), {
           ...e,
-          id: d,
+          id: c,
           position: {
-            x: e.position.x + a,
-            y: e.position.y + o
+            x: e.position.x + o,
+            y: e.position.y + i
           },
           data: { ...e.data }
         };
-      }), n = s.edges.filter((e) => i.has(e.source) && i.has(e.target)).map((e) => ({
+      });
+      for (const e of y) e.parentId && u.has(e.parentId) && (e.parentId = u.get(e.parentId));
+      const b = C.filter((e) => u.has(e.source) && u.has(e.target)).map((e) => ({
         ...e,
-        id: h("edge"),
-        source: i.get(e.source),
-        target: i.get(e.target),
+        id: w("edge"),
+        source: u.get(e.source),
+        target: u.get(e.target),
         data: { ...e.data }
-      })), f = s.lines.map((e) => ({
+      })), v = s.map((e) => ({
         ...e,
-        id: h("line"),
-        points: e.points.map((d) => ({
-          x: d.x + a,
-          y: d.y + o
+        id: w("line"),
+        points: e.points.map((c) => ({
+          x: c.x + o,
+          y: c.y + i
         }))
       }));
-      l((e) => {
-        const d = e.canvases[r];
-        return d ? {
+      I((e) => {
+        const c = e.canvases[g];
+        return c ? {
           ...e,
           canvases: {
             ...e.canvases,
-            [r]: {
-              ...d,
-              nodes: [...d.nodes, ...u],
-              edges: [...d.edges, ...n],
-              lines: [...d.lines, ...f]
+            [g]: {
+              ...c,
+              nodes: [...c.nodes, ...y],
+              edges: [...c.edges, ...b],
+              lines: [...c.lines, ...v]
             }
           }
         } : e;
-      }), g({
-        nodeIds: new Set(u.map((e) => e.id)),
-        edgeIds: new Set(n.map((e) => e.id)),
-        lineIds: new Set(f.map((e) => e.id))
+      }), p({
+        nodeIds: new Set(y.map((e) => e.id)),
+        edgeIds: new Set(b.map((e) => e.id)),
+        lineIds: new Set(v.map((e) => e.id))
       });
     }, [
       l,
-      r,
-      g
+      d,
+      I,
+      g,
+      p
     ]),
-    hasClipboard: I.current !== null
+    hasClipboard: L
   };
 }
 export {
-  y as useClipboard
+  j as useClipboard
 };
 
 //# sourceMappingURL=useClipboard.js.map

package/dist/components/pro/Flow/hooks/useClipboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"useClipboard.js","names":[],"sources":["../../../../../src/components/pro/Flow/hooks/useClipboard.ts"],"sourcesContent":["import { useCallback, useRef } from 'react';\nimport { useFlowContext } from '../context/FlowContext';\nimport { generateId } from '../nodes/nodeUtils';\nimport type { FlowNode, FlowEdge, FlowLine } from '../types';\n\ninterface ClipboardData {\n  nodes: FlowNode[];\n  edges: FlowEdge[];\n  lines: FlowLine[];\n}\n\n/**\n * Copy/paste/cut for selected flow elements.\n * Uses internal clipboard (not system clipboard) for structured data.\n */\nexport function useClipboard() {\n  const { currentCanvas, selection, setDoc, currentCanvasId, setSelection } = useFlowContext();\n  const clipboardRef = useRef<ClipboardData | null>(null);\n\n  const copy = useCallback(() => {\n    const nodes = currentCanvas.nodes.filter(n => selection.nodeIds.has(n.id));\n    const edges = currentCanvas.edges.filter(e => selection.edgeIds.has(e.id));\n    const lines = currentCanvas.lines.filter(l => selection.lineIds.has(l.id));\n\n    // Also include edges that connect selected nodes\n    const nodeIds = new Set(nodes.map(n => n.id));\n    const connectedEdges = currentCanvas.edges.filter(\n      e => nodeIds.has(e.source) && nodeIds.has(e.target) && !selection.edgeIds.has(e.id),\n    );\n\n    clipboardRef.current = {\n      nodes: [...nodes],\n      edges: [...edges, ...connectedEdges],\n      lines: [...lines],\n    };\n  }, [currentCanvas, selection]);\n\n  const cut = useCallback(() => {\n    copy();\n    setDoc(prev => {\n      const canvas = prev.canvases[currentCanvasId];\n      if (!canvas) return prev;\n      return {\n        ...prev,\n        canvases: {\n          ...prev.canvases,\n          [currentCanvasId]: {\n            ...canvas,\n            nodes: canvas.nodes.filter(n => !selection.nodeIds.has(n.id)),\n            edges: canvas.edges.filter(e =>\n              !selection.edgeIds.has(e.id) &&\n              !selection.nodeIds.has(e.source) &&\n              !selection.nodeIds.has(e.target),\n            ),\n            lines: canvas.lines.filter(l => !selection.lineIds.has(l.id)),\n          },\n        },\n      };\n    });\n    setSelection({ nodeIds: new Set(), edgeIds: new Set(), lineIds: new Set() });\n  }, [copy, setDoc, currentCanvasId, selection, setSelection]);\n\n  const paste = useCallback((offsetX = 20, offsetY = 20) => {\n    const cb = clipboardRef.current;\n    if (!cb) return;\n\n    const idMap = new Map<string, string>();\n    const newNodes: FlowNode[] = cb.nodes.map(n => {\n      const newId = generateId('node');\n      idMap.set(n.id, newId);\n      return {\n        ...n,\n        id: newId,\n        position: { x: n.position.x + offsetX, y: n.position.y + offsetY },\n        data: { ...n.data },\n      };\n    });\n\n    const newEdges: FlowEdge[] = cb.edges\n      .filter(e => idMap.has(e.source) && idMap.has(e.target))\n      .map(e => ({\n        ...e,\n        id: generateId('edge'),\n        source: idMap.get(e.source)!,\n        target: idMap.get(e.target)!,\n        data: { ...e.data },\n      }));\n\n    const newLines: FlowLine[] = cb.lines.map(l => ({\n      ...l,\n      id: generateId('line'),\n      points: l.points.map(p => ({ x: p.x + offsetX, y: p.y + offsetY })),\n    }));\n\n    setDoc(prev => {\n      const canvas = prev.canvases[currentCanvasId];\n      if (!canvas) return prev;\n      return {\n        ...prev,\n        canvases: {\n          ...prev.canvases,\n          [currentCanvasId]: {\n            ...canvas,\n            nodes: [...canvas.nodes, ...newNodes],\n            edges: [...canvas.edges, ...newEdges],\n            lines: [...canvas.lines, ...newLines],\n          },\n        },\n      };\n    });\n\n    setSelection({\n      nodeIds: new Set(newNodes.map(n => n.id)),\n      edgeIds: new Set(newEdges.map(e => e.id)),\n      lineIds: new Set(newLines.map(l => l.id)),\n    });\n  }, [setDoc, currentCanvasId, setSelection]);\n\n  const hasClipboard = clipboardRef.current !== null;\n\n  return { copy, cut, paste, hasClipboard };\n}\n"],"mappings":"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"}
+{"version":3,"file":"useClipboard.js","names":[],"sources":["../../../../../src/components/pro/Flow/hooks/useClipboard.ts"],"sourcesContent":["import { useCallback, useRef } from 'react';\nimport { useFlowContext } from '../context/FlowContext';\nimport { generateId } from '../nodes/nodeUtils';\nimport type { FlowNode, FlowEdge, FlowLine } from '../types';\n\ninterface ClipboardData {\n  nodes: FlowNode[];\n  edges: FlowEdge[];\n  lines: FlowLine[];\n}\n\n/**\n * Copy/paste/cut for selected flow elements.\n * Uses internal clipboard (not system clipboard) for structured data.\n */\nexport function useClipboard() {\n  const { currentCanvas, selection, setDoc, currentCanvasId, setSelection } = useFlowContext();\n  const clipboardRef = useRef<ClipboardData | null>(null);\n\n  const copy = useCallback(() => {\n    const nodes = currentCanvas.nodes.filter(n => selection.nodeIds.has(n.id));\n    const edges = currentCanvas.edges.filter(e => selection.edgeIds.has(e.id));\n    const lines = currentCanvas.lines.filter(l => selection.lineIds.has(l.id));\n\n    // Also include edges that connect selected nodes\n    const nodeIds = new Set(nodes.map(n => n.id));\n    const connectedEdges = currentCanvas.edges.filter(\n      e => nodeIds.has(e.source) && nodeIds.has(e.target) && !selection.edgeIds.has(e.id),\n    );\n\n    clipboardRef.current = {\n      nodes: [...nodes],\n      edges: [...edges, ...connectedEdges],\n      lines: [...lines],\n    };\n  }, [currentCanvas, selection]);\n\n  const cut = useCallback(() => {\n    copy();\n    setDoc(prev => {\n      const canvas = prev.canvases[currentCanvasId];\n      if (!canvas) return prev;\n      return {\n        ...prev,\n        canvases: {\n          ...prev.canvases,\n          [currentCanvasId]: {\n            ...canvas,\n            nodes: canvas.nodes.filter(n => !selection.nodeIds.has(n.id)),\n            edges: canvas.edges.filter(e =>\n              !selection.edgeIds.has(e.id) &&\n              !selection.nodeIds.has(e.source) &&\n              !selection.nodeIds.has(e.target),\n            ),\n            lines: canvas.lines.filter(l => !selection.lineIds.has(l.id)),\n          },\n        },\n      };\n    });\n    setSelection({ nodeIds: new Set(), edgeIds: new Set(), lineIds: new Set() });\n  }, [copy, setDoc, currentCanvasId, selection, setSelection]);\n\n  const paste = useCallback((offsetX = 20, offsetY = 20) => {\n    const cb = clipboardRef.current;\n    if (!cb) return;\n\n    const idMap = new Map<string, string>();\n    const newNodes: FlowNode[] = cb.nodes.map(n => {\n      const newId = generateId('node');\n      idMap.set(n.id, newId);\n      return {\n        ...n,\n        id: newId,\n        position: { x: n.position.x + offsetX, y: n.position.y + offsetY },\n        data: { ...n.data },\n      };\n    });\n\n    const newEdges: FlowEdge[] = cb.edges\n      .filter(e => idMap.has(e.source) && idMap.has(e.target))\n      .map(e => ({\n        ...e,\n        id: generateId('edge'),\n        source: idMap.get(e.source)!,\n        target: idMap.get(e.target)!,\n        data: { ...e.data },\n      }));\n\n    const newLines: FlowLine[] = cb.lines.map(l => ({\n      ...l,\n      id: generateId('line'),\n      points: l.points.map(p => ({ x: p.x + offsetX, y: p.y + offsetY })),\n    }));\n\n    setDoc(prev => {\n      const canvas = prev.canvases[currentCanvasId];\n      if (!canvas) return prev;\n      return {\n        ...prev,\n        canvases: {\n          ...prev.canvases,\n          [currentCanvasId]: {\n            ...canvas,\n            nodes: [...canvas.nodes, ...newNodes],\n            edges: [...canvas.edges, ...newEdges],\n            lines: [...canvas.lines, ...newLines],\n          },\n        },\n      };\n    });\n\n    setSelection({\n      nodeIds: new Set(newNodes.map(n => n.id)),\n      edgeIds: new Set(newEdges.map(e => e.id)),\n      lineIds: new Set(newLines.map(l => l.id)),\n    });\n  }, [setDoc, currentCanvasId, setSelection]);\n\n  const hasClipboard = clipboardRef.current !== null;\n\n  /**\n   * Duplicate the current selection in place (Cmd/Ctrl+D). Unlike copy+paste\n   * this does NOT touch the clipboard, so a prior copy stays intact. Clones the\n   * selected nodes (plus edges wholly between them) and lines with a small\n   * offset, then selects the clones.\n   */\n  const duplicate = useCallback((\n    offsetX = 24,\n    offsetY = 24,\n    targets?: { nodeIds?: Set<string>; edgeIds?: Set<string>; lineIds?: Set<string> },\n  ) => {\n    const nodeSel = targets?.nodeIds ?? selection.nodeIds;\n    const edgeSel = targets?.edgeIds ?? selection.edgeIds;\n    const lineSel = targets?.lineIds ?? selection.lineIds;\n    const nodes = currentCanvas.nodes.filter(n => nodeSel.has(n.id));\n    const lines = currentCanvas.lines.filter(l => lineSel.has(l.id));\n    const nodeIdSet = new Set(nodes.map(n => n.id));\n    const edges = currentCanvas.edges.filter(e =>\n      edgeSel.has(e.id) ||\n      (nodeIdSet.has(e.source) && nodeIdSet.has(e.target)),\n    );\n    if (nodes.length === 0 && lines.length === 0 && edges.length === 0) return;\n\n    const idMap = new Map<string, string>();\n    // Assign fresh ids to nodes first so intra-selection edges can be remapped.\n    const newNodes: FlowNode[] = nodes.map(n => {\n      const newId = generateId('node');\n      idMap.set(n.id, newId);\n      return { ...n, id: newId, position: { x: n.position.x + offsetX, y: n.position.y + offsetY }, data: { ...n.data } };\n    });\n    // Re-parent cloned children onto cloned groups when both were duplicated.\n    for (const n of newNodes) {\n      if (n.parentId && idMap.has(n.parentId)) n.parentId = idMap.get(n.parentId);\n    }\n\n    const newEdges: FlowEdge[] = edges\n      .filter(e => idMap.has(e.source) && idMap.has(e.target))\n      .map(e => ({\n        ...e,\n        id: generateId('edge'),\n        source: idMap.get(e.source)!,\n        target: idMap.get(e.target)!,\n        data: { ...e.data },\n      }));\n\n    const newLines: FlowLine[] = lines.map(l => ({\n      ...l,\n      id: generateId('line'),\n      points: l.points.map(p => ({ x: p.x + offsetX, y: p.y + offsetY })),\n    }));\n\n    setDoc(prev => {\n      const canvas = prev.canvases[currentCanvasId];\n      if (!canvas) return prev;\n      return {\n        ...prev,\n        canvases: {\n          ...prev.canvases,\n          [currentCanvasId]: {\n            ...canvas,\n            nodes: [...canvas.nodes, ...newNodes],\n            edges: [...canvas.edges, ...newEdges],\n            lines: [...canvas.lines, ...newLines],\n          },\n        },\n      };\n    });\n\n    setSelection({\n      nodeIds: new Set(newNodes.map(n => n.id)),\n      edgeIds: new Set(newEdges.map(e => e.id)),\n      lineIds: new Set(newLines.map(l => l.id)),\n    });\n  }, [currentCanvas, selection, setDoc, currentCanvasId, setSelection]);\n\n  return { copy, cut, paste, duplicate, hasClipboard };\n}\n"],"mappings":"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"}

package/dist/components/pro/Flow/hooks/useFlowImportExport.d.ts

@@ -10,6 +10,7 @@ export declare function safeFileBaseName(title: string | undefined, fallback?: s
 export declare function useFlowImportExport(): {
     exportJSON: () => string;
     importJSON: (json: string) => void;
+    importArchify: (input: string | object) => boolean;
     importMermaid: (mermaidCode: string) => void;
     exportMarkdown: () => string;
     clearDocument: () => void;

package/dist/components/pro/Flow/hooks/useFlowImportExport.js

@@ -1,129 +1,144 @@
 import { ROOT_CANVAS_ID as $, createEmptyDocument as x } from "../constants.js";
 import { useFlowContext as C } from "../context/FlowContext.js";
-import { generateId as N } from "../nodes/nodeUtils.js";
-import { useCallback as k } from "react";
-var S = 1;
-function F(s, a = "flowchart") {
-  return (s ?? "").trim().replace(/[\\/:*?"<>|]+/g, "-").replace(/\s+/g, " ").trim() || a;
+import { generateId as O } from "../nodes/nodeUtils.js";
+import { isArchifySpec as M } from "../archify/spec.js";
+import { archifyToFlowDocument as S } from "../archify/convert.js";
+import { useCallback as b } from "react";
+var R = 1;
+function j(n, o = "flowchart") {
+  return (n ?? "").trim().replace(/[\\/:*?"<>|]+/g, "-").replace(/\s+/g, " ").trim() || o;
 }
-function J() {
-  const { doc: s, setDoc: a } = C();
+function z() {
+  const { doc: n, setDoc: o } = C();
   return {
-    exportJSON: k(() => {
+    exportJSON: b(() => {
       const e = {
-        version: S,
-        canvases: s.canvases,
-        stack: s.stack,
-        title: s.title
+        version: R,
+        canvases: n.canvases,
+        stack: n.stack,
+        title: n.title
       };
       return JSON.stringify(e, null, 2);
-    }, [s]),
-    importJSON: k((e) => {
+    }, [n]),
+    importJSON: b((e) => {
       try {
-        const n = JSON.parse(e);
-        if (!n.canvases || !n.stack) throw new Error("Invalid document format");
-        a({
-          canvases: n.canvases,
-          stack: n.stack,
-          title: n.title
+        const s = JSON.parse(e);
+        if (M(s)) {
+          o(S(s));
+          return;
+        }
+        const i = s;
+        if (!i.canvases || !i.stack) throw new Error("Invalid document format");
+        o({
+          canvases: i.canvases,
+          stack: i.stack,
+          title: i.title
         });
-      } catch (n) {
-        console.error("Failed to import JSON:", n);
+      } catch (s) {
+        console.error("Failed to import JSON:", s);
+      }
+    }, [o]),
+    importArchify: b((e) => {
+      try {
+        const s = typeof e == "string" ? JSON.parse(e) : e;
+        return M(s) ? (o(S(s)), !0) : !1;
+      } catch (s) {
+        return console.error("Failed to import Archify spec:", s), !1;
       }
-    }, [a]),
-    importMermaid: k((e) => {
-      const n = R(e);
-      a(n);
-    }, [a]),
-    exportMarkdown: k(() => O(s), [s]),
-    clearDocument: k(() => {
-      a(x());
-    }, [a])
+    }, [o]),
+    importMermaid: b((e) => {
+      const s = L(e);
+      o(s);
+    }, [o]),
+    exportMarkdown: b(() => E(n), [n]),
+    clearDocument: b(() => {
+      o(x());
+    }, [o])
   };
 }
-function O(s) {
-  const a = [], e = (i) => {
-    const l = (i.data.label ?? "").trim();
-    return l ? l.replace(/\s+/g, " ") : i.type === "mediaNode" ? `(${i.data.mediaKind ?? "media"})` : `(${i.type})`;
-  }, n = (i, l, h) => {
-    const m = s.canvases[i];
+function E(n) {
+  const o = [], e = (c) => {
+    const f = (c.data.label ?? "").trim();
+    return f ? f.replace(/\s+/g, " ") : c.type === "mediaNode" ? `(${c.data.mediaKind ?? "media"})` : `(${c.type})`;
+  }, s = (c, f, h) => {
+    const m = n.canvases[c];
     if (!m) return;
-    const b = new Map(m.nodes.map((t) => [t.id, t])), o = /* @__PURE__ */ new Map();
+    const y = new Map(m.nodes.map((t) => [t.id, t])), a = /* @__PURE__ */ new Map();
     for (const t of m.nodes) {
-      const r = t.parentId && b.has(t.parentId) ? t.parentId : void 0, d = o.get(r) ?? [];
-      d.push(t), o.set(r, d);
+      const r = t.parentId && y.has(t.parentId) ? t.parentId : void 0, d = a.get(r) ?? [];
+      d.push(t), a.set(r, d);
     }
     const p = (t, r) => {
-      const d = "  ".repeat(r), c = t.data.isGroup || t.type === "flowGroup" || t.type === "geometryGroup" ? `**${e(t)}**` : e(t);
-      if (a.push(`${d}- ${c}`), t.type === "mediaNode" && t.data.mediaKind) {
+      const d = "  ".repeat(r), l = t.data.isGroup || t.type === "flowGroup" || t.type === "geometryGroup" ? `**${e(t)}**` : e(t);
+      if (o.push(`${d}- ${l}`), t.type === "mediaNode" && t.data.mediaKind) {
         const g = t.data.mediaKind;
         if (g === "data" && t.data.dataConfig) {
-          const y = t.data.dataConfig, M = y.columns.map((I) => I.label ?? I.key).join(", ");
-          a.push(`${d}  - 数据表：${y.rows.length} 行 · 列（${M}）`);
+          const k = t.data.dataConfig, N = k.columns.map((I) => I.label ?? I.key).join(", ");
+          o.push(`${d}  - 数据表：${k.rows.length} 行 · 列（${N}）`);
         } else if (t.data.mediaContent && g !== "image" && g !== "model3d") {
-          const y = t.data.mediaContent.trim().split(`
+          const k = t.data.mediaContent.trim().split(`
 `)[0].slice(0, 80);
-          y && a.push(`${d}  - ${g}: ${y}`);
+          k && o.push(`${d}  - ${g}: ${k}`);
         }
       }
-      const v = o.get(t.id) ?? [];
+      const v = a.get(t.id) ?? [];
       for (const g of v) p(g, r + 1);
       const w = t.data.childCanvasId;
-      w && s.canvases[w] && !h.has(w) && (h.add(w), n(w, l + 1, h));
-    }, u = o.get(void 0) ?? [];
+      w && n.canvases[w] && !h.has(w) && (h.add(w), s(w, f + 1, h));
+    }, u = a.get(void 0) ?? [];
     for (const t of u) p(t, 0);
     if (m.edges.length > 0) {
-      a.push(""), a.push(`${"#".repeat(Math.min(6, l + 1))} 连接关系`);
+      o.push(""), o.push(`${"#".repeat(Math.min(6, f + 1))} 连接关系`);
       for (const t of m.edges) {
-        const r = b.get(t.source), d = b.get(t.target);
+        const r = y.get(t.source), d = y.get(t.target);
         if (!r || !d) continue;
-        const c = t.data.labelText ? ` （${t.data.labelText}）` : "";
-        a.push(`- ${e(r)} → ${e(d)}${c}`);
+        const l = t.data.labelText ? ` （${t.data.labelText}）` : "";
+        o.push(`- ${e(r)} → ${e(d)}${l}`);
       }
     }
-  }, f = /* @__PURE__ */ new Set([$]);
-  a.push("# 流程图"), a.push(""), n($, 1, f);
-  for (const i of Object.keys(s.canvases))
-    f.has(i) || (f.add(i), a.push(""), a.push(`## 画布 ${i}`), a.push(""), n(i, 2, f));
-  return a.join(`
+  }, i = /* @__PURE__ */ new Set([$]);
+  o.push("# 流程图"), o.push(""), s($, 1, i);
+  for (const c of Object.keys(n.canvases))
+    i.has(c) || (i.add(c), o.push(""), o.push(`## 画布 ${c}`), o.push(""), s(c, 2, i));
+  return o.join(`
 `).replace(/\n{3,}/g, `
 
 `).trim() + `
 `;
 }
-function R(s) {
-  const a = s.split(`
-`).map((o) => o.trim()).filter((o) => o && !o.startsWith("%%")), e = /* @__PURE__ */ new Map(), n = [];
-  let f = !1;
-  for (const o of a) {
-    if (/^(graph|flowchart)\s+(LR|RL)/i.test(o)) {
-      f = !0;
+function L(n) {
+  const o = n.split(`
+`).map((a) => a.trim()).filter((a) => a && !a.startsWith("%%")), e = /* @__PURE__ */ new Map(), s = [];
+  let i = !1;
+  for (const a of o) {
+    if (/^(graph|flowchart)\s+(LR|RL)/i.test(a)) {
+      i = !0;
       continue;
     }
-    if (/^(graph|flowchart)\s+/i.test(o)) continue;
-    const p = o.match(/^(\w+)(?:\[([^\]]*)\])?\s*(-->|---|-\.->|==>)(?:\|([^|]*)\|)?\s*(\w+)(?:\[([^\]]*)\])?/);
+    if (/^(graph|flowchart)\s+/i.test(a)) continue;
+    const p = a.match(/^(\w+)(?:\[([^\]]*)\])?\s*(-->|---|-\.->|==>)(?:\|([^|]*)\|)?\s*(\w+)(?:\[([^\]]*)\])?/);
     if (p) {
-      const [, t, r, , d, c, v] = p;
+      const [, t, r, , d, l, v] = p;
       r && !e.has(t) && e.set(t, {
         id: t,
         label: r
-      }), v && !e.has(c) && e.set(c, {
-        id: c,
+      }), v && !e.has(l) && e.set(l, {
+        id: l,
         label: v
       }), e.has(t) || e.set(t, {
         id: t,
         label: t
-      }), e.has(c) || e.set(c, {
-        id: c,
-        label: c
-      }), n.push({
+      }), e.has(l) || e.set(l, {
+        id: l,
+        label: l
+      }), s.push({
         from: t,
-        to: c,
+        to: l,
         label: d?.trim()
       });
       continue;
     }
-    const u = o.match(/^(\w+)\[([^\]]*)\]/);
+    const u = a.match(/^(\w+)\[([^\]]*)\]/);
     if (u) {
       const [, t, r] = u;
       e.has(t) || e.set(t, {
@@ -132,11 +147,11 @@ function R(s) {
       });
     }
   }
-  const i = [...e.keys()], l = f ? i.length : Math.ceil(Math.sqrt(i.length)), h = {
+  const c = [...e.keys()], f = i ? c.length : Math.ceil(Math.sqrt(c.length)), h = {
     x: 200,
     y: 120
-  }, m = i.map((o, p) => {
-    const u = p % l, t = Math.floor(p / l), r = e.get(o);
+  }, m = c.map((a, p) => {
+    const u = p % f, t = Math.floor(p / f), r = e.get(a);
     return {
       id: r.id,
       type: "shapeRoundRect",
@@ -155,40 +170,40 @@ function R(s) {
         fontSize: 14
       }
     };
-  }), b = n.map((o) => ({
-    id: N("edge"),
-    source: o.from,
-    target: o.to,
+  }), y = s.map((a) => ({
+    id: O("edge"),
+    source: a.from,
+    target: a.to,
     type: "smoothstep",
     data: {
       strokeColor: "theme:base-content",
       strokeWidth: 2,
       lineStyle: "solid",
       markerEnd: "arrowclosed",
-      labelText: o.label
+      labelText: a.label
     }
   }));
   return {
     canvases: { [$]: {
       nodes: m,
-      edges: b,
+      edges: y,
       lines: []
     } },
     stack: [$]
   };
 }
-async function G(s) {
-  return s.toDataURL("image/png");
+async function K(n) {
+  return n.toDataURL("image/png");
 }
-function j(s, a) {
+function W(n, o) {
   const e = document.createElement("a");
-  e.href = s, e.download = a, document.body.appendChild(e), e.click(), document.body.removeChild(e);
+  e.href = n, e.download = o, document.body.appendChild(e), e.click(), document.body.removeChild(e);
 }
 export {
-  j as downloadDataURL,
-  G as exportCanvasToPNG,
-  F as safeFileBaseName,
-  J as useFlowImportExport
+  W as downloadDataURL,
+  K as exportCanvasToPNG,
+  j as safeFileBaseName,
+  z as useFlowImportExport
 };
 
 //# sourceMappingURL=useFlowImportExport.js.map