|
|
|
|
@ -27,7 +27,7 @@ const CompNode: React.FC<CompNodeProps> = ({ nodeData }) => {
|
|
|
|
|
{/*节点api相关的输入输出*/}
|
|
|
|
|
<div className={styles['comp-node-api']}>
|
|
|
|
|
<div className={styles['api-in']}>
|
|
|
|
|
{nodeData.def?.apis.map((v, i) => {
|
|
|
|
|
{nodeData.comp.def?.apis.map((v, i) => {
|
|
|
|
|
return (
|
|
|
|
|
<div key={i} className={styles['flex-box']}>
|
|
|
|
|
<div className={styles['right-arrow']}></div>
|
|
|
|
|
@ -38,7 +38,7 @@ const CompNode: React.FC<CompNodeProps> = ({ nodeData }) => {
|
|
|
|
|
</div>
|
|
|
|
|
<div className={styles['api-out']}>
|
|
|
|
|
<div className={styles['flex-box']}>
|
|
|
|
|
<div style={{ marginRight: 5 }}>{nodeData.def?.apiOut.id}</div>
|
|
|
|
|
<div style={{ marginRight: 5 }}>{nodeData.comp.def?.apiOut.id}</div>
|
|
|
|
|
<div className={styles['right-arrow']}></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@ -47,7 +47,7 @@ const CompNode: React.FC<CompNodeProps> = ({ nodeData }) => {
|
|
|
|
|
{/*节点data相关的输入输出*/}
|
|
|
|
|
<div className={styles['comp-node-data']}>
|
|
|
|
|
<div className={styles['data-in']}>
|
|
|
|
|
{nodeData.def?.dataIns.map((v, i) => {
|
|
|
|
|
{nodeData.comp.def?.dataIns.map((v, i) => {
|
|
|
|
|
return (
|
|
|
|
|
<div key={i} className={styles['flex-box']}>
|
|
|
|
|
<div className={styles['rectangular']}></div>
|
|
|
|
|
@ -57,7 +57,7 @@ const CompNode: React.FC<CompNodeProps> = ({ nodeData }) => {
|
|
|
|
|
})}
|
|
|
|
|
</div>
|
|
|
|
|
<div className={styles['data-out']}>
|
|
|
|
|
{nodeData.def?.dataOuts.map((v, i) => {
|
|
|
|
|
{nodeData.comp.def?.dataOuts.map((v, i) => {
|
|
|
|
|
return (
|
|
|
|
|
<div key={i} className={styles['flex-box']}>
|
|
|
|
|
<div style={{ marginRight: 5 }}>{v.id} {formatDataType(v.dataType)}</div>
|
|
|
|
|
|