在Cycle.js集合中，第二个源码流与第一个源码流有何关系？

import { run } from '@cycle/run';
import { makeDOMDriver, div, input } from '@cycle/dom';

function main(sources) {
  const input$ = sources.DOM.select('.input').events('input')
    .map(event => event.target.value);

  const output$ = input$.map(value => value.toUpperCase());

  const vdom$ = output$.map(value =>
    div('.output', [
      input('.input', { attrs: { type: 'text' } }),
      div('.output-value', value)
    ])
  );

  return {
    DOM: vdom$
  };
}

const drivers = {
  DOM: makeDOMDriver('#app')
};

run(main, drivers);