feat(emit): $emit('at') on at trigger, ref #14, #16

could be used for remote request
fritx · Sep 29, 2017 · e303725 · e303725
1 parent fb26a13
commit e303725
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 4 deletions.
diff --git a/src/At.vue b/src/At.vue
@@ -89,6 +89,9 @@ export default {
     },
     atwho (val) {
       this.$emit('has-at', !!val)
+    },
+    members () {
+      this.handleInput(true)
     }
   },
 
@@ -176,7 +179,7 @@ export default {
       this.hasComposition = false
       this.handleInput()
     },
-    handleInput () {
+    handleInput (keep) {
       if (this.hasComposition) return
       const range = getPrecedingRange()
       if (range) {
@@ -209,6 +212,9 @@ export default {
           this.closePanel()
         } else {
           const { members, filterMatch, itemName } = this
+          if (!keep) {
+            this.$emit('at', chunk)
+          }
           const matched = members.filter(v => {
             const name = itemName(v)
             return filterMatch(name, chunk, at)
@@ -239,7 +245,7 @@ export default {
           list,
           x: rect.left,
           y: rect.top - 4,
-          cur: 0, // todo: 尽可能记录
+          cur: 0 // todo: 尽可能记录
         }
       }
       if (this.atwho) {

diff --git a/src/AtTextarea.vue b/src/AtTextarea.vue
@@ -45,7 +45,7 @@ export default {
       }
     },
 
-    handleInput () {
+    handleInput (keep) {
       if (this.hasComposition) return
       const el = this.$el.querySelector('textarea')
       const text = el.value.slice(0, el.selectionEnd)
@@ -71,12 +71,15 @@ export default {
           this.closePanel()
         } else {
           const { members, filterMatch, itemName } = this
+          if (!keep) {
+            this.$emit('at', chunk)
+          }
           const matched = members.filter(v => {
             const name = itemName(v)
             return filterMatch(name, chunk, at)
           })
           if (matched.length) {
-            this.openPanel(matched, chunk, index, at)
+            this.openPanel(matched, chunk, index, at, keep)
           } else {
             this.closePanel()
           }