feat: rename var name sync to used jinjia code (#3964)

web/app/components/workflow/nodes/_base/components/variable/var-list.tsx

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