vsyswin-ui 0.2.94 → 0.2.96

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "vsyswin-ui",
-    "version": "0.2.94",
+    "version": "0.2.96",
     "main": "lib/vsyswin-ui.umd.min.js",
     "private": false,
     "description": "Vue2.x的应用组件库.",

package/packages/search-tree/src/zTree.vue

@@ -8,10 +8,13 @@
             type="text"
             v-model.trim="keyword"
             class="query-input"
+            ref='queryInputRef'
             :placeholder="placeholder"
+            @compositionstart="typing=true"
+            @compositionend="onCompositionEnd"
             @focus="onQueryInputFocus"
             @blur="onQueryInputBlur"
-            @input="onSearchTree"
+            @input="onInput"
           />
         </div>
       </div>
@@ -94,6 +97,7 @@ export default {
       searchIsActive: false,
       ztreeId: 'ztree_' + parseInt(Math.random() * 1e10),
       ztreeObj: null,
+      typing: false,
       ztreeSetting: {
         view: {
           showIcon: true // default to hide icon
@@ -186,6 +190,7 @@ export default {
             // 如果是搜索展开所有
             this.ztreeObj.expandAll(true)
           }
+          this.$refs.queryInputRef.focus()
         })
       },
       deep: true,
@@ -201,9 +206,19 @@ export default {
       // 搜索框失去焦点
       this.searchIsActive = false
     },
+    onCompositionEnd() {
+      this.typing = false
+      this.onSearchTree()
+    },
+    onInput() {
+      // 正在输入中文时就不执行后面的代码
+      if (this.typing) return
+      this.onSearchTree()
+    },
     onSearchTree: debounce(200, function() {
       // 根据关键字搜索树
       this.$emit('searchTree', this.keyword)
+      this.$refs.queryInputRef.focus()
     }),
     setSelectedNode(selectedKey, noEmit) {
       // 设置默认选中的节点