本文整理汇总了TypeScript中@ephox/alloy.Representing.getValue方法的典型用法代码示例。如果您正苦于以下问题：TypeScript Representing.getValue方法的具体用法？TypeScript Representing.getValue怎么用？TypeScript Representing.getValue使用的例子？那么恭喜您, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在类@ephox/alloy.Representing的用法示例。
在下文中一共展示了Representing.getValue方法的10个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: makeColorTransform
greenOpt.each((green) => {
const r = Representing.getValue(red).x() / 100;
const g = Representing.getValue(green).x() / 100;
const b = Representing.getValue(blue).x() / 100;
const transform = makeColorTransform(r, g, b);
emitTransform(slider, transform);
});示例2:
Step.sync(() => {
const repValue = Representing.getValue(input);
Assertions.assertEq('Checking Rep.getValue', {
value: 'http://tiny.cloud',
meta: { before: '#header'}
}, repValue);
}),示例3: getInitialValue
const getGroups = Thunk.cached(function (realm, editor) {
return [
{
label: 'the link group',
items: [
SerialisedDialog.sketch({
fields: [
Inputs.field('url', 'Type or paste URL'),
Inputs.field('text', 'Link text'),
Inputs.field('title', 'Link title'),
Inputs.field('target', 'Link target'),
Inputs.hidden('link')
],
// Do not include link
maxFieldIndex: [ 'url', 'text', 'title', 'target' ].length - 1,
getInitialValue (/* dialog */) {
return Option.some(
LinkBridge.getInfo(editor)
);
},
onExecute (dialog/*, simulatedEvent */) {
const info = Representing.getValue(dialog);
LinkBridge.applyInfo(editor, info);
realm.restoreToolbar();
editor.focus();
}
})
]
}
];
});示例4: parseInt
memSize.getOpt(button).each((sizeInput) => {
const value = Representing.getValue(sizeInput);
const width = parseInt(value.width, 10);
const height = parseInt(value.height, 10);
const transform = makeResizeTransform(width, height);
emitTransformApply(button, transform);
});示例5: toValidValues
const updateDataWithForm = (form: AlloyComponent): void => {
const formData = Representing.getValue(form);
const validData = toValidValues(formData).getOr({ });
const currentData = storedValue.get();
const newData = Merger.deepMerge(currentData, validData);
storedValue.set(newData);
};示例6:
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
});
}示例7: handler
validate: (input) => {
const urlEntry = Representing.getValue(input);
return FutureResult.nu((completer) => {
handler({ type: spec.filetype, url: urlEntry.value }, (validation) => {
completer((validation.status === 'invalid' ? Result.error : Result.value)(validation.message));
});
});
},示例8:
onChangeTab: (section, button, _viewItems) => {
const title = Representing.getValue(button);
AlloyTriggers.emitWith(section, formTabChangeEvent, {
title,
oldTitle: oldTab.get()
});
oldTab.set(title);
},示例9: picker
Composing.getCurrent(comp).each((field) => {
const urlData = Representing.getValue(field);
optUrlPicker.each((picker) => {
picker(urlData).get((chosenData) => {
Representing.setValue(field, chosenData);
AlloyTriggers.emitWith(comp, formChangeEvent, { name: spec.name });
});
});
});示例10:
const deriveRepresenting = (spec, component: AlloyComponent) => {
if (component.hasConfigured(Representing)) {
const item = Representing.getValue(component);
return {
itemValue: () => item.value,
itemText: () => item.text,
};
}
};