import ContextMenuPlugin from 'rete-context-menu-plugin';
editor.use(ContextMenuPlugin, {
searchBar: false,
delay: 100,
allocate(component) {
return ['Submenu'];
},
rename(component) {
return component.name;
},
items: {
'Click me'(){ console.log('Works!') }
}
});
Options | Description | Default |
---|---|---|
searchBar |
Showing search bar | true |
delay |
Delay hide, ms | 1000 |
allocate |
function for placing of components into submenu | () => [] |
rename |
function for renaming of items | component => component.name |
items |
custom items (Object with nested objects and functions) |
{} |
You can arbitrarily put a component in a submenu. Examples:
allocate() { return ["Single submenu"] }
allocate(component) { return component.path } // where path is a stack of menu for every component
allocate(component) { return null } // exclude component from menu items
To change the items that create nodes, you may need to change the name.
class MyComponent {
constructor() {
super("My comp");
this.contextMenuItem = "Add My comp";
}
}
///
rename(component) { return component.contextMenuItem || contextMenuItem.name }