TypeScript dom.DOMSource類代碼示例

本文整理匯總了TypeScript中@cycle/dom.DOMSource類的典型用法代碼示例。如果您正苦於以下問題：TypeScript DOMSource類的具體用法？TypeScript DOMSource怎麽用？TypeScript DOMSource使用的例子？那麽, 這裏精選的類代碼示例或許可以為您提供幫助。

在下文中一共展示了DOMSource類的6個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的TypeScript代碼示例。

示例1: intent

export default function intent(domSource: DOMSource): Stream<ZapSpeed> {
  return xs.merge(
    domSource.select('.slowSpeedButton').events('click').mapTo('slow' as ZapSpeed),
    domSource.select('.normalSpeedButton').events('click').mapTo('normal' as ZapSpeed),
    domSource.select('.fastSpeedButton').events('click').mapTo('fast' as ZapSpeed),
  );
}

開發者ID:cyclejs，項目名稱:cyclejs，代碼行數:7，代碼來源:intent.ts

示例2: TeamIntent

export default function TeamIntent(DOM : DOMSource) : Stream<Reducer> {
  const teamMemberClick$ = DOM.select('.team-member').events('click')
  const teamMemberBioAnimationEnd$ = DOM.select('.team-member > p').events('animationend')

  const startTeamMemberBioAnimation$ = teamMemberClick$.map(ev => buildStartTeamMemberBioAnimationReducer(ev))
  const finishTeamMemberBioAnimation$ = teamMemberBioAnimationEnd$.map(ev => buildFinishTeamMemberBioAnimationReducer(ev))

  return xs.merge<Reducer>(
    startTeamMemberBioAnimation$,
    finishTeamMemberBioAnimation$
  )
}

開發者ID:klarna，項目名稱:the-konferense，代碼行數:12，代碼來源:team-intent.ts

示例3: routes

export function routes(DOM: DOMSource): Stream<string> {
    return DOM.select('[data-navigate]').events('click').map(e => {
        const he = e.target as HTMLElement
        const route = he.dataset.navigate as string
        return `/${route}`
    })
}

開發者ID:OpenDirective，項目名稱:brian，代碼行數:7，代碼來源:pageify.ts

示例4: speech

export function speech(DOM: DOMSource): Stream<string> {
    return DOM.select('[data-speech]').events('click').map(e => {
        const he = e.target as HTMLElement
        const value = he.dataset.speech as string
        const text = he.textContent ? he.textContent : ''
        const speech = value === '<text>' ? text : value
        return speech
    })
}

開發者ID:OpenDirective，項目名稱:brian，代碼行數:9，代碼來源:pageify.ts

示例5: EventIntent

export default function EventIntent(DOM : DOMSource) : Stream<Reducer> {
  const eventDescriptionClick$ = DOM.select('.event-description').events('click')
  const eventDescriptionAnimationEnd$ = DOM.select('.event-description > p').events('animationend')

  const startEventDescriptionAnimation$ = eventDescriptionClick$.map(ev => buildStartEventDescriptionAnimationReducer(ev))
  const finishEventDescriptionAnimation$ = eventDescriptionAnimationEnd$.map(ev => buildFinishEventDescriptionAnimationReducer(ev))

  const speakerClick$ = DOM.select('.speaker').events('click')
  const speakerBioAnimationEnd$ = DOM.select('.speaker > p').events('animationend')

  const startSpeakerBioAnimation$ = speakerClick$.map(ev => buildStartSpeakerBioAnimationReducer(ev))
  const finishSpeakerBioAnimation$ = speakerBioAnimationEnd$.map(ev => buildFinishSpeakerBioAnimationReducer(ev))

  return xs.merge<Reducer>(
    startEventDescriptionAnimation$,
    finishEventDescriptionAnimation$,
    startSpeakerBioAnimation$,
    finishSpeakerBioAnimation$
  )
}

開發者ID:klarna，項目名稱:the-konferense，代碼行數:20，代碼來源:event-intent.ts

示例6: logout

export function logout(DOM: DOMSource): Stream<Logout> {
    return DOM.select('[data-action="logout"]')
        .events('click')
        .mapTo({ action: 'logout' } as Logout)
}

開發者ID:OpenDirective，項目名稱:brian，代碼行數:5，代碼來源:pageify.ts

注：本文中的@cycle/dom.DOMSource類示例由純淨天空整理自Github/MSDocs等開源代碼及文檔管理平台，相關代碼片段篩選自各路編程大神貢獻的開源項目，源碼版權歸原作者所有，傳播和使用請參考對應項目的License；未經允許，請勿轉載。