40 lines
1 KiB
JavaScript
40 lines
1 KiB
JavaScript
|
import { buildHotKeys } from 'shared/helpers/KeyboardHelpers';
|
||
|
|
|
||
|
|
export default {
|
||
|
|
mounted() {
|
||
|
|
document.addEventListener('keydown', this.handleKeyboardEvent);
|
||
|
|
},
|
||
|
|
beforeDestroy() {
|
||
|
|
document.removeEventListener('keydown', this.handleKeyboardEvent);
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
moveSelectionUp() {
|
||
|
|
if (!this.selectedIndex) {
|
||
|
|
this.selectedIndex = this.items.length - 1;
|
||
|
|
} else {
|
||
|
|
this.selectedIndex -= 1;
|
||
|
|
}
|
||
|
|
},
|
||
|
|
moveSelectionDown() {
|
||
|
|
if (this.selectedIndex === this.items.length - 1) {
|
||
|
|
this.selectedIndex = 0;
|
||
|
|
} else {
|
||
|
|
this.selectedIndex += 1;
|
||
|
|
}
|
||
|
|
},
|
||
|
|
processKeyDownEvent(e) {
|
||
|
|
const keyPattern = buildHotKeys(e);
|
||
|
|
if (['arrowup', 'ctrl+p'].includes(keyPattern)) {
|
||
|
|
this.moveSelectionUp();
|
||
|
|
e.preventDefault();
|
||
|
|
} else if (['arrowdown', 'ctrl+n'].includes(keyPattern)) {
|
||
|
|
this.moveSelectionDown();
|
||
|
|
e.preventDefault();
|
||
|
|
} else if (keyPattern === 'enter') {
|
||
|
|
this.onSelect();
|
||
|
|
e.preventDefault();
|
||
|
|
}
|
||
|
|
},
|
||
|
|
},
|
||
|
|
};
|