pref(nodeContentOther): 优化数据content栏部分的渲染逻辑

src/pages/flowEditor/components/nodeContentOther.tsx

@@ -61,7 +61,7 @@ const renderSpecialNodeHandles = (isStartNode: boolean, isEndNode: boolean, data
             }}
           />
         ))}
-        {dataOuts.map((_, index) => (
+        {dataOuts.length > 0 && dataOuts.map((_, index) => (
           <Handle
             key={`output-handle-${index}`}
             type="source"
@@ -94,18 +94,18 @@ const renderSpecialNodeHandles = (isStartNode: boolean, isEndNode: boolean, data
             }}
           />
         ))}
-        {dataIns.map((_, index) => (
+          {dataIns.length > 0 && dataIns.map((_, index) => (
-          <Handle
+            <Handle
-            key={`input-handle-${index}`}
+              key={`input-handle-${index}`}
-            type="target"
+              type="target"
-            position={Position.Left}
+              position={Position.Left}
-            id={dataIns[index].name || `input-${index}`}
+              id={dataIns[index].name || `input-${index}`}
-            style={{
+              style={{
-              ...handleStyles.data,
+                ...handleStyles.data,
-              top: `${70 + apiIns.length * 20 + index * 20}px`
+                top: `${70 + apiIns.length * 20 + index * 20}px`
-            }}
+              }}
-          />
+            />
-        ))}
+          ))}
       </>
     );
   };
@@ -238,7 +238,7 @@ const NodeContent = ({ data }: { data: NodeContentData }) => {
           )}
         </div>
       </div>
-      {(dataIns.length || dataOuts.length) && (
+      {(dataIns.length > 0 || dataOuts.length > 0) && (
         <>
           {/*分割*/}
           <div