本文整理匯總了TypeScript中@ephox/alloy.AlloyTriggers類的典型用法代碼示例。如果您正苦於以下問題：TypeScript AlloyTriggers類的具體用法？TypeScript AlloyTriggers怎麽用？TypeScript AlloyTriggers使用的例子？那麽, 這裏精選的類代碼示例或許可以為您提供幫助。
在下文中一共展示了AlloyTriggers類的10個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的TypeScript代碼示例。
示例1: return
return (comp) => {
if (buttonType === 'custom') {
AlloyTriggers.emitWith(comp, formActionEvent, {
name,
value: { }
});
} else if (buttonType === 'submit') {
AlloyTriggers.emit(comp, formSubmitEvent);
} else if (buttonType === 'cancel') {
AlloyTriggers.emit(comp, formCancelEvent);
} else {
console.error('Unknown button type: ', buttonType);
}
};示例2: return
return (e) => {
const detectedFormat = findNearest(editor, () => flattenedItems, e);
const text = detectedFormat.fold(() => 'Paragraph', (fmt) => fmt.title);
AlloyTriggers.emitWith(comp, updateMenuText, {
text
});
};示例3: return
return (e) => {
const detectedFormat = getMatchingValue(e);
const text = detectedFormat.fold(() => 'Paragraph', (fmt) => fmt.title);
AlloyTriggers.emitWith(comp, updateMenuText, {
text
});
};示例4: return
return () => {
const match = getMatchingValue();
const alignment = match.fold(() => 'left', (item) => item.title.toLowerCase());
AlloyTriggers.emitWith(comp, updateMenuIcon, {
icon: `align-${alignment}`
});
};示例5: function
const field = function (name, placeholder) {
const inputSpec = Memento.record(Input.sketch({
placeholder,
onSetValue (input, data) {
// If the value changes, inform the container so that it can update whether the "x" is visible
AlloyTriggers.emit(input, NativeEvents.input());
},
inputBehaviours: Behaviour.derive([
Composing.config({
find: Option.some
}),
Tabstopping.config({ }),
Keying.config({
mode: 'execution'
})
]),
selectOnFocus: false
}));
const buttonSpec = Memento.record(
Button.sketch({
dom: UiDomFactory.dom('<button class="${prefix}-input-container-x ${prefix}-icon-cancel-circle ${prefix}-icon"></button>'),
action (button) {
const input = inputSpec.get(button);
Representing.setValue(input, '');
}
})
);
return {
name,
spec: Container.sketch({
dom: UiDomFactory.dom('<div class="${prefix}-input-container"></div>'),
components: [
inputSpec.asSpec(),
buttonSpec.asSpec()
],
containerBehaviours: Behaviour.derive([
Toggling.config({
toggleClass: Styles.resolve('input-container-empty')
}),
Composing.config({
find (comp) {
return Option.some(inputSpec.get(comp));
}
}),
AddEventsBehaviour.config(clearInputBehaviour, [
// INVESTIGATE: Because this only happens on input,
// it won't reset unless it has an initial value
AlloyEvents.run(NativeEvents.input(), function (iContainer) {
const input = inputSpec.get(iContainer);
const val = Representing.getValue(input);
const f = val.length > 0 ? Toggling.off : Toggling.on;
f(iContainer);
})
])
])
})
};
};示例6: runWithApi
return AlloyEvents.runOnExecute(function (comp, simulatedEvent) {
// If there is an action, run the action
runWithApi(info, comp)(info.onAction);
if (! info.triggersSubmenu && itemResponse === ItemResponse.CLOSE_ON_EXECUTE) {
AlloyTriggers.emit(comp, SystemEvents.sandboxClose());
simulatedEvent.stop();
}
});示例7:
onValid: (comp) => {
// onValid should pass through the value here
// We need a snapshot of the value validated.
const val = Representing.getValue(comp);
AlloyTriggers.emitWith(comp, colorInputChangeEvent, {
color: val
});
}示例8:
onChangeTab: (section, button, _viewItems) => {
const title = Representing.getValue(button);
AlloyTriggers.emitWith(section, formTabChangeEvent, {
title,
oldTitle: oldTab.get()
});
oldTab.set(title);
},示例9: return
return () => {
const { matchOpt, px } = getMatchingValue();
const text = matchOpt.fold(() => px, (match) => match.title);
AlloyTriggers.emitWith(comp, updateMenuText, {
text
});
};示例10: function
const triggerTab = function (placeholder, shiftKey) {
AlloyTriggers.emitWith(placeholder, NativeEvents.keydown(), {
raw: {
which: 9,
shiftKey
}
});
};