Manipulating propagating waves (PWs) and surface waves (SWs) in desired manners is important in photonics, but controlling these two electromagnetic modes usually requires separate devices, which is unfavorable for integration optics applications. Recently, although metasurfaces capable of controlling both PWs and SWs have been proposed, they typically rely on dynamically varying the helicities of incident circularly polarized (CP) light, causing complexities in practical applications. In this work, we propose an alternative scheme for designing metasurfaces encoded with both resonance and geometric phases that can simultaneously control PWs and SWs through the co- and cross-polarized output channels under the excitation of a CP wave with a particular helicity. We experimentally prove this concept by realizing two microwave metadevices that can convert normally incident beams with left circular polarization (LCP) into PWs and SWs with predetermined wavefronts. Additionally, we numerically demonstrate how to design metadevices with predetermined energy distributions within these two functional output channels. Our work paves the road to tailor both far- and near-field electromagnetic waves using a single ultra-compact platform, which can find many applications in integrated optics.