本文整理汇总了TypeScript中@ephox/alloy.Replacing.set方法的典型用法代码示例。如果您正苦于以下问题：TypeScript Replacing.set方法的具体用法？TypeScript Replacing.set怎么用？TypeScript Replacing.set使用的例子？那么恭喜您, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在类@ephox/alloy.Replacing的用法示例。
在下文中一共展示了Replacing.set方法的10个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: renderSpinner
const toggleThrobber = (comp: AlloyComponent, state: boolean, providerBackstage: UiFactoryBackstageProviders) => {
const element = comp.element();
if (state === true) {
Replacing.set(comp, [ renderSpinner(providerBackstage) ]);
Css.remove(element, 'display');
Attr.remove(element, 'aria-hidden');
} else {
Replacing.set(comp, [ ]);
Css.set(element, 'display', 'none');
Attr.set(element, 'aria-hidden', 'true');
}
};示例2: onControlAttached
Step.sync(() => {
Replacing.set(component, [
{
dom: {
tag: 'div',
classes: [ 'child-1' ]
},
behaviours: SimpleBehaviours.unnamedEvents([
onControlAttached(infoWithDestroy, cellWithDestroy),
onControlDetached(infoWithDestroy, cellWithDestroy)
])
},
{
dom: {
tag: 'div',
classes: [ 'child-2' ]
},
behaviours: SimpleBehaviours.unnamedEvents([
onControlAttached(infoWithoutDestroy, cellWithoutDestroy),
onControlDetached(infoWithoutDestroy, cellWithoutDestroy)
])
}
]);
}),示例3:
const updateText: NotificationSketchApis['updateText'] = (comp, text) => {
if (comp.getSystem().isConnected()) {
const banner = memBannerText.get(comp);
Replacing.set(banner, [
GuiFactory.text(text)
]);
}
};示例4: renderPercentBar
memBannerProgress.getOpt(comp).each((progress) => {
Replacing.set(progress, [
{
dom: {
tag: 'div',
classes: [ 'tox-bar-container' ]
},
components: [
renderPercentBar(percent)
]
},
renderPercentText(percent)
]);
});示例5: TinyApis
TinyLoader.setup(function (editor, onS, onF) {
const features = Features.setup(realm, editor);
FormatChangers.init(realm, editor);
const apis = TinyApis(editor);
const buttons = { };
Arr.each(info.items, function (item) {
// For each item in the toolbar, make a lookup
buttons[item] = Memento.record(features[item].sketch());
});
const toolbarItems = Arr.map(info.items, function (item) {
return buttons[item].asSpec();
});
Replacing.set(toolbar, toolbarItems);
f(realm, apis, toolbar, socket, buttons, onS, onF);
}, {示例6: callback
const setMenus = (comp: AlloyComponent, menus: MenubarItemSpec[]) => {
const newMenus = Arr.map(menus, (m) => {
const buttonSpec = {
type: 'menubutton',
text: m.text,
fetch: (callback) => {
callback(m.getItems());
}
};
// Convert to an internal bridge spec
const internal = Toolbar.createMenuButton(buttonSpec).mapError((errInfo) => ValueSchema.formatError(errInfo)).getOrDie();
return renderMenuButton(internal,
MenuButtonClasses.Button,
spec.backstage,
// https://www.w3.org/TR/wai-aria-practices/examples/menubar/menubar-2/menubar-2.html
Option.some('menuitem')
);
});
Replacing.set(comp, newMenus);
};示例7:
optSlider.each((slider) => Replacing.set(slider, [makeSidebar(panelConfigs)]));示例8:
return Arr.map(allTabs, (tab, i) => {
Replacing.set(tabviewComp, allTabs[i].view());
const rect = tabview.dom().getBoundingClientRect();
Replacing.set(tabviewComp, [ ]);
return rect.height;
});示例9:
Logger.t('Clear the component', Step.sync(() => {
Replacing.set(component, [ ]);
})),示例10: function
const build = function (refresh, scrollIntoView) {
const dropup = GuiFactory.build(
Container.sketch({
dom: {
tag: 'div',
classes: Styles.resolve('dropup')
},
components: [
],
containerBehaviours: Behaviour.derive([
Replacing.config({ }),
Sliding.config({
closedClass: Styles.resolve('dropup-closed'),
openClass: Styles.resolve('dropup-open'),
shrinkingClass: Styles.resolve('dropup-shrinking'),
growingClass: Styles.resolve('dropup-growing'),
dimension: {
property: 'height'
},
onShrunk (component) {
refresh();
scrollIntoView();
Replacing.set(component, [ ]);
},
onGrown (component) {
refresh();
scrollIntoView();
}
}),
Receivers.orientation(function (component, data) {
disappear(Fun.noop);
})
])
})
);
const appear = function (menu, update, component) {
if (Sliding.hasShrunk(dropup) === true && Sliding.isTransitioning(dropup) === false) {
window.requestAnimationFrame(function () {
update(component);
Replacing.set(dropup, [ menu() ]);
Sliding.grow(dropup);
});
}
};
const disappear = function (onReadyToShrink) {
window.requestAnimationFrame(function () {
onReadyToShrink();
Sliding.shrink(dropup);
});
};
return {
appear,
disappear,
component: Fun.constant(dropup),
element: dropup.element
};
};