From 94afaea70afbf9854307027522139855f65e1dd4 Mon Sep 17 00:00:00 2001
From: ZLY <zhongliangyuan@gdngsk.com>
Date: Mon, 25 Aug 2025 11:25:51 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E5=88=A0=E9=99=A4=E6=97=A0?=
 =?UTF-8?q?=E7=94=A8=E7=9A=84=20React=20Flow=20=E6=B5=8B=E8=AF=95=E4=BB=A3?=
 =?UTF-8?q?=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/handleNode/handleNode.tsx      | 14 ----
 .../TextUpdaterNode.module.less               |  8 --
 .../textUpdateNode/TextUpdaterNode.tsx        | 24 ------
 src/pages/dashboard/reactFlowTest/index.tsx   | 83 -------------------
 4 files changed, 129 deletions(-)
 delete mode 100644 src/pages/dashboard/reactFlowTest/components/handleNode/handleNode.tsx
 delete mode 100644 src/pages/dashboard/reactFlowTest/components/textUpdateNode/TextUpdaterNode.module.less
 delete mode 100644 src/pages/dashboard/reactFlowTest/components/textUpdateNode/TextUpdaterNode.tsx
 delete mode 100644 src/pages/dashboard/reactFlowTest/index.tsx

diff --git a/src/pages/dashboard/reactFlowTest/components/handleNode/handleNode.tsx b/src/pages/dashboard/reactFlowTest/components/handleNode/handleNode.tsx
deleted file mode 100644
index 820829a..0000000
--- a/src/pages/dashboard/reactFlowTest/components/handleNode/handleNode.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import React from 'react';
-import { Handle, Position } from '@xyflow/react';
-
-export const CustomNode = ({ data }) => {
-  return (
-    <>
-      <div style={{ padding: '10px 20px' }}>
-        {data.label}
-      </div>
-
-
-    </>
-  );
-};
\ No newline at end of file
diff --git a/src/pages/dashboard/reactFlowTest/components/textUpdateNode/TextUpdaterNode.module.less b/src/pages/dashboard/reactFlowTest/components/textUpdateNode/TextUpdaterNode.module.less
deleted file mode 100644
index 99e34e4..0000000
--- a/src/pages/dashboard/reactFlowTest/components/textUpdateNode/TextUpdaterNode.module.less
+++ /dev/null
@@ -1,8 +0,0 @@
-.text-updater-node {
-  //width: 150px;
-  //height: 80px;
-  padding: 20px;
-  border-radius: 15px;
-  border: 1px solid #cccccc;
-  background-color: #fff;
-}
\ No newline at end of file
diff --git a/src/pages/dashboard/reactFlowTest/components/textUpdateNode/TextUpdaterNode.tsx b/src/pages/dashboard/reactFlowTest/components/textUpdateNode/TextUpdaterNode.tsx
deleted file mode 100644
index 872fbf7..0000000
--- a/src/pages/dashboard/reactFlowTest/components/textUpdateNode/TextUpdaterNode.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import React, { useCallback } from 'react';
-import style from './TextUpdaterNode.module.less';
-import { Handle, Position } from '@xyflow/react';
-
-export function TextUpdaterNode(props) {
-  const onChange = useCallback((evt) => {
-    console.log(evt.target.value);
-  }, []);
-
-  return (
-    <div className={style['text-updater-node']}>
-      <div>
-        <label htmlFor="text">Text:</label>
-        <input id="text" name="text" onChange={onChange} className="nodrag" />
-      </div>
-      <Handle type="target" position={Position.Left} id="a" />
-      <Handle type="target" position={Position.Bottom} id="a1" />
-      <Handle type="target" position={Position.Top} id="a2" />
-      <Handle type="source" position={Position.Right} id="b" />
-      <Handle type="source" position={Position.Right} style={{ top: 10 }} id="b1" />
-      <Handle type="source" position={Position.Right} style={{ top: 20 }} id="b2" />
-    </div>
-  );
-}
\ No newline at end of file
diff --git a/src/pages/dashboard/reactFlowTest/index.tsx b/src/pages/dashboard/reactFlowTest/index.tsx
deleted file mode 100644
index 98e0280..0000000
--- a/src/pages/dashboard/reactFlowTest/index.tsx
+++ /dev/null
@@ -1,83 +0,0 @@
-import React, { useState, useCallback } from 'react';
-import { ReactFlow, applyNodeChanges, applyEdgeChanges, addEdge, Background, Controls } from '@xyflow/react';
-import '@xyflow/react/dist/style.css';
-import { TextUpdaterNode } from './components/textUpdateNode/TextUpdaterNode';
-
-const nodeTypes = {
-  textUpdater: TextUpdaterNode
-};
-
-const initialNodes = [
-  {
-    id: 'n1',
-    position: { x: 0, y: 0 },
-    data: { label: 'Node 1' },
-    type: 'input'
-  },
-  {
-    id: 'node-1',
-    type: 'textUpdater',
-    position: { x: 150, y: 0 },
-    data: { value: 123 }
-  },
-  {
-    id: 'n2',
-    position: { x: 100, y: 100 },
-    data: { label: 'Custom Node' }
-  }
-];
-
-const initialEdges = [
-  {
-    id: 'n1-n2',
-    source: 'n1',
-    target: 'n2'
-  },
-  {
-    id: 'n1-node-1',
-    source: 'n1',
-    target: 'node-1',
-    targetHandle: 'a'
-  },
-  {
-    id: 'n2-node-1',
-    source: 'n2',
-    target: 'node-1',
-    targetHandle: 'a1'
-  }
-];
-
-export default function App() {
-  const [nodes, setNodes] = useState(initialNodes);
-  const [edges, setEdges] = useState(initialEdges);
-
-  const onNodesChange = useCallback(
-    (changes) => setNodes((nodesSnapshot) => applyNodeChanges(changes, nodesSnapshot)),
-    []
-  );
-  const onEdgesChange = useCallback(
-    (changes) => setEdges((edgesSnapshot) => applyEdgeChanges(changes, edgesSnapshot)),
-    []
-  );
-  const onConnect = useCallback(
-    (params) => setEdges((edgesSnapshot) => addEdge(params, edgesSnapshot)),
-    []
-  );
-
-  return (
-    <div style={{ width: '90vw', height: '91vh' }}>
-      <ReactFlow
-        nodes={nodes}
-        edges={edges}
-        nodeTypes={nodeTypes}
-        onNodesChange={onNodesChange}
-        onEdgesChange={onEdgesChange}
-        onConnect={onConnect}
-        fitView
-      >
-        <Background />
-        <Controls />
-      </ReactFlow>
-    </div>
-  );
-}
\ No newline at end of file