Fixed #3602 - Keyboard support: Numpad enter
parent
f887f97879
commit
e0de315cfc
|
@ -144,6 +144,7 @@ export default {
|
|||
break;
|
||||
|
||||
case 'Enter':
|
||||
case 'NumpadEnter':
|
||||
case 'Space':
|
||||
this.onTabEnterKey(event, tab, index);
|
||||
break;
|
||||
|
|
|
@ -2185,6 +2185,7 @@ export default {
|
|||
}
|
||||
|
||||
case 'Enter':
|
||||
case 'NumpadEnter':
|
||||
|
||||
case 'Space': {
|
||||
this.onDateSelect(event, date);
|
||||
|
@ -2361,6 +2362,7 @@ export default {
|
|||
}
|
||||
|
||||
case 'Enter':
|
||||
case 'NumpadEnter':
|
||||
|
||||
case 'Space': {
|
||||
this.onMonthSelect(event, index);
|
||||
|
@ -2454,6 +2456,7 @@ export default {
|
|||
}
|
||||
|
||||
case 'Enter':
|
||||
case 'NumpadEnter':
|
||||
|
||||
case 'Space': {
|
||||
this.onYearSelect(event, index);
|
||||
|
|
|
@ -243,6 +243,7 @@ export default {
|
|||
break;
|
||||
|
||||
case 'Enter':
|
||||
case 'NumpadEnter':
|
||||
this.onEnterKey(event);
|
||||
break;
|
||||
|
||||
|
|
|
@ -110,6 +110,7 @@ export default {
|
|||
break;
|
||||
|
||||
case 'Enter':
|
||||
case 'NumpadEnter':
|
||||
if (inputValue && inputValue.trim().length && !this.maxedOut) {
|
||||
this.addItem(event, inputValue, true);
|
||||
}
|
||||
|
|
|
@ -152,14 +152,14 @@ export default {
|
|||
this.visible = false;
|
||||
},
|
||||
onAcceptKeydown(event) {
|
||||
if (event.code === 'Space' || event.code === 'Enter') {
|
||||
if (event.code === 'Space' || event.code === 'Enter' || event.code === 'NumpadEnter') {
|
||||
this.accept();
|
||||
DomHandler.focus(this.target);
|
||||
event.preventDefault();
|
||||
}
|
||||
},
|
||||
onRejectKeydown(event) {
|
||||
if (event.code === 'Space' || event.code === 'Enter') {
|
||||
if (event.code === 'Space' || event.code === 'Enter' || event.code === 'NumpadEnter') {
|
||||
this.reject();
|
||||
DomHandler.focus(this.target);
|
||||
event.preventDefault();
|
||||
|
|
|
@ -181,6 +181,7 @@ export default {
|
|||
break;
|
||||
|
||||
case 'Enter':
|
||||
case 'NumpadEnter':
|
||||
this.onEnterKey(event);
|
||||
break;
|
||||
|
||||
|
|
|
@ -402,6 +402,7 @@ export default {
|
|||
onToggleButtonKeyDown(event) {
|
||||
switch (event.code) {
|
||||
case 'Enter':
|
||||
case 'NumpadEnter':
|
||||
case 'Space':
|
||||
this.toggleMenu(event);
|
||||
|
||||
|
|
|
@ -839,6 +839,7 @@ export default {
|
|||
break;
|
||||
|
||||
case 'Enter':
|
||||
case 'NumpadEnter':
|
||||
this.onEnterKey(event, rowData, rowIndex);
|
||||
break;
|
||||
|
||||
|
|
|
@ -228,7 +228,7 @@ export default {
|
|||
this.$emit('column-click', { originalEvent: event, column: this.column });
|
||||
},
|
||||
onKeyDown(event) {
|
||||
if ((event.code === 'Enter' || event.code === 'Space') && event.currentTarget.nodeName === 'TH' && DomHandler.getAttribute(event.currentTarget, 'data-p-sortable-column')) {
|
||||
if ((event.code === 'Enter' || event.code === 'NumpadEnter' || event.code === 'Space') && event.currentTarget.nodeName === 'TH' && DomHandler.getAttribute(event.currentTarget, 'data-p-sortable-column')) {
|
||||
this.$emit('column-click', { originalEvent: event, column: this.column });
|
||||
event.preventDefault();
|
||||
}
|
||||
|
|
|
@ -197,6 +197,7 @@ export default {
|
|||
}
|
||||
|
||||
case 'Enter':
|
||||
case 'NumpadEnter':
|
||||
|
||||
case 'Space': {
|
||||
this.onSpaceKey(event);
|
||||
|
|
|
@ -473,6 +473,7 @@ export default {
|
|||
break;
|
||||
|
||||
case 'Enter':
|
||||
case 'NumpadEnter':
|
||||
this.onEnterKey(event);
|
||||
break;
|
||||
|
||||
|
|
|
@ -66,7 +66,7 @@ export default {
|
|||
});
|
||||
},
|
||||
onKeyDown(event) {
|
||||
if (event.code === 'Enter' || event.code === 'Space') {
|
||||
if (event.code === 'Enter' || event.code === 'NumpadEnter' || event.code === 'Space') {
|
||||
this.toggle(event);
|
||||
event.preventDefault();
|
||||
}
|
||||
|
|
|
@ -149,6 +149,7 @@ export default {
|
|||
onIndicatorKeyDown(event, index) {
|
||||
switch (event.code) {
|
||||
case 'Enter':
|
||||
case 'NumpadEnter':
|
||||
case 'Space':
|
||||
this.stopSlideShow();
|
||||
|
||||
|
|
|
@ -298,7 +298,7 @@ export default {
|
|||
}
|
||||
},
|
||||
onThumbnailKeydown(event, index) {
|
||||
if (event.code === 'Enter' || event.code === 'Space') {
|
||||
if (event.code === 'Enter' || event.code === 'NumpadEnter' || event.code === 'Space') {
|
||||
this.onItemClick(index);
|
||||
event.preventDefault();
|
||||
}
|
||||
|
|
|
@ -266,6 +266,7 @@ export default {
|
|||
break;
|
||||
|
||||
case 'Enter':
|
||||
case 'NumpadEnter':
|
||||
case 'Space':
|
||||
this.onSpaceKey(event);
|
||||
break;
|
||||
|
@ -414,6 +415,7 @@ export default {
|
|||
break;
|
||||
|
||||
case 'Enter':
|
||||
case 'NumpadEnter':
|
||||
this.onEnterKey(event);
|
||||
break;
|
||||
|
||||
|
|
|
@ -223,6 +223,7 @@ export default {
|
|||
break;
|
||||
|
||||
case 'Enter':
|
||||
case 'NumpadEnter':
|
||||
this.onEnterKey(event);
|
||||
break;
|
||||
|
||||
|
@ -300,7 +301,7 @@ export default {
|
|||
this.toggle(event);
|
||||
},
|
||||
menuButtonKeydown(event) {
|
||||
(event.code === 'Enter' || event.code === 'Space') && this.menuButtonClick(event);
|
||||
(event.code === 'Enter' || event.code === 'NumpadEnter' || event.code === 'Space') && this.menuButtonClick(event);
|
||||
},
|
||||
onArrowDownKey(event) {
|
||||
if (this.horizontal) {
|
||||
|
|
|
@ -152,6 +152,7 @@ export default {
|
|||
break;
|
||||
|
||||
case 'Enter':
|
||||
case 'NumpadEnter':
|
||||
this.onEnterKey(event);
|
||||
break;
|
||||
|
||||
|
|
|
@ -211,6 +211,7 @@ export default {
|
|||
break;
|
||||
|
||||
case 'Enter':
|
||||
case 'NumpadEnter':
|
||||
this.onEnterKey(event);
|
||||
break;
|
||||
|
||||
|
@ -292,7 +293,7 @@ export default {
|
|||
this.toggle(event);
|
||||
},
|
||||
menuButtonKeydown(event) {
|
||||
(event.code === 'Enter' || event.code === 'Space') && this.menuButtonClick(event);
|
||||
(event.code === 'Enter' || event.code === 'NumpadEnter' || event.code === 'Space') && this.menuButtonClick(event);
|
||||
},
|
||||
onArrowDownKey(event) {
|
||||
const processedItem = this.visibleItems[this.focusedItemInfo.index];
|
||||
|
|
|
@ -379,6 +379,7 @@ export default {
|
|||
break;
|
||||
|
||||
case 'Enter':
|
||||
case 'NumpadEnter':
|
||||
case 'Space':
|
||||
this.onEnterKey(event);
|
||||
break;
|
||||
|
@ -511,6 +512,7 @@ export default {
|
|||
break;
|
||||
|
||||
case 'Enter':
|
||||
case 'NumpadEnter':
|
||||
this.onEnterKey(event);
|
||||
break;
|
||||
|
||||
|
|
|
@ -176,6 +176,7 @@ export default {
|
|||
break;
|
||||
|
||||
case 'Enter':
|
||||
case 'NumpadEnter':
|
||||
this.onEnterKey(event);
|
||||
break;
|
||||
|
||||
|
|
|
@ -125,7 +125,7 @@ export default {
|
|||
this.$emit('node-toggle', node);
|
||||
},
|
||||
onKeydown(event) {
|
||||
if (event.code === 'Enter' || event.code === 'Space') {
|
||||
if (event.code === 'Enter' || event.code === 'NumpadEnter' || event.code === 'Space') {
|
||||
this.toggleNode();
|
||||
event.preventDefault();
|
||||
}
|
||||
|
|
|
@ -70,7 +70,7 @@ export default {
|
|||
});
|
||||
},
|
||||
onKeyDown(event) {
|
||||
if (event.code === 'Enter' || event.code === 'Space') {
|
||||
if (event.code === 'Enter' || event.code === 'NumpadEnter' || event.code === 'Space') {
|
||||
this.toggle(event);
|
||||
event.preventDefault();
|
||||
}
|
||||
|
|
|
@ -153,6 +153,7 @@ export default {
|
|||
break;
|
||||
|
||||
case 'Enter':
|
||||
case 'NumpadEnter':
|
||||
case 'Space':
|
||||
this.onHeaderEnterKey(event, item);
|
||||
break;
|
||||
|
|
|
@ -126,6 +126,7 @@ export default {
|
|||
break;
|
||||
|
||||
case 'Enter':
|
||||
case 'NumpadEnter':
|
||||
this.onEnterKey(event);
|
||||
break;
|
||||
|
||||
|
|
|
@ -642,6 +642,7 @@ export default {
|
|||
break;
|
||||
|
||||
case 'Enter':
|
||||
case 'NumpadEnter':
|
||||
this.onEnterKey(event, listType);
|
||||
break;
|
||||
|
||||
|
|
|
@ -197,6 +197,7 @@ export default {
|
|||
break;
|
||||
|
||||
case 'Enter':
|
||||
case 'NumpadEnter':
|
||||
case 'Space':
|
||||
this.onEnterKey(event);
|
||||
break;
|
||||
|
|
|
@ -115,6 +115,7 @@ export default {
|
|||
break;
|
||||
|
||||
case 'Enter':
|
||||
case 'NumpadEnter':
|
||||
|
||||
case 'Space': {
|
||||
this.onItemClick(event, item);
|
||||
|
|
|
@ -121,6 +121,7 @@ export default {
|
|||
}
|
||||
|
||||
case 'Space':
|
||||
case 'NumpadEnter':
|
||||
|
||||
case 'Enter': {
|
||||
this.onItemClick(event, item, index);
|
||||
|
|
|
@ -220,6 +220,7 @@ export default {
|
|||
break;
|
||||
|
||||
case 'Enter':
|
||||
case 'NumpadEnter':
|
||||
case 'Space':
|
||||
this.onTabEnterKey(event, tab, index);
|
||||
break;
|
||||
|
|
|
@ -43,7 +43,7 @@ export default {
|
|||
this.$refs.input.focus();
|
||||
},
|
||||
onKeydown(event) {
|
||||
if (event.code === 'Enter' && this.commandText) {
|
||||
if ((event.code === 'Enter' || event.code === 'NumpadEnter') && this.commandText) {
|
||||
this.commands.push({ text: this.commandText });
|
||||
TerminalService.emit('command', this.commandText);
|
||||
this.commandText = '';
|
||||
|
|
|
@ -205,6 +205,7 @@ export default {
|
|||
break;
|
||||
|
||||
case 'Enter':
|
||||
case 'NumpadEnter':
|
||||
this.onEnterKey(event);
|
||||
break;
|
||||
|
||||
|
|
|
@ -164,7 +164,7 @@ export default {
|
|||
return node.leaf === false ? false : !(node.children && node.children.length);
|
||||
},
|
||||
onFilterKeydown(event) {
|
||||
if (event.code === 'Enter') {
|
||||
if (event.code === 'Enter' || event.code === 'NumpadEnter') {
|
||||
event.preventDefault();
|
||||
}
|
||||
|
||||
|
|
|
@ -185,6 +185,7 @@ export default {
|
|||
break;
|
||||
|
||||
case 'Enter':
|
||||
case 'NumpadEnter':
|
||||
case 'Space':
|
||||
this.onEnterKey(event);
|
||||
|
||||
|
|
|
@ -230,6 +230,7 @@ export default {
|
|||
|
||||
case 'Space':
|
||||
case 'Enter':
|
||||
case 'NumpadEnter':
|
||||
this.onEnterKey(event);
|
||||
break;
|
||||
|
||||
|
|
|
@ -148,7 +148,7 @@ export default {
|
|||
this.$emit('column-click', { originalEvent: event, column: this.column });
|
||||
},
|
||||
onKeyDown(event) {
|
||||
if ((event.code === 'Enter' || event.code === 'Space') && event.currentTarget.nodeName === 'TH' && DomHandler.getAttribute(event.currentTarget, 'data-p-sortable-column')) {
|
||||
if ((event.code === 'Enter' || event.code === 'NumpadEnter' || event.code === 'Space') && event.currentTarget.nodeName === 'TH' && DomHandler.getAttribute(event.currentTarget, 'data-p-sortable-column')) {
|
||||
this.$emit('column-click', { originalEvent: event, column: this.column });
|
||||
|
||||
event.preventDefault();
|
||||
|
|
|
@ -718,7 +718,7 @@ export default {
|
|||
}
|
||||
},
|
||||
onColumnKeyDown(event, col) {
|
||||
if (event.code === 'Enter' && event.currentTarget.nodeName === 'TH' && DomHandler.getAttribute(event.currentTarget, 'data-p-sortable-column')) {
|
||||
if ((event.code === 'Enter' || event.code === 'NumpadEnter') && event.currentTarget.nodeName === 'TH' && DomHandler.getAttribute(event.currentTarget, 'data-p-sortable-column')) {
|
||||
this.onColumnHeaderClick(event, col);
|
||||
}
|
||||
},
|
||||
|
|
|
@ -185,6 +185,7 @@ export default {
|
|||
break;
|
||||
|
||||
case 'Enter':
|
||||
case 'NumpadEnter':
|
||||
case 'Space':
|
||||
if (!DomHandler.isClickable(event.target)) {
|
||||
this.onEnterKey(event, item);
|
||||
|
|
|
@ -83,7 +83,7 @@ export default {
|
|||
this.$refs.input.focus();
|
||||
},
|
||||
onKeyDown(event) {
|
||||
if (event.code === 'Enter') {
|
||||
if (event.code === 'Enter' || event.code === 'NumpadEnter') {
|
||||
this.updateModel();
|
||||
this.$emit('keydown', event);
|
||||
event.preventDefault();
|
||||
|
|
Loading…
Reference in New Issue