From a430284aa21e3ae1f0d5654e55b2ad2852519cc2 Mon Sep 17 00:00:00 2001
From: wwf <yearningwang@iqtogether.com>
Date: 星期三, 04 六月 2025 15:17:49 +0800
Subject: [PATCH] 初始化
---
app/components/workflow/nodes/_base/components/output-vars.tsx | 62 ++++++++++--------------------
1 files changed, 21 insertions(+), 41 deletions(-)
diff --git a/app/components/workflow/nodes/_base/components/output-vars.tsx b/app/components/workflow/nodes/_base/components/output-vars.tsx
index ca075f2..a0d7a25 100644
--- a/app/components/workflow/nodes/_base/components/output-vars.tsx
+++ b/app/components/workflow/nodes/_base/components/output-vars.tsx
@@ -1,35 +1,22 @@
'use client'
-import type { FC, ReactNode } from 'react'
+import type { FC } from 'react'
import React from 'react'
import { useTranslation } from 'react-i18next'
import { FieldCollapse } from '@/app/components/workflow/nodes/_base/components/collapse'
-import TreeIndentLine from './variable/object-child-tree-panel/tree-indent-line'
-import cn from '@/utils/classnames'
type Props = {
className?: string
title?: string
- children: ReactNode
- operations?: ReactNode
- collapsed?: boolean
- onCollapse?: (collapsed: boolean) => void
+ children: JSX.Element
}
const OutputVars: FC<Props> = ({
title,
children,
- operations,
- collapsed,
- onCollapse,
}) => {
const { t } = useTranslation()
return (
- <FieldCollapse
- title={title || t('workflow.nodes.common.outputVars')}
- operations={operations}
- collapsed={collapsed}
- onCollapse={onCollapse}
- >
+ <FieldCollapse title={title || t('workflow.nodes.common.outputVars')}>
{children}
</FieldCollapse>
)
@@ -43,7 +30,6 @@
type: string
description: string
}[]
- isIndent?: boolean
}
export const VarItem: FC<VarItemProps> = ({
@@ -51,33 +37,27 @@
type,
description,
subItems,
- isIndent,
}) => {
return (
- <div className={cn('flex', isIndent && 'relative left-[-7px]')}>
- {isIndent && <TreeIndentLine depth={1} />}
- <div className='py-1'>
- <div className='flex'>
- <div className='flex items-center leading-[18px]'>
- <div className='code-sm-semibold text-text-secondary'>{name}</div>
- <div className='system-xs-regular ml-2 text-text-tertiary'>{type}</div>
+ <div className='py-1'>
+ <div className='flex leading-[18px] items-center'>
+ <div className='code-sm-semibold text-text-secondary'>{name}</div>
+ <div className='ml-2 system-xs-regular text-text-tertiary'>{type}</div>
+ </div>
+ <div className='mt-0.5 system-xs-regular text-text-tertiary'>
+ {description}
+ {subItems && (
+ <div className='ml-2 border-l border-gray-200 pl-2'>
+ {subItems.map((item, index) => (
+ <VarItem
+ key={index}
+ name={item.name}
+ type={item.type}
+ description={item.description}
+ />
+ ))}
</div>
- </div>
- <div className='system-xs-regular mt-0.5 text-text-tertiary'>
- {description}
- {subItems && (
- <div className='ml-2 border-l border-gray-200 pl-2'>
- {subItems.map((item, index) => (
- <VarItem
- key={index}
- name={item.name}
- type={item.type}
- description={item.description}
- />
- ))}
- </div>
- )}
- </div>
+ )}
</div>
</div>
)
--
Gitblit v1.8.0