本文整理匯總了TypeScript中@ephox/alloy.Composing.getCurrent方法的典型用法代碼示例。如果您正苦於以下問題：TypeScript Composing.getCurrent方法的具體用法？TypeScript Composing.getCurrent怎麽用？TypeScript Composing.getCurrent使用的例子？那麽, 這裏精選的方法代碼示例或許可以為您提供幫助。您也可以進一步了解該方法所在類@ephox/alloy.Composing的用法示例。
在下文中一共展示了Composing.getCurrent方法的8個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的TypeScript代碼示例。
示例1: withRoot
withRoot((_) => {
const body = access.getBody();
const bodyState = Reflecting.getState(body);
if (bodyState.get().exists((b) => b.isTabPanel())) {
Composing.getCurrent(body).each((tabSection) => {
TabSection.showTab(tabSection, title);
});
}
});示例2:
getValue: (comp) => {
const picker = memPicker.get(comp);
const optRgbForm = Composing.getCurrent(picker);
const optHex = optRgbForm.bind((rgbForm) => {
const formValues = Representing.getValue(rgbForm);
return formValues.hex as Option<string>;
}) ;
return optHex.map((hex) => '#' + hex).getOr('');
},示例3:
Step.sync(() => {
const zone = Composing.getCurrent(component).getOrDie(
'Failed trying to get the zone from the container'
);
const filesValue = Representing.getValue(zone);
Assertions.assertEq('Checking value of dropzone', [
{ name: 'image1.png' },
{ name: 'image3.jpg' }
], filesValue);
})示例4: picker
const openUrlPicker = (comp: AlloyComponent) => {
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 });
});
});
});
};示例5:
return optSlider.bind((slider) => {
const sidebarOpen = Sliding.isGrowing(slider) || Sliding.hasGrown(slider);
if (sidebarOpen) {
const optSlotContainer = Composing.getCurrent(slider);
return optSlotContainer.bind((slotContainer) =>
Arr.find(SlotContainer.getSlotNames(slotContainer), (name) =>
SlotContainer.isShowing(slotContainer, name)
)
);
} else {
return Option.none();
}
});示例6: sAssertInitialIframeStructure
(doc, body, gui, component, store) => {
const frame = Composing.getCurrent(component).getOrDie(
'Could not find internal frame field'
);
// TODO: Make a webdriver test re: keyboard navigation.
return [
sAssertInitialIframeStructure(component),
RepresentingSteps.sSetValue('Setting to a paragraph', frame, '<p><span class="me">Me</span></p>'),
platformNeedsSandboxing ? sAssertSandboxedIframeContent(frame) : sAssertStandardIframeContent(frame)
];
},示例7:
const getCompByName = (access: DialogAccess<any>, name: string): Option<AlloyComponent> => {
// TODO: Add API to alloy to find the inner most component of a Composing chain.
const root = access.getRoot();
// This is just to avoid throwing errors if the dialog closes before this. We should take it out
// while developing (probably), and put it back in for the real thing.
if (root.getSystem().isConnected()) {
const form = Composing.getCurrent(access.getFormWrapper()).getOr(access.getFormWrapper());
return Form.getField(form, name).fold(() => {
const footer = access.getFooter();
const footerState = Reflecting.getState(footer);
return footerState.get().bind((f) => f.lookupByName(form, name));
}, (comp) => {
return Option.some(comp);
});
} else {
return Option.none();
}
};示例8:
Step.sync(() => {
const c = Composing.getCurrent(component).getOrDie('Trying to get the composed component');
Assertions.assertEq('Representing value', expected, Representing.getValue(c));
})