mirror/naive-ui
2
0
Fork 0
mirror of https://github.com/tusen-ai/naive-ui.git synced 2025-03-13 13:59:04 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(dropdown): keyup => keydown

Browse Source
This commit is contained in:
07akioni 2022-09-11 23:11:17 +08:00
parent 536b755315
commit 3c3fb1d686
1 changed files with 21 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
src/dropdown/src/Dropdown.tsx
View File

@ -190,24 +190,25 @@ export default defineComponent({
keydown: {
ArrowUp: {
prevent: true,
handler: handleKeyDownUp
handler: handleKeydownUp
},
ArrowRight: {
prevent: true,
handler: handleKeyDownRight
handler: handleKeydownRight
},
ArrowDown: {
prevent: true,
handler: handleKeyDownDown
handler: handleKeydownDown
},
ArrowLeft: {
prevent: true,
handler: handleKeyDownLeft
handler: handleKeydownLeft
},
Escape: handleKeyDownEsc
},
keyup: {
Enter: handleKeyUpEnter
Enter: {
prevent: true,
handler: handleKeydownEnter
},
Escape: handleKeydownEsc
}
},
keyboardEnabledRef
@ -270,24 +271,24 @@ export default defineComponent({
keyboardKeyRef.value = null
lastToggledSubmenuKeyRef.value = null
}
function handleKeyDownEsc (): void {
function handleKeydownEsc (): void {
doUpdateShow(false)
}
function handleKeyDownLeft (): void {
handleKeyDown('left')
function handleKeydownLeft (): void {
handleKeydown('left')
}
function handleKeyDownRight (): void {
handleKeyDown('right')
function handleKeydownRight (): void {
handleKeydown('right')
}
function handleKeyDownUp (): void {
handleKeyDown('up')
function handleKeydownUp (): void {
handleKeydown('up')
}
function handleKeyDownDown (): void {
handleKeyDown('down')
function handleKeydownDown (): void {
handleKeydown('down')
}
function handleKeyUpEnter (): void {
function handleKeydownEnter (): void {
const pendingNode = getPendingNode()
if (pendingNode?.isLeaf) {
if (pendingNode?.isLeaf && mergedShowRef.value) {
doSelect(pendingNode.key, pendingNode.rawNode)
doUpdateShow(false)
}
@ -298,7 +299,7 @@ export default defineComponent({
if (!treeMate || pendingKey === null) return null
return treeMate.getNode(pendingKey) ?? null
}
function handleKeyDown (direction: 'up' | 'right' | 'down' | 'left'): void {
function handleKeydown (direction: 'up' | 'right' | 'down' | 'left'): void {
const { value: pendingKey } = pendingKeyRef
const {
value: { getFirstAvailableNode }