github
/
element
mirror of https://github.com/ElemeFE/element
1
0
Fork 0
Code Issues Releases Wiki Activity

Input: Fix Korean composition event (#15069)

pull/16952/head
Moonhyuk Im 2019-08-08 15:03:48 +09:00 committed by luckyCao
parent 465c38bfaa
commit e9c5e469c1
1 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
packages/input/src/input.vue
View File

@ -31,6 +31,7 @@
:autocomplete="autoComplete || autocomplete" :autocomplete="autoComplete || autocomplete"
ref="input" ref="input"
@compositionstart="handleCompositionStart" @compositionstart="handleCompositionStart"
@compositionupdate="handleCompositionUpdate"
@compositionend="handleCompositionEnd" @compositionend="handleCompositionEnd"
@input="handleInput" @input="handleInput"
@focus="handleFocus" @focus="handleFocus"
@ -87,6 +88,7 @@
:tabindex="tabindex" :tabindex="tabindex"
class="el-textarea__inner" class="el-textarea__inner"
@compositionstart="handleCompositionStart" @compositionstart="handleCompositionStart"
@compositionupdate="handleCompositionUpdate"
@compositionend="handleCompositionEnd" @compositionend="handleCompositionEnd"
@input="handleInput" @input="handleInput"
ref="textarea" ref="textarea"
@ -109,6 +111,7 @@
import Migrating from 'element-ui/src/mixins/migrating'; import Migrating from 'element-ui/src/mixins/migrating';
import calcTextareaHeight from './calcTextareaHeight'; import calcTextareaHeight from './calcTextareaHeight';
import merge from 'element-ui/src/utils/merge'; import merge from 'element-ui/src/utils/merge';
import {isKorean} from 'element-ui/src/utils/shared';
export default { export default {
name: 'ElInput', name: 'ElInput',
@ -336,9 +339,16 @@
handleCompositionStart() { handleCompositionStart() {
this.isComposing = true; this.isComposing = true;
}, },
handleCompositionUpdate(event) {
const text = event.target.value;
const lastCharacter = text[text.length - 1] || '';
this.isComposing = !isKorean(lastCharacter);
},
handleCompositionEnd(event) { handleCompositionEnd(event) {
this.isComposing = false; if (this.isComposing) {
this.handleInput(event); this.isComposing = false;
this.handleInput(event);
}
}, },
handleInput(event) { handleInput(event) {
// should not emit input during composition // should not emit input during composition