From f643ba40858c06b8a1ed4dac272e838e91db29ab Mon Sep 17 00:00:00 2001
From: ZLY <zhongliangyuan@gdngsk.com>
Date: Wed, 22 Oct 2025 15:59:03 +0800
Subject: [PATCH] =?UTF-8?q?feat(flowEditor):=20=E6=B7=BB=E5=8A=A0=E8=8A=82?=
 =?UTF-8?q?=E7=82=B9=E6=A0=87=E9=A2=98=E7=BC=96=E8=BE=91=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在事件监听编辑器中引入表单组件用于标题输入
- 在事件发送编辑器中引入表单组件用于标题输入
- 实现标题字段的双向数据绑定更新逻辑
- 使用垂直布局表单提升界面可读性
- 统一两个编辑器的标题编辑样式与交互方式
---
 .../nodeEditors/components/EventListenEditor.tsx       | 10 +++++++++-
 .../nodeEditors/components/EventSendEditor.tsx         | 10 +++++++++-
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/components/FlowEditor/nodeEditors/components/EventListenEditor.tsx b/src/components/FlowEditor/nodeEditors/components/EventListenEditor.tsx
index b5f2224..01a9a20 100644
--- a/src/components/FlowEditor/nodeEditors/components/EventListenEditor.tsx
+++ b/src/components/FlowEditor/nodeEditors/components/EventListenEditor.tsx
@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import { NodeEditorProps } from '@/components/FlowEditor/nodeEditors';
-import { Typography } from '@arco-design/web-react';
+import { Form, Input, Typography } from '@arco-design/web-react';
 import { IconUnorderedList } from '@arco-design/web-react/icon';
 import EventSelect from './EventSelect';
 import { useDispatch, useSelector } from 'react-redux';
@@ -22,6 +22,14 @@ const EventListenEditor: React.FC<NodeEditorProps> = ({ nodeData, updateNodeData
 
   return (
     <>
+      <Form layout="vertical">
+        <Form.Item label="节点标题">
+          <Input
+            value={nodeData.title || ''}
+            onChange={(value) => updateNodeData('title', value)}
+          />
+        </Form.Item>
+      </Form>
       <Typography.Title heading={5}><IconUnorderedList style={{ marginRight: 5 }} />事件选择</Typography.Title>
       <EventSelect
         nodeData={nodeData}
diff --git a/src/components/FlowEditor/nodeEditors/components/EventSendEditor.tsx b/src/components/FlowEditor/nodeEditors/components/EventSendEditor.tsx
index 17f7106..55c06a2 100644
--- a/src/components/FlowEditor/nodeEditors/components/EventSendEditor.tsx
+++ b/src/components/FlowEditor/nodeEditors/components/EventSendEditor.tsx
@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import { NodeEditorProps } from '@/components/FlowEditor/nodeEditors';
-import { Typography } from '@arco-design/web-react';
+import { Typography, Form, Input } from '@arco-design/web-react';
 import { IconUnorderedList } from '@arco-design/web-react/icon';
 import { useDispatch, useSelector } from 'react-redux';
 import EventSelect from '@/components/FlowEditor/nodeEditors/components/EventSelect';
@@ -22,6 +22,14 @@ const EventSendEditor: React.FC<NodeEditorProps> = ({ nodeData, updateNodeData }
 
   return (
     <>
+      <Form layout="vertical">
+        <Form.Item label="节点标题">
+          <Input
+            value={nodeData.title || ''}
+            onChange={(value) => updateNodeData('title', value)}
+          />
+        </Form.Item>
+      </Form>
       <Typography.Title heading={5}><IconUnorderedList style={{ marginRight: 5 }} />事件选择</Typography.Title>
       <EventSelect
         nodeData={nodeData}