+
{source !== 'workflow' && <>
-
+ {statement}
+
+
+ :
+ })()}
+
-
- {statement}
-
-
- :
- })()}
-
-
}
+
+
{workspace.target_workspace_name[0]}
diff --git a/web/src/views/Conversation/components/FileUpload.tsx b/web/src/views/Conversation/components/FileUpload.tsx
index 3c494437..67fff913 100644
--- a/web/src/views/Conversation/components/FileUpload.tsx
+++ b/web/src/views/Conversation/components/FileUpload.tsx
@@ -2,7 +2,7 @@
* @Author: ZhaoYing
* @Date: 2026-02-06 21:09:42
* @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-27 18:23:04
+ * @Last Modified time: 2026-04-02 18:29:48
*/
/**
* File Upload Component
@@ -21,7 +21,7 @@
* @component
*/
import { useState, useEffect, forwardRef, useImperativeHandle, useMemo } from 'react';
-import { Upload, Progress, App, Flex } from 'antd';
+import { Upload, Progress, App, Flex, Button } from 'antd';
import type { UploadProps, UploadFile } from 'antd';
import type { UploadProps as RcUploadProps, RcFile, UploadFileStatus } from 'antd/es/upload/interface';
import { useTranslation } from 'react-i18next';
@@ -56,7 +56,9 @@ interface UploadFilesProps extends Omit{t('memoryConversation.uploadFile')}
+ {textType === 'text'
+ ? {t('memoryConversation.uploadFile')}
+ :
+ }
+ 
+
+
+
handleDelete(file)}
+ />
+
+ ) : (
+
+
+ {file.name}
+
+ {file.type?.split('/').pop()} · {file.size}
+
+ handleDelete(file)}
+ />
+
+ )}
+
+ ))}
+
+ )}
+
+
+ ) : (
+
+ {type === 'number'
+ ?
+ )}
+
+
@@ -181,4 +347,4 @@ const ChatVariableModal = forwardRef(({
title={t('workflow.addvariable')}
open={open}
onClose={() => setOpen(false)}
+ width={480}
>
);
}
diff --git a/web/src/views/Workflow/components/Editor/plugin/InitialValuePlugin.tsx b/web/src/views/Workflow/components/Editor/plugin/InitialValuePlugin.tsx
index 4186e80c..9a3eaa94 100644
--- a/web/src/views/Workflow/components/Editor/plugin/InitialValuePlugin.tsx
+++ b/web/src/views/Workflow/components/Editor/plugin/InitialValuePlugin.tsx
@@ -77,9 +77,20 @@ const InitialValuePlugin: React.FC = ({ value, options
if (conversationMatch) {
const [_, variableName] = conversationMatch;
- const conversationSuggestion = optionsRef.current.find(s =>
+ const fullValue = `conv.${variableName}`;
+ // First try direct match on top-level label
+ let conversationSuggestion = optionsRef.current.find(s =>
s.group === 'CONVERSATION' && s.label === variableName
);
+ // Then search children by value (e.g. conv.api_key.url)
+ if (!conversationSuggestion) {
+ for (const s of optionsRef.current) {
+ if (s.group === 'CONVERSATION' && s.children) {
+ const child = s.children.find(c => c.value === fullValue);
+ if (child) { conversationSuggestion = child; break; }
+ }
+ }
+ }
if (conversationSuggestion) {
paragraph.append($createVariableNode(conversationSuggestion));
} else {
diff --git a/web/src/views/Workflow/components/Properties/AssignmentList/index.tsx b/web/src/views/Workflow/components/Properties/AssignmentList/index.tsx
index d6ccae23..4fe38714 100644
--- a/web/src/views/Workflow/components/Properties/AssignmentList/index.tsx
+++ b/web/src/views/Workflow/components/Properties/AssignmentList/index.tsx
@@ -75,7 +75,6 @@ const AssignmentList: FC = ({
vo.nodeData.type === 'loop' || vo.value.includes('conv.') || (vo.nodeData.type === 'iteration' && (vo.label === 'item' || vo.label === 'index')))}
- popupMatchSelectWidth={false}
onChange={() => {
form.setFieldValue([parentName, name, 'operation'], undefined);
form.setFieldValue([parentName, name, 'value'], undefined);
@@ -121,7 +120,6 @@ const AssignmentList: FC = ({
? vo.dataType === dataType) : options}
- popupMatchSelectWidth={false}
size={size}
variant="borderless"
className="select"
@@ -153,7 +151,6 @@ const AssignmentList: FC = ({
: vo.dataType === dataType) : options}
- popupMatchSelectWidth={false}
size={size}
variant="borderless"
className="select"
diff --git a/web/src/views/Workflow/components/Properties/CaseList/index.tsx b/web/src/views/Workflow/components/Properties/CaseList/index.tsx
index 12ca38d5..88eace06 100644
--- a/web/src/views/Workflow/components/Properties/CaseList/index.tsx
+++ b/web/src/views/Workflow/components/Properties/CaseList/index.tsx
@@ -281,7 +281,6 @@ const CaseList: FC = ({
options={options}
size="small"
allowClear={false}
- popupMatchSelectWidth={false}
onChange={(val) => handleLeftFieldChange(caseIndex, conditionIndex, val)}
variant="borderless"
className="rb:w-36!"
@@ -326,7 +325,6 @@ const CaseList: FC = ({
placeholder={t('common.pleaseSelect')}
options={options.filter(vo => vo.dataType === 'number')}
allowClear={false}
- popupMatchSelectWidth={false}
variant="borderless"
size="small"
/>
diff --git a/web/src/views/Workflow/components/Properties/ConditionList/index.tsx b/web/src/views/Workflow/components/Properties/ConditionList/index.tsx
index 84beb561..d484da09 100644
--- a/web/src/views/Workflow/components/Properties/ConditionList/index.tsx
+++ b/web/src/views/Workflow/components/Properties/ConditionList/index.tsx
@@ -153,7 +153,6 @@ const ConditionList: FC = ({
)}
size="small"
allowClear={false}
- popupMatchSelectWidth={false}
placeholder={t('common.pleaseSelect')}
onChange={(val) => handleLeftFieldChange(index, val)}
variant="borderless"
@@ -201,7 +200,6 @@ const ConditionList: FC = ({
placeholder={t('common.pleaseSelect')}
options={options.filter(vo => vo.dataType === 'number')}
allowClear={false}
- popupMatchSelectWidth={false}
variant="borderless"
size="small"
/>
diff --git a/web/src/views/Workflow/components/Properties/GroupVariableList/index.tsx b/web/src/views/Workflow/components/Properties/GroupVariableList/index.tsx
index 3f215bca..6c30502c 100644
--- a/web/src/views/Workflow/components/Properties/GroupVariableList/index.tsx
+++ b/web/src/views/Workflow/components/Properties/GroupVariableList/index.tsx
@@ -2,7 +2,7 @@
* @Author: ZhaoYing
* @Date: 2026-02-03 15:17:39
* @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-03 10:54:15
+ * @Last Modified time: 2026-04-03 18:39:07
*/
import { useEffect, type FC } from 'react'
import { useTranslation } from 'react-i18next';
@@ -87,9 +87,18 @@ const GroupVariableList: FC = ({
let filteredOptions = options;
if (value.length > 0) {
const firstVariableValue = value[0];
- const firstVariable = options.find(opt => `{{${opt.value}}}` === firstVariableValue);
+ const allSuggestions = options.flatMap(opt => opt.children ? [opt, ...opt.children] : [opt]);
+ const firstVariable = allSuggestions.find(opt => `{{${opt.value}}}` === firstVariableValue);
if (firstVariable) {
- filteredOptions = options.filter(opt => opt.dataType === firstVariable.dataType);
+ filteredOptions = options.flatMap(opt => {
+ if (opt.dataType === 'file' && opt.children?.length) {
+ return [{ ...opt, children: opt.children.map(c => ({ ...c, disabled: c.dataType !== firstVariable.dataType })) }];
+ }
+ if (opt.dataType === firstVariable.dataType && !opt.children?.length) return [opt];
+ const filteredChildren = opt.children?.filter(c => c.dataType === firstVariable.dataType);
+ if (filteredChildren?.length) return [{ ...opt, children: filteredChildren }];
+ return [];
+ });
}
}
@@ -106,7 +115,7 @@ const GroupVariableList: FC = ({
= ({
const currentGroupValue = value[name]?.value || [];
if (currentGroupValue.length > 0) {
const firstVariableValue = currentGroupValue[0];
- const firstVariable = options.find(opt => `{{${opt.value}}}` === firstVariableValue);
+ const allSuggestions = options.flatMap(opt => opt.children ? [opt, ...opt.children] : [opt]);
+ const firstVariable = allSuggestions.find(opt => `{{${opt.value}}}` === firstVariableValue);
+
if (firstVariable) {
- return options.filter(opt => opt.dataType === firstVariable.dataType);
+ return options.flatMap(vo => {
+ if (vo.dataType === 'file' && vo.children?.length) {
+ return [{ ...vo, children: vo.children.map(c => ({ ...c, disabled: c.dataType !== firstVariable.dataType })) }];
+ }
+ if (vo.dataType === firstVariable.dataType && (!vo.children || vo.children.length < 1)) return [vo];
+ const filteredChildren = vo.children?.filter(sub => sub.dataType === firstVariable.dataType);
+ if (filteredChildren?.length) return [{ ...vo, children: filteredChildren }];
+ return [];
+ });
}
+ return []
}
return options;
})()
}
- mode="multiple"
+
+ multiple={true}
size={size}
/>
diff --git a/web/src/views/Workflow/components/Properties/ListOperator/FilterConditions/index.tsx b/web/src/views/Workflow/components/Properties/ListOperator/FilterConditions/index.tsx
new file mode 100644
index 00000000..11a1d479
--- /dev/null
+++ b/web/src/views/Workflow/components/Properties/ListOperator/FilterConditions/index.tsx
@@ -0,0 +1,197 @@
+import { type FC } from 'react'
+import clsx from 'clsx'
+import { useTranslation } from 'react-i18next';
+import { Form, Button, Select, type SelectProps, Flex, Row, Col } from 'antd'
+
+import type { Suggestion } from '../../../Editor/plugin/AutocompletePlugin'
+import RadioGroupBtn from '../../RadioGroupBtn'
+import { fileSubVariable } from '../../hooks/useVariableList'
+import Editor from '../../../Editor'
+
+interface Case {
+ filter_by: Array<{
+ key: string;
+ comparison_operator: string;
+ value: string
+ }>
+}
+
+interface FilterConditionsProps {
+ value?: Case;
+ onChange?: (value: Case) => void;
+ options: Suggestion[];
+ parentName: string;
+ variableType?: string;
+}
+const operatorsObj: { [key: string]: SelectProps['options'] } = {
+ default: [
+ { value: 'empty', label: 'workflow.config.if-else.empty' },
+ { value: 'not_empty', label: 'workflow.config.if-else.not_empty' },
+ { value: 'contains', label: 'workflow.config.if-else.contains' },
+ { value: 'not_contains', label: 'workflow.config.if-else.not_contains' },
+ { value: 'startwith', label: 'workflow.config.if-else.startwith' },
+ { value: 'endwith', label: 'workflow.config.if-else.endwith' },
+ { value: 'eq', label: 'workflow.config.if-else.eq' },
+ { value: 'ne', label: 'workflow.config.if-else.ne' },
+ ],
+ number: [
+ { value: 'eq', label: 'workflow.config.if-else.num.eq' },
+ { value: 'ne', label: 'workflow.config.if-else.num.ne' },
+ { value: 'lt', label: 'workflow.config.if-else.num.lt' },
+ { value: 'le', label: 'workflow.config.if-else.num.le' },
+ { value: 'gt', label: 'workflow.config.if-else.num.gt' },
+ { value: 'ge', label: 'workflow.config.if-else.num.ge' },
+ { value: 'empty', label: 'workflow.config.if-else.empty' },
+ { value: 'not_empty', label: 'workflow.config.if-else.not_empty' },
+ ],
+ boolean: [
+ { value: 'eq', label: 'workflow.config.if-else.boolean.eq' },
+ { value: 'ne', label: 'workflow.config.if-else.boolean.ne' },
+ { value: 'empty', label: 'workflow.config.if-else.empty' },
+ { value: 'not_empty', label: 'workflow.config.if-else.not_empty' },
+ ],
+ type: [
+ { value: 'eq', label: 'workflow.config.list-operator.type.eq' },
+ { value: 'ne', label: 'workflow.config.list-operator.type.ne' },
+ ]
+}
+
+const typeOptions = ['image', 'document', 'video', 'audio']
+
+const FilterConditions: FC = ({
+ options,
+ parentName,
+ variableType,
+}) => {
+ const { t } = useTranslation();
+ const form = Form.useFormInstance();
+
+ const handleKeyFieldChange = (index: number, newValue: string) => {
+ form.setFieldValue(['filter_by', index], {
+ key: newValue,
+ comparison_operator: undefined,
+ value: undefined,
+ value_type: undefined,
+ });
+ };
+
+ return (
+ <>
+
+ {(fields, { add, remove }) => {
+ return (
+ <>
+
+
+ )
+}
+
+export default FilterConditions
\ No newline at end of file
diff --git a/web/src/views/Workflow/components/Properties/ListOperator/index.tsx b/web/src/views/Workflow/components/Properties/ListOperator/index.tsx
new file mode 100644
index 00000000..8ebdc891
--- /dev/null
+++ b/web/src/views/Workflow/components/Properties/ListOperator/index.tsx
@@ -0,0 +1,107 @@
+import { type FC } from 'react'
+import { useTranslation } from 'react-i18next'
+import { Form, Switch, Select, Row, Col, Divider, InputNumber } from 'antd'
+import { Node } from '@antv/x6'
+
+import type { Suggestion } from '../../Editor/plugin/AutocompletePlugin'
+import VariableSelect from '../VariableSelect'
+import { fileSubVariable } from '../hooks/useVariableList'
+import FilterConditions from './FilterConditions'
+import RadioGroupBtn from '../RadioGroupBtn'
+import RbSlider from '@/components/RbSlider'
+
+
+interface ListOperatorProps {
+ options: Suggestion[]
+ selectedNode: Node
+}
+
+const ListOperator: FC = ({ options }) => {
+ const { t } = useTranslation()
+ const form = Form.useFormInstance()
+ const values = Form.useWatch([], form) || {}
+ const variableOption = options.find(option => `{{${option.value}}}` === values?.variable)
+ const variableType = variableOption?.dataType
+
+ return (
+ <>
+
+ vo.dataType.includes('array') && vo.dataType !== 'array[object]')}
+ size="small"
+ />
+
+
+
+
+ {values?.filter_by?.enabled &&
+
+
+ {values?.order_by?.enabled &&
+
+ {/* 仅 array[file]有效 */}
+ {variableType === 'array[file]' &&
+
+
+
+
+ }
+
+ ({ label: t(`workflow.config.list-operator.${key}`), value: key }))}
+ />
+
+
+
+ }
+
+
+
+ {values?.extract_by?.enabled &&
+
+
+ }
+
+
+
+ {values?.limit?.enabled &&
+
+
+ }
+
+ = ({ label, name, options, extra, valueK
= ({
placeholder,
options,
@@ -40,109 +33,378 @@ const VariableSelect: FC = ({
onChange,
size = 'middle',
filterBooleanType = false,
- mode,
- ...resetPorps
+ multiple = false,
+ variant = 'outlined',
+ className,
}) => {
+ const { t } = useTranslation();
+ const [open, setOpen] = useState(false);
+ const [search, setSearch] = useState('');
+ const [expandedParent, setExpandedParent] = useState(null);
+ const [dropdownPos, setDropdownPos] = useState({ top: 0, left: 0, width: 0 });
+ const [childPanelPos, setChildPanelPos] = useState({ top: 0, right: 0 });
+ const containerRef = useRef(null);
+ const dropdownRef = useRef(null);
+ const itemRefs = useRef>(new Map());
- /**
- * Handle value change and pass selected option to parent
- * @param value - Selected value
- */
- const handleChange: SelectProps['onChange'] = (value: string) => {
- const filterItem = options.find(option => `{{${option.value}}}` === value)
- onChange?.(value, filterItem);
- }
- /**
- * Custom label renderer for selected value
- * Displays node icon, name and variable label
- * @param props - Label render props
- */
- const labelRender: LabelRender = (props) => {
- const { value } = props
- const filterOption = filteredOptions.find(vo => `{{${vo.value}}}` === value)
+ const CHILD_PANEL_HEIGHT = 280; // max-h-60 (240) + header (~40)
- if (filterOption) {
- return (
-
- {filterOption.nodeData?.icon && filterOption.nodeData?.name && (
- <>
-
- {filterOption.nodeData.name}
- /
-
- )}
- {filterOption.label}
-
- )
+ // Calculate dropdown position when opening
+ useEffect(() => {
+ if (!open || !containerRef.current) return;
+ const rect = containerRef.current.getBoundingClientRect();
+ setDropdownPos({ top: rect.bottom + 8, left: rect.left, width: rect.width });
+ }, [open]);
+
+ // Adjust dropdown vertical position after render
+ useLayoutEffect(() => {
+ if (!open || !dropdownRef.current || !containerRef.current) return;
+ const triggerRect = containerRef.current.getBoundingClientRect();
+ const dropdownHeight = dropdownRef.current.offsetHeight;
+ const dropdownWidth = dropdownRef.current.offsetWidth;
+ const viewportHeight = window.innerHeight;
+ const MARGIN = 8;
+
+ // Horizontal: left-align to trigger, clamp to viewport
+ const left = Math.min(triggerRect.left, window.innerWidth - dropdownWidth - 10);
+
+ const spaceBelow = viewportHeight - triggerRect.bottom - MARGIN;
+ const spaceAbove = triggerRect.top - MARGIN;
+
+ let finalTop: number;
+ if (spaceBelow >= dropdownHeight || spaceBelow >= spaceAbove) {
+ finalTop = triggerRect.bottom + MARGIN;
+ } else {
+ finalTop = triggerRect.top - dropdownHeight - MARGIN;
+ if (finalTop < MARGIN) finalTop = MARGIN;
}
- return null
- }
- // Filter options based on boolean type if needed
- const filteredOptions = filterBooleanType
- ? options.filter(option => option.dataType !== 'boolean')
+ setDropdownPos(prev => ({ ...prev, top: finalTop, left }));
+ }, [open, search, Array.isArray(value) ? value.length : 0]);
+
+ const filteredOptions = filterBooleanType
+ ? options.filter(o => o.dataType !== 'boolean')
: options;
- /**
- * Group suggestions by node ID
- */
- const groupedSuggestions = filteredOptions.reduce((groups: Record, suggestion) => {
- const { nodeData } = suggestion
- const nodeId = nodeData.id as string;
- if (!groups[nodeId]) {
- groups[nodeId] = [];
- }
- groups[nodeId].push(suggestion);
+ const allSuggestions = filteredOptions.flatMap(o => o.children ? [o, ...o.children] : [o]);
+ const suggestionMap = new Map(allSuggestions.map(s => [`{{${s.value}}}`, s]));
+
+ const selectedValues = multiple ? (Array.isArray(value) ? value : []) : [];
+ const selectedSuggestion = !multiple && value ? suggestionMap.get(value as string) : undefined;
+ const parentOfSelected = !multiple && value
+ ? filteredOptions.find(o => o.children?.some(c => `{{${c.value}}}` === value))
+ : undefined;
+
+ const groupedSuggestions = filteredOptions.reduce((groups: Record, s) => {
+ const nodeId = s.nodeData.id as string;
+ if (!groups[nodeId]) groups[nodeId] = [];
+ groups[nodeId].push(s);
return groups;
}, {});
- /**
- * Format grouped options for Select component
- */
- const groupedOptions = Object.entries(groupedSuggestions).map(([_nodeId, suggestions]) => ({
- label:
- {suggestions[0].nodeData.icon && }
- {suggestions[0].nodeData.name}
- ,
- options: suggestions.map(s => ({
- label:
-
- {`{x}`}
- {s.label}
-
- {s.dataType}
- ,
- value: `{{${s.value}}}`
- }))
- }));
-
+ const filteredGroups = search
+ ? Object.entries(groupedSuggestions).reduce((acc: Record, [nodeId, suggestions]) => {
+ const matched = suggestions.filter(s =>
+ s.label.toLowerCase().includes(search.toLowerCase()) ||
+ s.value.toLowerCase().includes(search.toLowerCase()) ||
+ s.children?.some(c => c.label.toLowerCase().includes(search.toLowerCase()))
+ );
+ if (matched.length) acc[nodeId] = matched;
+ return acc;
+ }, {})
+ : groupedSuggestions;
+
+ useEffect(() => {
+ if (!open) return;
+ const updatePos = () => {
+ if (!containerRef.current || !dropdownRef.current) return;
+ const triggerRect = containerRef.current.getBoundingClientRect();
+ const dropdownHeight = dropdownRef.current.offsetHeight;
+ const dropdownWidth = dropdownRef.current.offsetWidth;
+ const MARGIN = 8;
+ const left = Math.min(triggerRect.left, window.innerWidth - dropdownWidth - 10);
+ const spaceBelow = window.innerHeight - triggerRect.bottom - MARGIN;
+ const spaceAbove = triggerRect.top - MARGIN;
+ let top: number;
+ if (spaceBelow >= dropdownHeight || spaceBelow >= spaceAbove) {
+ top = triggerRect.bottom + MARGIN;
+ } else {
+ top = triggerRect.top - dropdownHeight - MARGIN;
+ if (top < MARGIN) top = MARGIN;
+ }
+ setDropdownPos(prev => ({ ...prev, top, left }));
+ };
+ document.addEventListener('scroll', updatePos, true);
+ return () => document.removeEventListener('scroll', updatePos, true);
+ }, [open]);
+
+ useEffect(() => {
+ if (!open) return;
+ const handler = (e: MouseEvent) => {
+ const target = e.target as Node;
+ const childPanel = document.getElementById('variable-select-child-panel');
+ if (
+ !containerRef.current?.contains(target) &&
+ !dropdownRef.current?.contains(target) &&
+ !childPanel?.contains(target)
+ ) {
+ setOpen(false);
+ setSearch('');
+ setExpandedParent(null);
+ setChildPanelPos({ top: 0, right: 0 });
+ }
+ };
+ document.addEventListener('mousedown', handler);
+ return () => document.removeEventListener('mousedown', handler);
+ }, [open]);
+
+ const handleSelect = (suggestion: Suggestion) => {
+ if (multiple) {
+ const key = `{{${suggestion.value}}}`;
+ const next = selectedValues.includes(key)
+ ? selectedValues.filter(v => v !== key)
+ : [...selectedValues, key];
+ const nextOptions = next.map(v => suggestionMap.get(v)).filter(Boolean) as Suggestion[];
+ onChange?.(next, nextOptions);
+ } else {
+ onChange?.(`{{${suggestion.value}}}`, suggestion);
+ setOpen(false);
+ setSearch('');
+ setExpandedParent(null);
+ }
+ };
+
+ const handleClear = (e: React.MouseEvent) => {
+ e.stopPropagation();
+ onChange?.(multiple ? [] : '', multiple ? [] : undefined);
+ };
+
+ const updateChildPos = (key: string) => {
+ const el = itemRefs.current.get(key);
+ if (el) {
+ const rect = el.getBoundingClientRect();
+ const absoluteBottom = rect.top + CHILD_PANEL_HEIGHT;
+ const overflow = absoluteBottom - (window.innerHeight - 10);
+ const top = overflow > 0 ? rect.top - overflow : rect.top;
+ setChildPanelPos({ top, right: window.innerWidth - rect.left + 8 });
+ }
+ };
+
+ const sep = /;
+ const isConversation = (parentOfSelected ?? selectedSuggestion)?.group === 'CONVERSATION' ||
+ (selectedSuggestion ? filteredOptions.some(o => o.group === 'CONVERSATION' && o.children?.some(c => `{{${c.value}}}` === value)) : false);
+ const nodeData = (parentOfSelected ?? selectedSuggestion)?.nodeData;
+
return (
-
+ {fields.map((field, index) => {
+ const filter_by = form.getFieldValue(['filter_by']) || [];
+ const currentCondition = filter_by[index] || {};
+ const currentOperator = currentCondition.comparison_operator;
+ const hideValueField = currentOperator === 'empty' || currentOperator === 'not_empty';
+ const keyFieldValue = currentCondition.key;
+ const keyFieldOption = fileSubVariable.find(option => option.filed === keyFieldValue);
+ const keyFieldType = keyFieldOption?.dataType;
+ const operatorList = operatorsObj[keyFieldValue === 'type' ? 'type' : keyFieldType || 'default'] || operatorsObj.default || [];
+
+ return (
+
+
+ )
+ })}
+
+
+
+
+ )
+ }}
+
+ {variableType === 'array[file]' &&
+
+
+
+
+
+ }
+
+
+
+
+ {!hideValueField && (
+
+ {variableType?.includes('boolean')
+ ?
+
+ )}
+
+
+ remove(field.name)}
+ >
+