feat(config-modal): add space to underscore conversion in variable name input of start node (#22284)

This commit is contained in:
Minamiyama
2025-07-15 10:00:19 +08:00
committed by GitHub
parent bf7b2c339b
commit a0b32b6027

View File

@@ -1,5 +1,5 @@
'use client' 'use client'
import type { FC } from 'react' import type { ChangeEvent, FC } from 'react'
import React, { useCallback, useEffect, useRef, useState } from 'react' import React, { useCallback, useEffect, useRef, useState } from 'react'
import { useTranslation } from 'react-i18next' import { useTranslation } from 'react-i18next'
import { useContext } from 'use-context-selector' import { useContext } from 'use-context-selector'
@@ -11,7 +11,7 @@ import SelectTypeItem from '../select-type-item'
import Field from './field' import Field from './field'
import Input from '@/app/components/base/input' import Input from '@/app/components/base/input'
import Toast from '@/app/components/base/toast' import Toast from '@/app/components/base/toast'
import { checkKeys, getNewVarInWorkflow } from '@/utils/var' import { checkKeys, getNewVarInWorkflow, replaceSpaceWithUnderscreInVarNameInput } from '@/utils/var'
import ConfigContext from '@/context/debug-configuration' import ConfigContext from '@/context/debug-configuration'
import type { InputVar, MoreInfo, UploadFileSetting } from '@/app/components/workflow/types' import type { InputVar, MoreInfo, UploadFileSetting } from '@/app/components/workflow/types'
import Modal from '@/app/components/base/modal' import Modal from '@/app/components/base/modal'
@@ -109,6 +109,20 @@ const ConfigModal: FC<IConfigModalProps> = ({
}) })
}, [checkVariableName, tempPayload.label]) }, [checkVariableName, tempPayload.label])
const handleVarNameChange = useCallback((e: ChangeEvent<any>) => {
replaceSpaceWithUnderscreInVarNameInput(e.target)
const value = e.target.value
const { isValid, errorKey, errorMessageKey } = checkKeys([value], true)
if (!isValid) {
Toast.notify({
type: 'error',
message: t(`appDebug.varKeyError.${errorMessageKey}`, { key: errorKey }),
})
return
}
handlePayloadChange('variable')(e.target.value)
}, [handlePayloadChange, t])
const handleConfirm = () => { const handleConfirm = () => {
const moreInfo = tempPayload.variable === payload?.variable const moreInfo = tempPayload.variable === payload?.variable
? undefined ? undefined
@@ -200,7 +214,7 @@ const ConfigModal: FC<IConfigModalProps> = ({
<Field title={t('appDebug.variableConfig.varName')}> <Field title={t('appDebug.variableConfig.varName')}>
<Input <Input
value={variable} value={variable}
onChange={e => handlePayloadChange('variable')(e.target.value)} onChange={handleVarNameChange}
onBlur={handleVarKeyBlur} onBlur={handleVarKeyBlur}
placeholder={t('appDebug.variableConfig.inputPlaceholder')!} placeholder={t('appDebug.variableConfig.inputPlaceholder')!}
/> />