feat(flow-editor):优化节点内容显示逻辑

- 调整节点输入输出样式布局,使用justify-content: space-between
- 注释掉旧的节点输入输出类名引用
- 新增标题格式化函数,过滤start/end节点标题显示
- 修改输入输出描述展示逻辑,优先使用desc字段
- 调整数据输入框渲染条件,移除对dataIns长度判断
master
钟良源 3 months ago
parent 5778383add
commit 7237faaebd

@ -49,6 +49,7 @@
padding: 0 5px;
border: 1px solid #cccccc;
border-radius: 3px;
justify-content: space-between;
.node-inputs {
padding-right: 10px;
@ -58,8 +59,9 @@
padding-left: 10px;
}
.node-inputs,
.node-outputs,
//.node-inputs,
//.node-outputs,
.node-inputs-api,
.node-outputs-api {
flex: 1;

@ -216,6 +216,10 @@ const formatFooter = (data: any, eventListOld = []) => {
}
};
const formatTitle = (text) => {
return text === 'start' || text === 'end' ? '' : text;
};
const NodeContent = ({ data }: { data: NodeContentData }) => {
const { eventListOld } = useSelector((state) => state.ideContainer);
const apiIns = data.parameters?.apiIns || [];
@ -239,17 +243,17 @@ const NodeContent = ({ data }: { data: NodeContentData }) => {
<div className={styles['node-inputs']}>
{apiIns.map((input, index) => (
<div key={input.id || `input-${index}`} className={styles['node-input-label']}>
{input.desc}
{formatTitle(input.desc || input.id || input.name)}
</div>
))}
</div>
)}
{apiOuts.length > 0 && (
<div className={styles['node-outputs-api']}>
<div className={styles['node-outputs']}>
{apiOuts.map((output, index) => (
<div key={output.id || `output-${index}`} className={styles['node-input-label']}>
{output.dataType} {output.desc}
{output.desc}
</div>
))}
</div>
@ -268,7 +272,7 @@ const NodeContent = ({ data }: { data: NodeContentData }) => {
{/*content栏-data部分*/}
<div className={styles['node-data-box']}>
<div className={styles['node-content']}>
{dataIns.length > 0 && !isStartNode && (
{!isStartNode && (
<div className={styles['node-inputs']}>
{dataIns.map((input, index) => (
<div key={input.id || `input-${index}`} className={styles['node-input-label']}>

Loading…
Cancel
Save