fix: chinese input method should not trigger input event

src/components/Input.vue

@@ -100,6 +100,7 @@
       },
 
       onInput(evt) {
+        if (this.isOnComposition) return
         const { value } = evt.target
 
         this.value = value
@@ -112,6 +113,16 @@
         }
       },
 
+      handleComposition(event) {
+        if (event.type === 'compositionstart') {
+          this.isOnComposition = true
+        }
+        if (event.type === 'compositionend') {
+          this.isOnComposition = false
+          this.onInput(event)
+        }
+      },
+
       // 用 keyUp 事件存在一个问题，删除输入框最后一个字符也会导致取消选中最后一项
       onKeyDown(evt) {
         const { instance } = this
@@ -262,6 +273,8 @@
             onFocus={this.onFocus}
             onInput={this.onInput}
             onBlur={this.onBlur}
+            onCompositionstart={this.handleComposition}
+            onCompositionend={this.handleComposition}
             onKeydown={this.onKeyDown}
             onMousedown={this.onMouseDown}
           />

src/mixins/treeselectMixin.js

@@ -645,6 +645,7 @@ export default {
         isFocused: false,
         // User entered search query - value of the input.
         searchQuery: '',
+        isOnComposition: false,
       },
 
       menu: {

test/unit/specs/SearchInput.spec.js

@@ -59,4 +59,15 @@ describe('Search Input', () => {
       prevWidth = width
     }
   })
+
+  it('when input letter, compositionstart should not be triggered', async () => {
+    const wrapper = mount(Treeselect, {
+      propsData: {
+        options: [],
+      },
+    })
+    const text = 'hello world'
+    await typeSearchText(wrapper, text)
+    expect(wrapper.vm.trigger.isOnComposition).toBe(false)
+  })
 })