support metadata condition filter use array
Signed-off-by: kenwoodjw <blackxin55+@gmail.com>pull/20589/head
kenwoodjw
12 months ago
parent
e01d975b80
commit
45abd17794
@ -0,0 +1,164 @@
|
||||
import { useCallback, useEffect } from 'react'
|
||||
import { useTranslation } from 'react-i18next'
|
||||
import ConditionValueMethod from './condition-value-method'
|
||||
import type { ConditionValueMethodProps } from './condition-value-method'
|
||||
import ConditionVariableSelector from './condition-variable-selector'
|
||||
import ConditionCommonVariableSelector from './condition-common-variable-selector'
|
||||
import type {
|
||||
Node,
|
||||
NodeOutPutVar,
|
||||
ValueSelector,
|
||||
} from '@/app/components/workflow/types'
|
||||
import { VarType } from '@/app/components/workflow/types'
|
||||
import Input from '@/app/components/base/input'
|
||||
|
||||
type ConditionArrayProps = {
|
||||
value?: string | string[] | (string | number)[]
|
||||
onChange: (value?: string | string[] | (string | number)[]) => void
|
||||
nodesOutputVars: NodeOutPutVar[]
|
||||
availableNodes: Node[]
|
||||
isCommonVariable?: boolean
|
||||
commonVariables: { name: string, type: string }[]
|
||||
} & ConditionValueMethodProps
|
||||
|
||||
const ConditionArray = ({
|
||||
value,
|
||||
onChange,
|
||||
valueMethod = 'constant',
|
||||
onValueMethodChange,
|
||||
nodesOutputVars,
|
||||
availableNodes,
|
||||
isCommonVariable,
|
||||
commonVariables,
|
||||
}: ConditionArrayProps) => {
|
||||
const { t } = useTranslation()
|
||||
|
||||
const parseValueSelector = useCallback((value?: string | string[] | (string | number)[]): string[] => {
|
||||
if (typeof value !== 'string')
|
||||
return []
|
||||
|
||||
// 支持多种格式：
|
||||
// 1. {{#nodeId.variable#}} 格式
|
||||
if (value.includes('#')) {
|
||||
const match = value.match(/\{\{#([^#]+)#\}\}/)
|
||||
if (match && match[1])
|
||||
return match[1].split('.')
|
||||
}
|
||||
|
||||
// 2. nodeId.variable 格式（直接格式）
|
||||
if (value.includes('.'))
|
||||
return value.split('.')
|
||||
|
||||
return []
|
||||
}, [])
|
||||
|
||||
const currentValueSelector = parseValueSelector(value)
|
||||
|
||||
useEffect(() => {
|
||||
console.log('🔍 ConditionArray Debug:')
|
||||
console.log(' - valueMethod:', valueMethod)
|
||||
console.log(' - isCommonVariable:', isCommonVariable)
|
||||
console.log(' - value:', value)
|
||||
console.log(' - currentValueSelector:', currentValueSelector)
|
||||
console.log(' - nodesOutputVars (数组变量):', nodesOutputVars)
|
||||
console.log(' - availableNodes:', availableNodes)
|
||||
console.log(' - commonVariables (通用数组变量):', commonVariables)
|
||||
}, [valueMethod, isCommonVariable, value, currentValueSelector, nodesOutputVars, availableNodes, commonVariables])
|
||||
|
||||
const handleVariableValueChange = useCallback((v: ValueSelector) => {
|
||||
console.log('🔧 数组变量被选择:', v)
|
||||
onChange(`{{#${v.join('.')}#}}`)
|
||||
}, [onChange])
|
||||
|
||||
const handleCommonVariableValueChange = useCallback((v: string) => {
|
||||
console.log('🔧 通用数组变量被选择:', v)
|
||||
onChange(`{{${v}}}`)
|
||||
}, [onChange])
|
||||
|
||||
const handleConstantValueChange = useCallback((inputValue: string) => {
|
||||
// Parse comma-separated values into array
|
||||
if (inputValue.trim() === '') {
|
||||
onChange([])
|
||||
return
|
||||
}
|
||||
|
||||
// Split by comma and trim whitespace
|
||||
const arrayValues = inputValue.split(',').map((item) => {
|
||||
const trimmed = item.trim()
|
||||
if (trimmed === '') return null
|
||||
|
||||
// Try to convert to number if it's a valid number
|
||||
const numericValue = Number(trimmed)
|
||||
if (!isNaN(numericValue) && isFinite(numericValue))
|
||||
return numericValue
|
||||
|
||||
// Otherwise keep as string
|
||||
return trimmed
|
||||
}).filter(item => item !== null)
|
||||
|
||||
console.log('🔧 常量数组值被设置:', arrayValues)
|
||||
onChange(arrayValues)
|
||||
}, [onChange])
|
||||
|
||||
const displayValue = Array.isArray(value) ? value.map(v => String(v)).join(', ') : (value || '')
|
||||
|
||||
// Filter available variables to show only array types
|
||||
const filteredNodesOutputVars = nodesOutputVars.filter(nodeVar =>
|
||||
nodeVar.vars.some(v =>
|
||||
v.type === VarType.arrayString
|
||||
|| v.type === VarType.arrayNumber
|
||||
|| v.type === VarType.arrayObject
|
||||
|| v.type === VarType.arrayFile
|
||||
|| v.type === VarType.array
|
||||
|| v.type.toString().startsWith('array'),
|
||||
),
|
||||
)
|
||||
|
||||
const filteredCommonVariables = commonVariables.filter(v =>
|
||||
v.type === 'array'
|
||||
|| v.type.startsWith('array'),
|
||||
)
|
||||
|
||||
return (
|
||||
<div className='flex h-8 items-center pl-1 pr-2'>
|
||||
<ConditionValueMethod
|
||||
valueMethod={valueMethod}
|
||||
onValueMethodChange={onValueMethodChange}
|
||||
/>
|
||||
<div className='ml-1 mr-1.5 h-4 w-[1px] bg-divider-regular'></div>
|
||||
{
|
||||
valueMethod === 'variable' && !isCommonVariable && (
|
||||
<ConditionVariableSelector
|
||||
valueSelector={currentValueSelector}
|
||||
onChange={handleVariableValueChange}
|
||||
nodesOutputVars={filteredNodesOutputVars}
|
||||
availableNodes={availableNodes}
|
||||
varType='array'
|
||||
/>
|
||||
)
|
||||
}
|
||||
{
|
||||
valueMethod === 'variable' && isCommonVariable && (
|
||||
<ConditionCommonVariableSelector
|
||||
variables={filteredCommonVariables}
|
||||
value={typeof value === 'string' ? value : ''}
|
||||
onChange={handleCommonVariableValueChange}
|
||||
varType={VarType.array}
|
||||
/>
|
||||
)
|
||||
}
|
||||
{
|
||||
valueMethod === 'constant' && (
|
||||
<Input
|
||||
className='border-none bg-transparent outline-none hover:bg-transparent focus:bg-transparent focus:shadow-none'
|
||||
value={displayValue}
|
||||
onChange={e => handleConstantValueChange(e.target.value)}
|
||||
placeholder={t('workflow.nodes.knowledgeRetrieval.metadata.panel.arrayPlaceholder') || 'Enter comma-separated values'}
|
||||
/>
|
||||
)
|
||||
}
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default ConditionArray
|
||||
Loading…
Reference in New Issue