ngskcloud
/
flow-playform-react
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(flowEditor): 显示节点数据类型信息

Browse Source
master
钟良源 3 months ago
parent c86441727f
commit 6c471271db
6 changed files with 12 additions and 13 deletions
Show Stats Download Patch File Download Diff File

4
src/pages/flowEditor/components/nodeContentCode.tsx
Unescape Escape View File

@ -155,7 +155,7 @@ const NodeContent = ({ data }: { data: NodeContentData }) => {
<div className={styles['node-inputs']}> <div className={styles['node-inputs']}>
{dataIns.map((input, index) => ( {dataIns.map((input, index) => (
<div key={input.id || `input-${index}`} className={styles['node-input-label']}> <div key={input.id || `input-${index}`} className={styles['node-input-label']}>
{input.id || `输入${index + 1}`} {input.id || `输入${index + 1}`} {input.dataType}
</div> </div>
))} ))}
</div> </div>
@ -165,7 +165,7 @@ const NodeContent = ({ data }: { data: NodeContentData }) => {
<div className={styles['node-outputs']}> <div className={styles['node-outputs']}>
{dataOuts.map((output, index) => ( {dataOuts.map((output, index) => (
<div key={output.id || `output-${index}`} className={styles['node-input-label']}> <div key={output.id || `output-${index}`} className={styles['node-input-label']}>
{`${output.id} ${output.dataType}` || `输出${index + 1}`} {output.dataType} {`${output.id}` || `输出${index + 1}`}
</div> </div>
))} ))}
</div> </div>

2
src/pages/flowEditor/components/nodeContentImage.tsx
Unescape Escape View File

@ -161,7 +161,7 @@ const NodeContent = ({ data }: { data: NodeContentData }) => {
<div className={styles['node-outputs']}> <div className={styles['node-outputs']}>
{dataOuts.map((output, index) => ( {dataOuts.map((output, index) => (
<div key={output.id || `output-${index}`} className={styles['node-input-label']}> <div key={output.id || `output-${index}`} className={styles['node-input-label']}>
{output.id || `输出${index + 1}`} {output.dataType} {output.id || `输出${index + 1}`}
</div> </div>
))} ))}
</div> </div>

4
src/pages/flowEditor/components/nodeContentLoop.tsx
Unescape Escape View File

@ -150,7 +150,7 @@ const NodeContent = ({ data }: { data: NodeContentData }) => {
<div className={styles['node-inputs']}> <div className={styles['node-inputs']}>
{dataIns.map((input, index) => ( {dataIns.map((input, index) => (
<div key={input.id || `input-${index}`} className={styles['node-input-label']}> <div key={input.id || `input-${index}`} className={styles['node-input-label']}>
{input.id || `输入${index + 1}`} {input.id || `输入${index + 1}`} {input.dataType}
</div> </div>
))} ))}
</div> </div>
@ -160,7 +160,7 @@ const NodeContent = ({ data }: { data: NodeContentData }) => {
<div className={styles['node-outputs']}> <div className={styles['node-outputs']}>
{dataOuts.map((output, index) => ( {dataOuts.map((output, index) => (
<div key={output.id || `output-${index}`} className={styles['node-input-label']}> <div key={output.id || `output-${index}`} className={styles['node-input-label']}>
{output.id || `输出${index + 1}`} {output.dataType} {output.id || `输出${index + 1}`}
</div> </div>
))} ))}
</div> </div>

7
src/pages/flowEditor/components/nodeContentOther.tsx
Unescape Escape View File

@ -215,7 +215,6 @@ const NodeContent = ({ data }: { data: NodeContentData }) => {
const dataOuts = data.parameters?.dataOuts || []; const dataOuts = data.parameters?.dataOuts || [];
const showFooter = formatFooter(data.component) || false; const showFooter = formatFooter(data.component) || false;
const footerData = (showFooter && data.component) || {}; const footerData = (showFooter && data.component) || {};
// console.log(apiIns, apiOuts, dataIns, dataOuts);
// 判断节点类型 // 判断节点类型
const isStartNode = data.type === 'start'; const isStartNode = data.type === 'start';
@ -241,7 +240,7 @@ const NodeContent = ({ data }: { data: NodeContentData }) => {
<div className={styles['node-outputs-api']}> <div className={styles['node-outputs-api']}>
{apiOuts.map((output, index) => ( {apiOuts.map((output, index) => (
<div key={output.id || `output-${index}`} className={styles['node-input-label']}> <div key={output.id || `output-${index}`} className={styles['node-input-label']}>
{output.desc} {output.dataType} {output.desc}
</div> </div>
))} ))}
</div> </div>
@ -264,7 +263,7 @@ const NodeContent = ({ data }: { data: NodeContentData }) => {
<div className={styles['node-inputs']}> <div className={styles['node-inputs']}>
{dataIns.map((input, index) => ( {dataIns.map((input, index) => (
<div key={input.id || `input-${index}`} className={styles['node-input-label']}> <div key={input.id || `input-${index}`} className={styles['node-input-label']}>
{input.id || `输入${index + 1}`} {input.id || `输入${index + 1}`} {input.dataType}
</div> </div>
))} ))}
</div> </div>
@ -274,7 +273,7 @@ const NodeContent = ({ data }: { data: NodeContentData }) => {
<div className={styles['node-outputs']}> <div className={styles['node-outputs']}>
{dataOuts.map((output, index) => ( {dataOuts.map((output, index) => (
<div key={output.id || `output-${index}`} className={styles['node-input-label']}> <div key={output.id || `output-${index}`} className={styles['node-input-label']}>
{output.id || `输出${index + 1}`} {output.dataType} {output.id || `输出${index + 1}`}
</div> </div>
))} ))}
</div> </div>

4
src/pages/flowEditor/components/nodeContentREST.tsx
Unescape Escape View File

@ -152,7 +152,7 @@ const NodeContent = ({ data }: { data: NodeContentData }) => {
<div className={styles['node-inputs']}> <div className={styles['node-inputs']}>
{dataIns.map((input, index) => ( {dataIns.map((input, index) => (
<div key={input.id || `input-${index}`} className={styles['node-input-label']}> <div key={input.id || `input-${index}`} className={styles['node-input-label']}>
{input.id || `输入${index + 1}`} {input.id || `输入${index + 1}`} {input.dataType}
</div> </div>
))} ))}
</div> </div>
@ -162,7 +162,7 @@ const NodeContent = ({ data }: { data: NodeContentData }) => {
<div className={styles['node-outputs']}> <div className={styles['node-outputs']}>
{dataOuts.map((output, index) => ( {dataOuts.map((output, index) => (
<div key={output.id || `output-${index}`} className={styles['node-input-label']}> <div key={output.id || `output-${index}`} className={styles['node-input-label']}>
{`${output.id} ${output.dataType}` || `输出${index + 1}`} {output.dataType} {`${output.id}` || `输出${index + 1}`}
</div> </div>
))} ))}
</div> </div>

4
src/pages/flowEditor/components/nodeContentSwitch.tsx
Unescape Escape View File

@ -148,7 +148,7 @@ const NodeContent = ({ data }: { data: NodeContentData }) => {
<div className={styles['node-inputs']}> <div className={styles['node-inputs']}>
{dataIns.map((input, index) => ( {dataIns.map((input, index) => (
<div key={input.id || `input-${index}`} className={styles['node-input-label']}> <div key={input.id || `input-${index}`} className={styles['node-input-label']}>
{input.id || `输入${index + 1}`} {input.id || `输入${index + 1}`} {input.dataType}
</div> </div>
))} ))}
</div> </div>
@ -158,7 +158,7 @@ const NodeContent = ({ data }: { data: NodeContentData }) => {
<div className={styles['node-outputs']}> <div className={styles['node-outputs']}>
{dataOuts.map((output, index) => ( {dataOuts.map((output, index) => (
<div key={output.id || `output-${index}`} className={styles['node-input-label']}> <div key={output.id || `output-${index}`} className={styles['node-input-label']}>
{output.id || `输出${index + 1}`} {output.dataType} {output.id || `输出${index + 1}`}
</div> </div>
))} ))}
</div> </div>

Write Preview
Loading…
Cancel
Save