mirror of https://github.com/langgenius/dify.git
57 lines
1.5 KiB
TypeScript
57 lines
1.5 KiB
TypeScript
import type { FC } from 'react'
|
|
import React from 'react'
|
|
import { useTranslation } from 'react-i18next'
|
|
import VarReferencePicker from '../_base/components/variable/var-reference-picker'
|
|
import OutputVars, { VarItem } from '../_base/components/output-vars'
|
|
import useConfig from './use-config'
|
|
import type { DocExtractorNodeType } from './types'
|
|
import Field from '@/app/components/workflow/nodes/_base/components/field'
|
|
import { type NodePanelProps } from '@/app/components/workflow/types'
|
|
|
|
const i18nPrefix = 'workflow.nodes.docExtractor'
|
|
|
|
const Panel: FC<NodePanelProps<DocExtractorNodeType>> = ({
|
|
id,
|
|
data,
|
|
}) => {
|
|
const { t } = useTranslation()
|
|
|
|
const {
|
|
readOnly,
|
|
inputs,
|
|
handleVarChanges,
|
|
filterVar,
|
|
} = useConfig(id, data)
|
|
|
|
return (
|
|
<div className='mt-2'>
|
|
<div className='px-4 pb-4 space-y-4'>
|
|
<Field
|
|
title={t(`${i18nPrefix}.inputVar`)}
|
|
>
|
|
<VarReferencePicker
|
|
readonly={readOnly}
|
|
nodeId={id}
|
|
isShowNodeName
|
|
value={inputs.variable_selector || []}
|
|
onChange={handleVarChanges}
|
|
filterVar={filterVar}
|
|
typePlaceHolder='File | Array[File]'
|
|
/>
|
|
</Field>
|
|
</div>
|
|
<div className='px-4 pt-4 pb-2'>
|
|
<OutputVars>
|
|
<VarItem
|
|
name='text'
|
|
type={inputs.is_array_file ? 'array[string]' : 'string'}
|
|
description={t(`${i18nPrefix}.outputVars.text`)}
|
|
/>
|
|
</OutputVars>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default React.memo(Panel)
|