本文整理匯總了TypeScript中@ephox/alloy.Representing類的典型用法代碼示例。如果您正苦於以下問題：TypeScript Representing類的具體用法？TypeScript Representing怎麽用？TypeScript Representing使用的例子？那麽, 這裏精選的類代碼示例或許可以為您提供幫助。
在下文中一共展示了Representing類的9個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的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: 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);
});示例4: 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();
}
})
]
}
];
});示例5: withRoot
withRoot((_) => {
const prevData = instanceApi.getData();
const mergedData = Merger.merge(prevData, newData);
const newInternalData = validateData(access, mergedData);
const form = access.getFormWrapper();
Representing.setValue(form, newInternalData);
});示例6:
memCollection.getOpt(everything).each((collection) => {
Representing.setValue(collection,
ValueSchema.asRawOrDie('dialogComponentsDemo.collection', Types.Collection.collectionDataProcessor, [
{
value: 'a',
text: 'A',
icon: 'a'
},
{
value: 'b',
text: 'B',
icon: 'b'
},
{
value: 'c',
text: 'C',
icon: 'c'
},
{
value: 'd',
text: 'D',
icon: 'd'
}
])
);
});示例7: 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);
};示例8: 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);
})
])
])
})
};
};示例9:
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
});
}