From 4aab4087dc97906d0b9890035401175cdaab32d4 Mon Sep 17 00:00:00 2001
From: blackhao <13851610112@163.com>
Date: Fri, 22 Aug 2025 02:51:50 -0500
Subject: 2.0

---
 src/components/Graph.tsx | 49 ------------------------------------------------
 1 file changed, 49 deletions(-)
 delete mode 100644 src/components/Graph.tsx

(limited to 'src/components/Graph.tsx')

diff --git a/src/components/Graph.tsx b/src/components/Graph.tsx
deleted file mode 100644
index 5e81b38..0000000
--- a/src/components/Graph.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import CytoscapeComponent from "react-cytoscapejs";
-import cytoscape from "cytoscape";
-import dagre from "cytoscape-dagre";
-import { useMemo } from "react";
-
-cytoscape.use(dagre);
-
-type Catalog = Record<string, string[]>;
-
-export default function Graph({ catalog }: { catalog: Catalog }) {
-  const elements = useMemo(() => {
-    const els: any[] = [];
-    Object.keys(catalog).forEach(id => {
-      els.push({ data: { id } });
-      catalog[id].forEach(p =>
-        els.push({
-          data: { id: `${p}->${id}`, source: p, target: id }
-        })
-      );
-    });
-    return els;
-  }, [catalog]);
-
-  return (
-    <CytoscapeComponent
-      elements={elements}
-      stylesheet={[
-        {
-          selector: "node",
-          style: {
-            "background-color": "#3182bd",
-            label: "data(id)",
-            color: "#fff"
-          }
-        },
-        {
-          selector: "edge",
-          style: {
-            width: 2,
-            "target-arrow-shape": "triangle",
-            "curve-style": "bezier"
-          }
-        }
-      ]}
-      layout={{ name: "dagre", rankDir: "TB", nodeSep: 30, rankSep: 50 }}
-      style={{ width: "100%", height: "90vh" }}
-    />
-  );
-}
-- 
cgit v1.2.3

