本文整理汇总了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),
);
}示例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$
)
}示例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}`
})
}示例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
})
}示例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$
)
}示例6: logout
export function logout(DOM: DOMSource): Stream<Logout> {
return DOM.select('[data-action="logout"]')
.events('click')
.mapTo({ action: 'logout' } as Logout)
}