From 93b2267a5074ee22b6bb682bcc1f8a1fd1db2d8e Mon Sep 17 00:00:00 2001
From: cookfront <cookfront@gmail.com>
Date: Tue, 14 Mar 2017 15:24:09 +0800
Subject: [PATCH] border field

---
 build/webpack.config.js          |  3 ++-
 docs/examples-docs/field.md      | 22 ++++++++++++++++++++++
 packages/field/src/field.vue     |  6 ++++--
 packages/radio/src/radio.vue     |  1 -
 packages/zanui-css/src/field.css | 14 ++++++++++++++
 5 files changed, 42 insertions(+), 4 deletions(-)

diff --git a/build/webpack.config.js b/build/webpack.config.js
index 1d311de95..178e87ad1 100644
--- a/build/webpack.config.js
+++ b/build/webpack.config.js
@@ -85,7 +85,8 @@ if (process.env.NODE_ENV === 'production') {
     }),
     new webpack.optimize.UglifyJsPlugin({
       compress: {
-        warnings: false
+        warnings: false,
+        console: false
       },
       output: {
         comments: false
diff --git a/docs/examples-docs/field.md b/docs/examples-docs/field.md
index d3358b96e..d7333db60 100644
--- a/docs/examples-docs/field.md
+++ b/docs/examples-docs/field.md
@@ -1,3 +1,13 @@
+<style>
+@component-namespace demo {
+  @b field {
+    .zan-field-wrapper {
+      padding: 0 10px;
+    }
+  }
+}
+</style>
+
 <script>
 export default {
   data() {
@@ -38,6 +48,18 @@ export default {
 ```
 :::
 
+### 带border的输入框
+
+传入一个`border`属性。
+
+:::demo 带border的输入框
+```html
+<div class="zan-field-wrapper">
+  <zan-field type="text" placeholder="请输入用户名" border></zan-field>
+</div>
+```
+:::
+
 ### 禁用的输入框
 
 传入`disabled`属性即可。
diff --git a/packages/field/src/field.vue b/packages/field/src/field.vue
index 8d10b122b..7d1dedc43 100644
--- a/packages/field/src/field.vue
+++ b/packages/field/src/field.vue
@@ -6,7 +6,8 @@
       'zan-field--hastextarea': type === 'textarea',
       'zan-field--nolabel': !label,
       'zan-field--disabled': disabled,
-      'zan-field--error': error
+      'zan-field--error': error,
+      'zan-field--border': border
     }">
     <textarea
       v-if="type === 'textarea'"
@@ -51,7 +52,8 @@ export default {
     disabled: Boolean,
     error: Boolean,
     readonly: Boolean,
-    maxlength: [String, Number]
+    maxlength: [String, Number],
+    border: Boolean
   },
 
   data() {
diff --git a/packages/radio/src/radio.vue b/packages/radio/src/radio.vue
index 3f7f207cf..2f9cd5e42 100644
--- a/packages/radio/src/radio.vue
+++ b/packages/radio/src/radio.vue
@@ -44,7 +44,6 @@ export default {
 
     currentValue: {
       get() {
-        console.log(this.value);
         return this.isGroup && this.parentGroup ? this.parentGroup.value : this.value;
       },
 
diff --git a/packages/zanui-css/src/field.css b/packages/zanui-css/src/field.css
index 4273b703e..4eab11971 100644
--- a/packages/zanui-css/src/field.css
+++ b/packages/zanui-css/src/field.css
@@ -36,6 +36,20 @@
       }
     }
 
+    @m border {
+      .zan-field__control {
+        padding-left: 10px;
+      }
+
+      &::after {
+        @mixin border-retina (top, right, bottom, left);
+      }
+
+      &:last-child::after {
+        @mixin border-retina (bottom);
+      }
+    }
+
     .zan-cell__title,
     .zan-cell__value {
       float: none;