新增 maxlength (#203)

example/pages/field/config.js

@@ -15,7 +15,7 @@ module.exports = {
     address: {
       title: '详细地址',
       type: 'textarea',
-      placeholder: '请输入详细地址'
+      placeholder: '请输入详细地址(最多50字)'
     },
     disabled: {
       title: '用户信息',

example/pages/field/index.wxml

@@ -19,6 +19,7 @@
       title="{{ config.base.address.title }}"
       type="{{ config.base.address.type }}"
       placeholder="{{ config.base.address.placeholder }}"
+      maxlength="50"
     >
     </zan-field>
     <zan-field

packages/field/README.md

@@ -91,6 +91,7 @@ Page(extend({}, {
 | type | 输入框的类型，可选值为 input, textarea | String  | input | |
 | inputType | 输入框为 input 情况下，输入框的类型，例如：number, text, password | String  | text | |
 | placeholder | 输入框为空时占位符 | String  | | |
+| maxlength | 最大输入长度，设置为 -1 的时候不限制最大长度 | Number  | 140 | |
 | focus | 自动聚焦，拉起键盘 | Boolean  | false | |
 | disabled | 输入框是否禁用 | Boolean  | false | |
 | mode | 输入框展示样式，可选值为 wrapped, normal | String | normal | |

packages/field/index.js

@@ -20,7 +20,11 @@ Component({
       value: 'normal'
     },
     right: Boolean,
-    error: Boolean
+    error: Boolean,
+    maxlength: {
+      type: Number,
+      value: 140
+    }
   },
 
   methods: {

packages/field/index.wxml

@@ -12,6 +12,7 @@
     focus="{{ focus }}"
     value="{{ value }}"
     placeholder="{{ placeholder }}"
+    maxlength="{{ maxlength }}"
     class="zan-field__input zan-cell__bd {{ right ? 'zan-field__input--right' : '' }}"
     placeholder-class="zan-field__placeholder"
     bindinput="handleZanFieldChange"
@@ -26,6 +27,7 @@
     focus="{{ focus }}"
     value="{{ value }}"
     placeholder="{{ placeholder }}"
+    maxlength="{{ maxlength }}"
     class="zan-field__input zan-cell__bd {{ right ? 'zan-field__input--right' : '' }}"
     placeholder-class="zan-field__placeholder"
     bindinput="handleZanFieldChange"