|
@@ -13,6 +13,7 @@ type Props = {
|
|
readonly: boolean
|
|
readonly: boolean
|
|
list: Variable[]
|
|
list: Variable[]
|
|
onChange: (list: Variable[]) => void
|
|
onChange: (list: Variable[]) => void
|
|
|
|
+ onVarNameChange?: (oldName: string, newName: string) => void
|
|
isSupportConstantValue?: boolean
|
|
isSupportConstantValue?: boolean
|
|
onlyLeafNodeVar?: boolean
|
|
onlyLeafNodeVar?: boolean
|
|
filterVar?: (payload: Var, valueSelector: ValueSelector) => boolean
|
|
filterVar?: (payload: Var, valueSelector: ValueSelector) => boolean
|
|
@@ -23,6 +24,7 @@ const VarList: FC<Props> = ({
|
|
readonly,
|
|
readonly,
|
|
list,
|
|
list,
|
|
onChange,
|
|
onChange,
|
|
|
|
+ onVarNameChange,
|
|
isSupportConstantValue,
|
|
isSupportConstantValue,
|
|
onlyLeafNodeVar,
|
|
onlyLeafNodeVar,
|
|
filterVar,
|
|
filterVar,
|
|
@@ -31,12 +33,13 @@ const VarList: FC<Props> = ({
|
|
|
|
|
|
const handleVarNameChange = useCallback((index: number) => {
|
|
const handleVarNameChange = useCallback((index: number) => {
|
|
return (e: React.ChangeEvent<HTMLInputElement>) => {
|
|
return (e: React.ChangeEvent<HTMLInputElement>) => {
|
|
|
|
+ onVarNameChange?.(list[index].variable, e.target.value)
|
|
const newList = produce(list, (draft) => {
|
|
const newList = produce(list, (draft) => {
|
|
draft[index].variable = e.target.value
|
|
draft[index].variable = e.target.value
|
|
})
|
|
})
|
|
onChange(newList)
|
|
onChange(newList)
|
|
}
|
|
}
|
|
- }, [list, onChange])
|
|
|
|
|
|
+ }, [list, onVarNameChange, onChange])
|
|
|
|
|
|
const handleVarReferenceChange = useCallback((index: number) => {
|
|
const handleVarReferenceChange = useCallback((index: number) => {
|
|
return (value: ValueSelector | string, varKindType: VarKindType) => {
|
|
return (value: ValueSelector | string, varKindType: VarKindType) => {
|