From 77950e48c76f4a3b29d01831d43039caba29888a Mon Sep 17 00:00:00 2001
From: wwf <1971391498@qq.com>
Date: 星期二, 18 十一月 2025 14:12:42 +0800
Subject: [PATCH] 修改
---
app/components/workflow/nodes/variable-assigner/components/node-variable-item.tsx | 95 ++++++++++++++---------------------------------
1 files changed, 28 insertions(+), 67 deletions(-)
diff --git a/app/components/workflow/nodes/variable-assigner/components/node-variable-item.tsx b/app/components/workflow/nodes/variable-assigner/components/node-variable-item.tsx
index f5d05aa..8ccd976 100644
--- a/app/components/workflow/nodes/variable-assigner/components/node-variable-item.tsx
+++ b/app/components/workflow/nodes/variable-assigner/components/node-variable-item.tsx
@@ -1,7 +1,4 @@
-import {
- memo,
- useMemo,
-} from 'react'
+import { memo } from 'react'
import { useTranslation } from 'react-i18next'
import cn from '@/utils/classnames'
import { VarBlockIcon } from '@/app/components/workflow/block-icon'
@@ -10,6 +7,7 @@
import { BubbleX, Env } from '@/app/components/base/icons/src/vender/line/others'
import Badge from '@/app/components/base/badge'
import type { Node } from '@/app/components/workflow/types'
+import { BlockEnum } from '@/app/components/workflow/types'
type NodeVariableItemProps = {
isEnv: boolean
@@ -35,75 +33,38 @@
isException,
}: NodeVariableItemProps) => {
const { t } = useTranslation()
-
- const VariableIcon = useMemo(() => {
- if (isEnv) {
- return (
- <Env className='h-3.5 w-3.5 shrink-0 text-util-colors-violet-violet-600' />
- )
- }
-
- if (isChatVar) {
- return (
- <BubbleX className='h-3.5 w-3.5 shrink-0 text-util-colors-teal-teal-700' />
- )
- }
-
- return (
- <Variable02
- className={cn(
- 'h-3.5 w-3.5 shrink-0 text-text-accent',
- isException && 'text-text-warning',
- )}
- />
- )
- }, [isEnv, isChatVar, isException])
-
- const VariableName = useMemo(() => {
- return (
- <div
- className={cn(
- 'system-xs-medium ml-0.5 shrink truncate text-text-accent',
- isEnv && 'text-text-primary',
- isException && 'text-text-warning',
- isChatVar && 'text-util-colors-teal-teal-700',
- )}
- title={varName}
- >
- {varName}
- </div>
- )
- }, [isEnv, isChatVar, varName, isException])
return (
<div className={cn(
- 'relative flex items-center gap-1 self-stretch rounded-md bg-workflow-block-parma-bg p-[3px] pl-[5px]',
- showBorder && '!bg-state-base-hover',
+ 'relative flex items-center p-[3px] pl-[5px] gap-1 self-stretch rounded-md bg-workflow-block-parma-bg',
+ showBorder && '!bg-black/[0.02]',
className,
)}>
- <div className='flex w-0 grow items-center'>
- {
- node && (
- <>
- <div className='shrink-0 p-[1px]'>
- <VarBlockIcon
- className='!text-text-primary'
- type={node.data.type}
- />
- </div>
- <div
- className='mx-0.5 shrink-[1000] truncate text-xs font-medium text-text-secondary'
- title={node?.data.title}
- >
- {node?.data.title}
- </div>
- <Line3 className='mr-0.5 shrink-0'></Line3>
- </>
- )
+ {!isEnv && !isChatVar && (
+ <div className='flex items-center'>
+ <div className='p-[1px]'>
+ <VarBlockIcon
+ className='!text-gray-900'
+ type={node?.data.type || BlockEnum.Start}
+ />
+ </div>
+ <div className='max-w-[85px] truncate mx-0.5 text-xs font-medium text-gray-700' title={node?.data.title}>{node?.data.title}</div>
+ <Line3 className='mr-0.5'></Line3>
+ </div>
+ )}
+ <div className='flex items-center text-primary-600 w-full'>
+ {!isEnv && !isChatVar && <Variable02 className={cn('shrink-0 w-3.5 h-3.5 text-primary-500', isException && 'text-text-warning')} />}
+ {isEnv && <Env className='shrink-0 w-3.5 h-3.5 text-util-colors-violet-violet-600' />}
+ {!isChatVar && <div className={cn('max-w-[75px] truncate ml-0.5 system-xs-medium overflow-hidden text-ellipsis', isEnv && 'text-gray-900', isException && 'text-text-warning')} title={varName}>{varName}</div>}
+ {isChatVar
+ && <div className='flex items-center w-full gap-1'>
+ <div className='flex h-[18px] min-w-[18px] items-center gap-0.5 flex-1'>
+ <BubbleX className='w-3.5 h-3.5 text-util-colors-teal-teal-700' />
+ <div className={cn('max-w-[75px] truncate ml-0.5 system-xs-medium overflow-hidden text-ellipsis text-util-colors-teal-teal-700')}>{varName}</div>
+ </div>
+ {writeMode && <Badge className='shrink-0' text={t(`${i18nPrefix}.operations.${writeMode}`)} />}
+ </div>
}
- {VariableIcon}
- {VariableName}
</div>
- {writeMode && <Badge className='shrink-0' text={t(`${i18nPrefix}.operations.${writeMode}`)} />}
</div>
)
}
--
Gitblit v1.8.0