From e2affe49cf7f50c6864f3edbc673e81de1d50f00 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A2=81=E7=81=8F?= <admin@aresn.com>
Date: Sat, 1 Apr 2017 13:25:47 +0800
Subject: [PATCH] fixed #397

---
 examples/routers/input.vue     |  2 --
 src/components/input/input.vue |  2 ++
 src/styles/mixins/input.less   | 14 +++++++++++---
 3 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/examples/routers/input.vue b/examples/routers/input.vue
index 36347742..fa74187b 100644
--- a/examples/routers/input.vue
+++ b/examples/routers/input.vue
@@ -1,7 +1,5 @@
 <template>
     <div style="width: 300px;">
-        <i-input v-model="value11">
-        </i-input>
         <i-input v-model="value11" icon="ios-clock-outline">
             <span slot="prepend">.com</span>
         </i-input>
diff --git a/src/components/input/input.vue b/src/components/input/input.vue
index d9837828..4aa160b5 100644
--- a/src/components/input/input.vue
+++ b/src/components/input/input.vue
@@ -119,6 +119,8 @@
                         [`${prefixCls}-type`]: this.type,
                         [`${prefixCls}-group`]: this.prepend || this.append,
                         [`${prefixCls}-group-${this.size}`]: (this.prepend || this.append) && !!this.size,
+                        [`${prefixCls}-group-with-prepend`]: this.prepend,
+                        [`${prefixCls}-group-with-append`]: this.append,
                         [`${prefixCls}-hide-icon`]: this.append  // #554
                     }
                 ];
diff --git a/src/styles/mixins/input.less b/src/styles/mixins/input.less
index 0883be30..2f00ff21 100644
--- a/src/styles/mixins/input.less
+++ b/src/styles/mixins/input.less
@@ -124,9 +124,17 @@
     > .@{inputClass} {
         display: table-cell;
 
-        &:not(:first-child):not(:last-child) {
-            border-radius: 0;
-        }
+        //&:not(:first-child):not(:last-child) {
+        //    border-radius: 0;
+        //}
+    }
+    &-with-prepend .@{inputClass} {
+        border-top-left-radius: 0;
+        border-bottom-left-radius: 0;
+    }
+    &-with-append .@{inputClass} {
+        border-top-right-radius: 0;
+        border-bottom-right-radius: 0;
     }
 
     &-prepend .@{css-prefix}btn,