本文整理汇总了TypeScript中@ephox/alloy.TieredMenu类的典型用法代码示例。如果您正苦于以下问题:TypeScript TieredMenu类的具体用法?TypeScript TieredMenu怎么用?TypeScript TieredMenu使用的例子?那么, 这里精选的类代码示例或许可以为您提供帮助。
在下文中一共展示了TieredMenu类的3个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: function
const convert = function (formats, memMenuThunk) {
const mainMenu = makeMenu('Styles', [
].concat(
Arr.map(formats.items, function (k) {
return makeItem(getValue(k), k.title, k.isSelected(), k.getPreview(), Objects.hasKey(formats.expansions, getValue(k)));
})
), memMenuThunk, false);
const submenus = Obj.map(formats.menus, function (menuItems, menuName) {
const items = Arr.map(menuItems, function (item) {
return makeItem(
getValue(item),
item.title,
item.isSelected !== undefined ? item.isSelected() : false,
item.getPreview !== undefined ? item.getPreview() : '',
Objects.hasKey(formats.expansions, getValue(item))
);
});
return makeMenu(menuName, items, memMenuThunk, true);
});
const menus = Merger.deepMerge(submenus, Objects.wrap('styles', mainMenu));
const tmenu = TieredMenu.tieredData('styles', menus, formats.expansions);
return {
tmenu
};
};
示例2: expand
const build = (items: string | Array<string | SingleMenuItemApi>, itemResponse: ItemResponse, backstage: UiFactoryBackstage): Option<TieredData> => {
const primary = Id.generate('primary-menu');
const data = expand(items, backstage.shared.providers.menuItems());
if (data.items.length === 0) {
return Option.none();
}
const mainMenu = createPartialMenu(primary, data.items, itemResponse, backstage);
const submenus = Obj.map(data.menus, (menuItems, menuName) => createPartialMenu(menuName, menuItems, itemResponse, backstage));
const menus = Merger.deepMerge(submenus, Objects.wrap(primary, mainMenu));
return Option.from(TieredMenu.tieredData(primary, menus, data.expansions));
};
示例3:
export const createTieredDataFrom = (partialMenu: Partial<MenuTypes.MenuSpec>) => {
return TieredMenu.singleData(partialMenu.value, partialMenu);
};