React Flow 基础示例

本案例对照官方教程 Building a Flow 实现：画布（viewport）+ 节点（nodes）+ 连线（edges）。

• n1 使用内置 input 类型，只有 source handle。
• n2 使用内置 output 类型，只有 target handle。
• 边 n1-n2 为 smoothstep，中间带 connects with 标签。
• 左下角 Controls 可缩放/复位画布；背景点阵会跟随视口移动。
• 官方基础教程到此为止，尚未接入 onNodesChange，因此节点暂不可拖拽。