@@ -95,6 +95,13 @@ export default defineComponent({
95
95
96
96
const arrowKeyDown = ( e : KeyboardEvent ) => {
97
97
if ( showSuggestions . value && filteredSuggestions . value . length ) {
98
+ if ( e . key === 'Enter' ) {
99
+ e . stopPropagation ( ) ;
100
+ e . preventDefault ( ) ;
101
+ showSuggestions . value = false ;
102
+ handleCompleteText ( filteredSuggestions . value [ currentIndex . value ] [ props . dmValueParse . value as keyof IMentionSuggestionItem ] ) ;
103
+ emit ( 'select' , filteredSuggestions . value [ currentIndex . value ] ) ;
104
+ }
98
105
if ( e . key === 'ArrowDown' ) {
99
106
currentIndex . value ++ ;
100
107
if ( currentIndex . value === filteredSuggestions . value . length ) {
@@ -119,18 +126,6 @@ export default defineComponent({
119
126
}
120
127
} ;
121
128
122
- const enterKeyDown = ( e : KeyboardEvent ) => {
123
- if ( showSuggestions . value && filteredSuggestions . value . length ) {
124
- if ( e . key === 'Enter' ) {
125
- e . stopPropagation ( ) ;
126
- e . preventDefault ( ) ;
127
- showSuggestions . value = false ;
128
- handleCompleteText ( filteredSuggestions . value [ currentIndex . value ] [ props . dmValueParse . value as keyof IMentionSuggestionItem ] ) ;
129
- emit ( 'select' , filteredSuggestions . value [ currentIndex . value ] ) ;
130
- }
131
- }
132
- } ;
133
-
134
129
watch (
135
130
( ) => props . suggestions ,
136
131
( val ) => {
@@ -142,13 +137,11 @@ export default defineComponent({
142
137
143
138
onMounted ( ( ) => {
144
139
window . addEventListener ( 'keydown' , arrowKeyDown ) ;
145
- window . addEventListener ( 'keydown' , enterKeyDown ) ;
146
140
document . addEventListener ( 'click' , handleBlur ) ;
147
141
} ) ;
148
142
149
143
onUnmounted ( ( ) => {
150
144
window . removeEventListener ( 'keydown' , arrowKeyDown ) ;
151
- window . removeEventListener ( 'keydown' , enterKeyDown ) ;
152
145
document . removeEventListener ( 'click' , handleBlur ) ;
153
146
} ) ;
154
147
0 commit comments