From e9a8d79b989676b6da7f0737f26feafe3d27adc5 Mon Sep 17 00:00:00 2001
From: mankowitz <scott@mankowitz.org>
Date: Thu, 15 Mar 2018 02:11:16 -0400
Subject: [PATCH 1/4] replace scope with slot-scope

---
 src/App.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index f318d5c..3a5bd0a 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -2,12 +2,12 @@
   <div id="app">
     <at :members="members" name-key="name" v-model="html">
       <!-- custom: same as default slot -->
-      <!-- <template slot="item" scope="s">
+      <!-- <template slot="item" slot-scope="s">
         <span v-text="s.item"></span>
       </template> -->
 
       <!-- custom: with avatars -->
-      <template slot="item" scope="s">
+      <template slot="item" slot-scope="s">
         <img :src="s.item.avatar">
         <span v-text="s.item.name"></span>
       </template>
@@ -18,7 +18,7 @@
 
     <at-ta :members="members" name-key="name" v-model="text">
       <!-- custom: with avatars -->
-      <template slot="item" scope="s">
+      <template slot="item" slot-scope="s">
         <img :src="s.item.avatar">
         <span v-text="s.item.name"></span>
       </template>

From f2e95037cb01bc626432af4bc3b9fc6ddd6be5f1 Mon Sep 17 00:00:00 2001
From: mankowitz <scott@mankowitz.org>
Date: Thu, 15 Mar 2018 02:17:51 -0400
Subject: [PATCH 2/4] add processItem hook

---
 src/At.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/At.vue b/src/At.vue
index 0728050..d8c0fc7 100644
--- a/src/At.vue
+++ b/src/At.vue
@@ -67,7 +67,12 @@ export default {
     scrollRef: {
       type: String,
       default: ''
-    }
+    },
+    processItem: {
+      type: Function,
+      default: (list, cur, suffix) => {
+        return itemName(list[cur]) + suffix
+      }
   },
 
   data () {
@@ -352,7 +357,7 @@ export default {
       // hack: 连续两次 可以确保click后 focus回来 range真正生效
       applyRange(r)
       applyRange(r)
-      const t = itemName(list[cur]) + suffix
+      const t = processItem(list, cur, suffix)
       this.insertText(t, r)
       this.handleInput()
     }

From 4ecbe97ae1b1a5afb9668dcb9cbaba0f5258ccbc Mon Sep 17 00:00:00 2001
From: mankowitz <scott@mankowitz.org>
Date: Thu, 15 Mar 2018 02:21:38 -0400
Subject: [PATCH 3/4] Update AtTextarea.vue

---
 src/AtTextarea.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/AtTextarea.vue b/src/AtTextarea.vue
index 7001e01..bbcf912 100644
--- a/src/AtTextarea.vue
+++ b/src/AtTextarea.vue
@@ -137,7 +137,7 @@ export default {
       const start = index + at.length // 从@后第一位开始
       el.selectionStart = start
       el.focus() // textarea必须focus回来
-      const t = itemName(list[cur]) + suffix
+      const t = processItem(list, cur, suffix)
       this.insertText(t, el)
       this.handleInput()
     }

From a9a4e40d3583e6ae6835394130d7ee2d2d84f650 Mon Sep 17 00:00:00 2001
From: mankowitz <scott@mankowitz.org>
Date: Thu, 15 Mar 2018 02:24:18 -0400
Subject: [PATCH 4/4] add :key to template

---
 src/AtTemplate.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/AtTemplate.vue b/src/AtTemplate.vue
index 27fb687..d525443 100644
--- a/src/AtTemplate.vue
+++ b/src/AtTemplate.vue
@@ -20,6 +20,7 @@
               :class="isCur(index) && 'atwho-cur'"
               :ref="isCur(index) && 'cur'"
               :data-index="index"
+              :key="index"
               @mouseenter="handleItemHover"
               @click="handleItemClick"
             >