style(flowEditor):优化节点内容渲染逻辑

master
钟良源 3 months ago
parent 7237faaebd
commit 797487aaea

@ -2,7 +2,6 @@ import React, { useMemo } from 'react';
import styles from '@/components/FlowEditor/node/style/baseOther.module.less'; import styles from '@/components/FlowEditor/node/style/baseOther.module.less';
import { Handle, Position, useStore } from '@xyflow/react'; import { Handle, Position, useStore } from '@xyflow/react';
import { deserializeValue, isJSON } from '@/utils/common'; import { deserializeValue, isJSON } from '@/utils/common';
import cronstrue from 'cronstrue/i18n';
interface NodeContentData { interface NodeContentData {
parameters?: { parameters?: {
@ -224,7 +223,7 @@ const NodeContent = ({ data }: { data: NodeContentData }) => {
<div className={styles['node-api-box']}> <div className={styles['node-api-box']}>
<div className={styles['node-content-api']}> <div className={styles['node-content-api']}>
{apiIns.length > 0 && ( {/*{apiIns.length > 0 && (*/}
<div className={styles['node-inputs']}> <div className={styles['node-inputs']}>
{apiIns.map((input, index) => { {apiIns.map((input, index) => {
// 查找关联的事件分组 // 查找关联的事件分组
@ -242,7 +241,7 @@ const NodeContent = ({ data }: { data: NodeContentData }) => {
); );
})} })}
</div> </div>
)} {/*)}*/}
{apiOuts.length > 0 && ( {apiOuts.length > 0 && (
<div className={styles['node-outputs']}> <div className={styles['node-outputs']}>
@ -273,7 +272,7 @@ const NodeContent = ({ data }: { data: NodeContentData }) => {
{/*content栏-data部分*/} {/*content栏-data部分*/}
<div className={styles['node-data-box']}> <div className={styles['node-data-box']}>
<div className={styles['node-content']}> <div className={styles['node-content']}>
{dataIns.length > 0 && ( {/*{dataIns.length > 0 && (*/}
<div className={styles['node-inputs']}> <div className={styles['node-inputs']}>
{dataIns.map((input, index) => { {dataIns.map((input, index) => {
// 查找关联的事件分组 // 查找关联的事件分组
@ -291,7 +290,7 @@ const NodeContent = ({ data }: { data: NodeContentData }) => {
); );
})} })}
</div> </div>
)} {/*)}*/}
{dataOuts.length > 0 && ( {dataOuts.length > 0 && (
<div className={styles['node-outputs']}> <div className={styles['node-outputs']}>

Loading…
Cancel
Save