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

feat: sort output variables by table display order in webhook trigger

This commit is contained in:
lyzno1 2025-09-30 12:34:09 +08:00
parent f0ed09a8d4
commit 831c888b84
1 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
web/app/components/workflow/nodes/trigger-webhook/utils/render-output-vars.tsx
View File

@ -6,6 +6,9 @@ type OutputVariablesContentProps = {
variables?: Variable[]
}
// Define the display order for variable labels to match the table order in the UI
const LABEL_ORDER = { param: 1, header: 2, body: 3 } as const
const getLabelPrefix = (label: string): string => {
const prefixMap: Record<string, string> = {
param: 'query_params',
@ -42,9 +45,18 @@ export const OutputVariablesContent: FC<OutputVariablesContentProps> = ({ variab
)
}
// Sort variables by label to match the table display order: param → header → body
// Unknown labels are placed at the end (order value 999)
const sortedVariables = [...variables].sort((a, b) => {
const labelA = typeof a.label === 'string' ? a.label : ''
const labelB = typeof b.label === 'string' ? b.label : ''
return (LABEL_ORDER[labelA as keyof typeof LABEL_ORDER] || 999)
- (LABEL_ORDER[labelB as keyof typeof LABEL_ORDER] || 999)
})
return (
<div>
{variables.map((variable, index) => {
{sortedVariables.map((variable, index) => {
const label = typeof variable.label === 'string' ? variable.label : ''
const varName = typeof variable.variable === 'string' ? variable.variable : ''