field 组件支持 disabled 属性 (#150)

example/pages/field/config.js

@@ -16,6 +16,11 @@ module.exports = {
       title: '详细地址',
       type: 'textarea',
       placeholder: '请输入详细地址'
+    },
+    disabled: {
+      title: '用户信息',
+      disabled: true,
+      value: '输入框已禁用'
     }
   },
   // 无标题输入框

example/pages/field/index.wxml

@@ -15,6 +15,9 @@
     <template
       is="zan-field"
       data="{{ ...config.base.address }}"></template>
+    <template
+      is="zan-field"
+      data="{{ ...config.base.disabled }}"></template>
   </view>
 
   <view class="zan-btns">

packages/field/README.md

@@ -60,6 +60,7 @@ Page(extend({}, Field, {
 | inputType | 输入框为 input 情况下，输入框的类型，例如：number, text, password | String  | text | |
 | placeholder | 输入框为空时占位符 | String  | | |
 | focus | 自动聚焦，拉起键盘 | Boolean  | false | |
+| disabled | 输入框是否禁用 | Boolean  | false | |
 | mode | 输入框展示样式，可选值为 wrapped, normal | String | normal | |
 | right | 输入框内容是否居右显示 | Boolean  | false | |
 | error | 是否显示为输入框错误情况下的样式 | Boolean  | false | |

packages/field/index.wxml

@@ -7,8 +7,9 @@
       wx:if="{{ type === 'textarea' }}"
       auto-height
       name="{{ name || componentId || '' }}"
-      value="{{ value }}"
+      disabled="{{ disabled }}"
       focus="{{ focus }}"
+      value="{{ value }}"
       placeholder="{{ placeholder }}"
       class="zan-field__input zan-cell__bd {{ right ? 'zan-field__input--right' : '' }}"
       placeholder-class="zan-field__placeholder"
@@ -20,8 +21,9 @@
       wx:else
       type="{{ inputType || 'text' }}"
       name="{{ name || componentId || '' }}"
-      value="{{ value }}"
+      disabled="{{ disabled }}"
       focus="{{ focus }}"
+      value="{{ value }}"
       placeholder="{{ placeholder }}"
       class="zan-field__input zan-cell__bd {{ right ? 'zan-field__input--right' : '' }}"
       placeholder-class="zan-field__placeholder"