pref(flow): 优化事件节点数据处理和回显

src/components/FlowEditor/nodeEditors/components/EventListenEditor.tsx

@@ -23,6 +23,7 @@ const EventListenEditor: React.FC<NodeEditorProps> = ({ nodeData, updateNodeData
     <>
       <Typography.Title heading={5}><IconUnorderedList style={{ marginRight: 5 }} />事件选择</Typography.Title>
       <EventSelect
+        nodeData={nodeData}
         eventList={eventList}
         type="send"
         onRefresh={getEventList}

src/components/FlowEditor/nodeEditors/components/EventSelect.tsx

@@ -10,6 +10,7 @@ const TextArea = Input.TextArea;
 const Option = Select.Option;
 
 interface EventSelectProps {
+  nodeData: any;
   eventList: any[];
   type: 'send' | 'listen';
   onRefresh: () => void;
@@ -21,15 +22,23 @@ const typeMap = {
   listen: 'EVENTLISTENE'
 };
 
-const EventSelect: React.FC<EventSelectProps> = ({ eventList, type, onRefresh, onUpdateData }) => {
+const EventSelect: React.FC<EventSelectProps> = ({ nodeData, eventList, type, onRefresh, onUpdateData }) => {
   const [options, setOptions] = useState<any[]>([]);
   const [form] = Form.useForm();
   const [showModal, setShowModal] = useState(false);
+  const [currentEvent, setCurrentEvent] = useState<any>(null);
   const { currentAppData } = useSelector(state => state.ideContainer);
 
   useEffect(() => {
-    eventList && setOptions(eventList);
-  }, [eventList]);
+    if (eventList && eventList.length > 0) {
+      setOptions(eventList);
+      try {
+        setCurrentEvent(eventList.find(item => JSON.parse(nodeData.component.customDef).eventId === item.id));
+      } catch (e) {
+        setCurrentEvent(eventList.find(item => nodeData.component.customDef.eventId === item.id));
+      }
+    }
+  }, [eventList, nodeData]);
 
   const addItem = () => {
     setShowModal(true);
@@ -67,12 +76,14 @@ const EventSelect: React.FC<EventSelectProps> = ({ eventList, type, onRefresh, o
         topic: e.topic
       }
     };
+    console.log('data:', data);
     onUpdateData(data);
   };
 
   return (
     <>
       <Select
+        value={currentEvent}
         placeholder="请选择事件"
         onChange={(e) => handelSelect(e)}
         dropdownRender={(menu) => (

src/components/FlowEditor/nodeEditors/components/EventSendEditor.tsx

@@ -23,6 +23,7 @@ const EventSendEditor: React.FC<NodeEditorProps> = ({ nodeData, updateNodeData }
     <>
       <Typography.Title heading={5}><IconUnorderedList style={{ marginRight: 5 }} />事件选择</Typography.Title>
       <EventSelect
+        nodeData={nodeData}
         eventList={eventList}
         type="send"
         onRefresh={getEventList}