本文整理汇总了TypeScript中@ephox/alloy.Menu.sketch方法的典型用法代码示例。如果您正苦于以下问题：TypeScript Menu.sketch方法的具体用法？TypeScript Menu.sketch怎么用？TypeScript Menu.sketch使用的例子？那么恭喜您, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在类@ephox/alloy.Menu的用法示例。
在下文中一共展示了Menu.sketch方法的2个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: renderColorSwatchItem
export function renderColorSwatchItem(spec: Menu.FancyMenuItem, backstage: UiFactoryBackstage): ItemTypes.WidgetItemSpec {
const items = ColorSwatch.getColors(backstage.colorinput.getColors(), backstage.colorinput.hasCustomColors());
const columns = backstage.colorinput.getColorCols();
const presets = 'color';
const menuSpec = createPartialChoiceMenu(
Id.generate('menu-value'),
items,
(value) => {
spec.onAction({ value });
},
columns,
presets,
ItemResponse.CLOSE_ON_EXECUTE,
() => false,
backstage.shared.providers
);
const widgetSpec = Merger.deepMerge({
...menuSpec,
markers: MenuParts.markers(presets),
movement: deriveMenuMovement(columns, presets)
});
return {
type: 'widget',
data: { value: Id.generate('widget-id')},
dom: {
tag: 'div',
classes: [ 'tox-fancymenuitem' ],
},
autofocus: true,
components: [
ItemWidget.parts().widget(AlloyMenu.sketch(widgetSpec))
]
};
}示例2: getCombinedItems
lookupInfo.lookupData.then((lookupData) => {
const combinedItems = getCombinedItems(lookupInfo.triggerChar, lookupData);
// Only open the autocompleter if there are items to show
if (combinedItems.length > 0) {
const columns: Types.ColumnTypes = Options.findMap(lookupData, (ld) => Option.from(ld.columns)).getOr(1);
InlineView.showAt(
autocompleter,
{
anchor: 'selection',
root: Element.fromDom(editor.getBody()),
getSelection: () => {
return Option.some({
start: () => Element.fromDom(lookupInfo.range.startContainer),
soffset: () => lookupInfo.range.startOffset,
finish: () => Element.fromDom(lookupInfo.range.endContainer),
foffset: () => lookupInfo.range.endOffset
});
}
},
Menu.sketch(
createMenuFrom(
createPartialMenuWithAlloyItems('autocompleter-value', true, combinedItems, columns, 'normal'),
columns,
FocusMode.ContentFocus,
// Use the constant.
'normal'
)
)
);
InlineView.getContent(autocompleter).each(Highlighting.highlightFirst);
} else {
closeIfNecessary();
}
});