opensource
/
dify
mirror of https://github.com/langgenius/dify.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix(webhook): selected type ui style (#25106)

This commit is contained in:
cathy 2025-09-04 10:59:08 +08:00 committed by GitHub
parent 4bdbe617fe
commit 5cf3d24018
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 12 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
web/app/components/base/select/index.tsx
View File

@ -72,14 +72,13 @@ const Select: FC<ISelectProps> = ({
const [open, setOpen] = useState(false)
const [selectedItem, setSelectedItem] = useState<Item | null>(null)
// Ensure selectedItem is properly set when defaultValue or items change
useEffect(() => {
let defaultSelect = null
const existed = items.find((item: Item) => item.value === defaultValue)
if (existed)
defaultSelect = existed
// Handle cases where defaultValue might be undefined, null, or empty string
defaultSelect = (defaultValue && items.find((item: Item) => item.value === defaultValue)) || null
setSelectedItem(defaultSelect)
}, [defaultValue])
}, [defaultValue, items])
const filteredItems: Item[]
= query === ''
@ -195,14 +194,13 @@ const SimpleSelect: FC<ISelectProps> = ({
const [selectedItem, setSelectedItem] = useState<Item | null>(null)
// Ensure selectedItem is properly set when defaultValue or items change
useEffect(() => {
let defaultSelect = null
const existed = items.find((item: Item) => item.value === defaultValue)
if (existed)
defaultSelect = existed
// Handle cases where defaultValue might be undefined, null, or empty string
defaultSelect = (defaultValue && items.find((item: Item) => item.value === defaultValue)) || null
setSelectedItem(defaultSelect)
}, [defaultValue])
}, [defaultValue, items])
const listboxRef = useRef<HTMLDivElement>(null)

5
web/app/components/workflow/nodes/trigger-webhook/components/generic-table.tsx
View File

@ -171,14 +171,15 @@ const GenericTable: FC<GenericTableProps> = ({
onSelect={item => handleChange(item.value)}
disabled={readonly}
placeholder={column.placeholder}
hideChecked={false}
notClearable={true}
// wrapper provides compact height, trigger is transparent like text
wrapperClassName="h-6 w-full min-w-0"
className={cn(
'h-6 rounded-none bg-transparent px-0 text-text-secondary',
'h-6 rounded-none bg-transparent pl-0 pr-6 text-text-secondary',
'hover:bg-transparent focus-visible:bg-transparent group-hover/simple-select:bg-transparent',
)}
optionWrapClassName="w-26 min-w-26 z-[60] -ml-3"
notClearable
/>
)

2
web/app/components/workflow/nodes/trigger-webhook/components/parameter-table.tsx
View File

@ -46,7 +46,7 @@ const ParameterTable: FC<ParameterTableProps> = ({
key: 'type',
title: 'Type',
type: (isRequestBody ? 'select' : 'input') as ColumnConfig['type'],
width: 'w-[78px]',
width: 'w-[120px]',
placeholder: 'Type',
options: isRequestBody ? typeOptions : undefined,
}]