feat(config-modal): add space to underscore conversion in variable name input of start node (#22284)
This commit is contained in:
@@ -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')!}
|
||||||
/>
|
/>
|
||||||
|
Reference in New Issue
Block a user