opensource/dify
2
0
Fork 0
mirror of https://github.com/langgenius/dify.git synced 2026-05-10 14:14:17 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(web): style issue

Browse Source
This commit is contained in:
JzoNg 2026-04-23 18:12:26 +08:00
parent 1a0776ce9b
commit 7316a1be2b
3 changed files with 22 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
web/app/components/base/prompt-editor/plugins/hitl-input-block/__tests__/component-ui.spec.tsx
View File

@ -148,8 +148,8 @@ describe('HITLInputComponentUI', () => {
expect(summary.compareDocumentPosition(typeLabel) & Node.DOCUMENT_POSITION_FOLLOWING).toBeTruthy()
})
it('should render file-list summary with max uploads', () => {
const { getByText } = renderComponent({
it('should render file-list placeholder instead of selected file details', () => {
const { getAllByText, queryByText } = renderComponent({
formInput: {
type: InputVarType.multiFiles,
output_variable_name: 'customer_name',
@ -160,8 +160,24 @@ describe('HITLInputComponentUI', () => {
} satisfies FormInputItem,
})
expect(getByText(/document/)).toBeInTheDocument()
expect(getByText(/4/)).toBeInTheDocument()
expect(getAllByText('appDebug.variableConfig.multi-files')).toHaveLength(2)
expect(queryByText(/document/)).not.toBeInTheDocument()
expect(queryByText(/4/)).not.toBeInTheDocument()
})
it('should render single-file placeholder instead of selected file details', () => {
const { getAllByText, queryByText } = renderComponent({
formInput: {
type: InputVarType.singleFile,
output_variable_name: 'customer_name',
allowed_file_extensions: ['.pdf'],
allowed_file_types: [SupportUploadFileTypes.document],
allowed_file_upload_methods: [TransferMethod.local_file],
} satisfies FormInputItem,
})
expect(getAllByText('appDebug.variableConfig.single-file')).toHaveLength(2)
expect(queryByText(/document/)).not.toBeInTheDocument()
})
})

7
web/app/components/base/prompt-editor/plugins/hitl-input-block/component-ui.tsx
View File

@ -11,7 +11,6 @@ import { useTranslation } from 'react-i18next'
import {
createDefaultParagraphFormInput,
isFileFormInput,
isFileListFormInput,
isParagraphFormInput,
isSelectFormInput,
} from '@/app/components/workflow/nodes/human-input/types'
@ -128,11 +127,7 @@ const HITLInputComponentUI: FC<HITLInputComponentUIProps> = ({
return resolvedFormInput.option_source.value.join(', ') || inputTypeLabel
}
const fileTypes = resolvedFormInput.allowed_file_types.join(', ')
if (isFileListFormInput(resolvedFormInput))
return [fileTypes, resolvedFormInput.max_upload_count ? `${t(`${i18nPrefix}.maxUploads`, { ns: 'workflow' })}: ${resolvedFormInput.max_upload_count}` : null].filter(Boolean).join(' · ') || inputTypeLabel
return fileTypes || inputTypeLabel
return inputTypeLabel
}, [inputTypeLabel, paragraphDefault?.value, resolvedFormInput, t])
return (

2
web/app/components/base/prompt-editor/plugins/hitl-input-block/input-field.tsx
View File

@ -253,7 +253,7 @@ const InputField: React.FC<InputFieldProps> = ({
</div>
{tempPayload.option_source.type === 'variable'
? (
<div className="relative rounded-lg border border-transparent bg-components-input-bg-normal px-3 pt-2">
<div className="relative min-h-[80px] rounded-lg border border-transparent bg-components-input-bg-normal px-3 pt-2 pb-8">
<VarReferencePicker
nodeId={nodeId}
value={tempPayload.option_source.selector}