From 50d87fa634ef0df7f61cdf07d8de39bb4c9056f7 Mon Sep 17 00:00:00 2001
From: cookfront <cookfront@gmail.com>
Date: Thu, 30 Mar 2017 14:47:52 +0800
Subject: [PATCH] search add change event

---
 docs/examples-docs/search.md   | 5 ++++-
 packages/search/src/search.vue | 7 ++++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/docs/examples-docs/search.md b/docs/examples-docs/search.md
index 13b9bd05e..42c9100c3 100644
--- a/docs/examples-docs/search.md
+++ b/docs/examples-docs/search.md
@@ -3,6 +3,9 @@ export default {
   methods: {
     goSearch(value) {
       alert(value)
+    },
+    handleChange(value) {
+      console.log(value);
     }
   }
 };
@@ -14,7 +17,7 @@ export default {
 
 :::demo 基础用法
 ```html
-<zan-search placeholder="商品名称" @search="goSearch"></zan-search>
+<zan-search placeholder="商品名称" @search="goSearch" @change="handleChange"></zan-search>
 <script>
 export default {
   methods: {
diff --git a/packages/search/src/search.vue b/packages/search/src/search.vue
index 534bf9d7c..82c045813 100644
--- a/packages/search/src/search.vue
+++ b/packages/search/src/search.vue
@@ -2,7 +2,7 @@
   <div class="zan-search" :class="{ 'zan-search--focus' : isFocus }">
     <div class="zan-search__input-wrap">
       <zan-icon name="search"></zan-icon>
-      <input type="text" :placeholder="placeholder" v-model="value" v-refocus="focusStatus"  @focus="handleFocus" @keyup.enter="handleSearch">
+      <input type="text" :placeholder="placeholder" v-model="value" v-refocus="focusStatus" @focus="handleFocus" @keyup.enter="handleSearch">
       <zan-icon name="clear" @click="handleClean"></zan-icon>
     </div>
     <div class="zan-search__cancel" :class="{ 'zan-search__cancel--focus' : isFocus }" @click="handleBack">取消</div>
@@ -22,6 +22,11 @@
         type: String
       }
     },
+    watch: {
+      value(val) {
+        this.$emit('change', val);
+      }
+    },
     data() {
       return {
         value: '',