TypeScript dom.DOMSource类代码示例

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

本文整理汇总了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；未经允许，请勿转载。