From f3398dc2cdd1191613b97454b4725275458bde1b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=98=89=E6=B6=B5?= <chenjiahan@youzan.com>
Date: Fri, 7 Feb 2020 14:33:44 +0800
Subject: [PATCH] feat(Field): add name prop

---
 src/field/README.md                             | 3 ++-
 src/field/README.zh-CN.md                       | 3 ++-
 src/field/index.js                              | 2 ++
 src/field/test/__snapshots__/index.spec.js.snap | 8 ++++++++
 src/field/test/index.spec.js                    | 9 +++++++++
 5 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/src/field/README.md b/src/field/README.md
index 9f97c46d2..7310ff529 100644
--- a/src/field/README.md
+++ b/src/field/README.md
@@ -214,8 +214,9 @@ Use `input-align` prop to align the input value
 
 | Attribute | Description | Type | Default |
 |------|------|------|------|
-| value | Field value | *number \| string* | - |
+| v-model (value) | Field value | *number \| string* | - |
 | label | Field label | *string* | - |
+| name | Name | *string* | - |
 | type | Input type, can be set to `tel` `digit`<br>`number` `textarea` `password` | *string* | `text` |
 | size | Size，can be set to `large` | *string* | - |
 | maxlength | Max length of value | *number \| string* | - |
diff --git a/src/field/README.zh-CN.md b/src/field/README.zh-CN.md
index cea5cace8..dd0aac3c7 100644
--- a/src/field/README.zh-CN.md
+++ b/src/field/README.zh-CN.md
@@ -233,8 +233,9 @@ export default {
 
 | 参数 | 说明 | 类型 | 默认值 |
 |------|------|------|------|
+| v-model (value) | 当前输入的值 | *number \| string* | - |
 | label | 输入框左侧文本 | *string* | - |
-| value | 当前输入的值 | *number \| string* | - |
+| name | 名称，提交表单的标识符 | *string* | - |
 | type | 输入框类型, 可选值为 `tel` `digit`<br>`number` `textarea` `password` 等 | *string* | `text` |
 | size | 大小，可选值为 `large` | *string* | - |
 | maxlength | 输入的最大字符数 | *number \| string* | - |
diff --git a/src/field/index.js b/src/field/index.js
index 32b58c80c..2bb812c91 100644
--- a/src/field/index.js
+++ b/src/field/index.js
@@ -17,6 +17,7 @@ export default createComponent({
 
   props: {
     ...cellProps,
+    name: String,
     error: Boolean,
     disabled: Boolean,
     readonly: Boolean,
@@ -237,6 +238,7 @@ export default createComponent({
         },
         attrs: {
           ...this.$attrs,
+          name: this.name,
           disabled: this.disabled,
           readonly: this.readonly,
           placeholder: this.placeholder,
diff --git a/src/field/test/__snapshots__/index.spec.js.snap b/src/field/test/__snapshots__/index.spec.js.snap
index 0938a1696..15b8e29c4 100644
--- a/src/field/test/__snapshots__/index.spec.js.snap
+++ b/src/field/test/__snapshots__/index.spec.js.snap
@@ -53,6 +53,14 @@ exports[`label-width prop without unit 1`] = `
 </div>
 `;
 
+exports[`name prop 1`] = `
+<div class="van-cell van-field">
+  <div class="van-cell__value van-cell__value--alone">
+    <div class="van-field__body"><input type="text" name="foo" class="van-field__control"></div>
+  </div>
+</div>
+`;
+
 exports[`reach max word-limit 1`] = `
 <div class="van-cell van-field">
   <div class="van-cell__value van-cell__value--alone">
diff --git a/src/field/test/index.spec.js b/src/field/test/index.spec.js
index 6554f4150..1823f89cc 100644
--- a/src/field/test/index.spec.js
+++ b/src/field/test/index.spec.js
@@ -291,3 +291,12 @@ test('reach max word-limit', () => {
   });
   expect(wrapper).toMatchSnapshot();
 });
+
+test('name prop', () => {
+  const wrapper = mount(Field, {
+    propsData: {
+      name: 'foo',
+    },
+  });
+  expect(wrapper).toMatchSnapshot();
+});