From 9c05bd2d5857a0bcbf6b223c2b851d64c5c9a723 Mon Sep 17 00:00:00 2001
From: Yao <chenyao1102@gmail.com>
Date: Fri, 17 Nov 2017 21:13:35 +0800
Subject: [PATCH] =?UTF-8?q?[new=20feature]=20Field:=20=20=E5=A2=9E?=
 =?UTF-8?q?=E5=8A=A0=20value=20=E4=BC=A0=E5=85=A5=E6=94=AF=E6=8C=81=20(#60?=
 =?UTF-8?q?)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* field 支持 value 传入

* textarea 清除输入示例
---
 example/pages/field/index.js   | 14 ++++++++++++++
 example/pages/field/index.wxml | 12 ++++++++++--
 packages/field/index.wxml      |  2 ++
 3 files changed, 26 insertions(+), 2 deletions(-)

diff --git a/example/pages/field/index.js b/example/pages/field/index.js
index 530c3de9..ddd24ffa 100644
--- a/example/pages/field/index.js
+++ b/example/pages/field/index.js
@@ -2,6 +2,8 @@ var Zan = require('../../dist/index');
 
 Page(Object.assign({}, Zan.Field, {
   data: {
+    value: 'test',
+    textareaValue: 'test textarea',
     area: ['省份', '北京市', '天津市', '河北省', '山西省', '内蒙古自治区', '辽宁省', '吉林省', '黑龙江省', '上海市', '江苏省', '浙江省', '安徽省', '福建省', '江西省', '山东省', '河南省', '湖北省', '湖南省', '广东省', '广西壮族自治区', '海南省', '重庆市', '四川省', '贵州省', '云南省', '西藏自治区', '陕西省', '甘肃省', '青海省', '宁夏回族自治区', '新疆维吾尔自治区', '台湾省', '香港特别行政区', '澳门特别行政区'],
     areaIndex: 0
   },
@@ -16,5 +18,17 @@ Page(Object.assign({}, Zan.Field, {
     const { componentId, detail } = e;
 
     console.log('[zan:field:change]', componentId, detail);
+  },
+
+  clearInput() {
+    this.setData({
+      value: ''
+    });
+  },
+
+  clearTextarea() {
+    this.setData({
+      textareaValue: ''
+    });
   }
 }));
diff --git a/example/pages/field/index.wxml b/example/pages/field/index.wxml
index dda82f84..fcc23b9f 100644
--- a/example/pages/field/index.wxml
+++ b/example/pages/field/index.wxml
@@ -5,14 +5,22 @@
 
   <view class="zan-panel-title">基础用法</view>
   <view class="zan-panel">
-    <template is="zan-field" data="{{ title: '收货人', type: 'input', placeholder: '名字' }}"></template>
+    <template is="zan-field" data="{{ title: '收货人', type: 'input', placeholder: '名字', value: value }}"></template>
     <template is="zan-field" data="{{ title: '联系电话', type: 'input', inputType: 'number', placeholder: '请输入手机号', error: true }}"></template>
     <template is="zan-field" data="{{ title: '详细地址', type: 'textarea', placeholder: '请输入详细地址' }}"></template>
   </view>
 
+  <view class="zan-btns">
+    <button class="zan-btn zan-btn--primary" bindtap="clearInput">清除输入</button>
+  </view>
+
   <view class="zan-panel-title">无标题输入框</view>
   <view class="zan-panel">
-    <template is="zan-field" data="{{ type: 'input', placeholder: '请输入收货人姓名' }}"></template>
+    <template is="zan-field" data="{{ type: 'input', placeholder: '请输入收货人姓名', value: textareaValue }}"></template>
+  </view>
+
+  <view class="zan-btns">
+    <button class="zan-btn zan-btn--primary" bindtap="clearTextarea">清除输入</button>
   </view>
 
   <view class="zan-panel-title field__title--radius">圆角输入框</view>
diff --git a/packages/field/index.wxml b/packages/field/index.wxml
index b95a5eae..dab9b21d 100644
--- a/packages/field/index.wxml
+++ b/packages/field/index.wxml
@@ -6,6 +6,7 @@
     <textarea
       wx:if="{{ type === 'textarea' }}"
       auto-height
+      value="{{ value }}"
       placeholder="{{ placeholder }}"
       class="zan-field__input zan-cell__bd {{ right ? 'zan-field__input--right' : '' }}"
       placeholder-class="zan-field__placeholder"
@@ -14,6 +15,7 @@
     <input
       wx:else
       type="{{ inputType || 'text' }}"
+      value="{{ value }}"
       placeholder="{{ placeholder }}"
       class="zan-field__input zan-cell__bd {{ right ? 'zan-field__input--right' : '' }}"
       placeholder-class="zan-field__placeholder"