本文整理匯總了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);
};