From 8c7dc1e6222eba5e94e3b5db34cae39e5f6f6426 Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@buaa.edu.cn>
Date: Mon, 9 Jul 2018 21:27:13 +0800
Subject: [PATCH] [Improvement] Radio: add label-position prop (#1446)

---
 packages/radio/en-US.md         | 1 +
 packages/radio/index.vue        | 5 +++--
 packages/radio/zh-CN.md         | 1 +
 packages/vant-css/src/radio.css | 6 ++++++
 4 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/packages/radio/en-US.md b/packages/radio/en-US.md
index fd7c14c60..6dabcf0f7 100644
--- a/packages/radio/en-US.md
+++ b/packages/radio/en-US.md
@@ -61,6 +61,7 @@ export default {
 | name | Radio name | `any` | - |
 | disabled | Whether to disable radio | `Boolean` | `false` |
 | label-disabled | Whether to disable label click | `Boolean` | `false` |
+| label-position | Can be set to `left` | `String` | `right` |
 
 ### RadioGroup API
 
diff --git a/packages/radio/index.vue b/packages/radio/index.vue
index a22408e80..e1fd03bdd 100644
--- a/packages/radio/index.vue
+++ b/packages/radio/index.vue
@@ -10,7 +10,7 @@
       >
       <icon :name="currentValue === name ? 'checked' : 'check'" />
     </span>
-    <span v-if="$slots.default" :class="b('label')" @click="onClickLabel">
+    <span v-if="$slots.default" :class="b('label', labelPosition)" @click="onClickLabel">
       <slot />
     </span>
   </div>
@@ -29,7 +29,8 @@ export default create({
     name: null,
     value: null,
     disabled: Boolean,
-    labelDisabled: Boolean
+    labelDisabled: Boolean,
+    labelPosition: Boolean
   },
 
   computed: {
diff --git a/packages/radio/zh-CN.md b/packages/radio/zh-CN.md
index 0048f29c9..5f7be14b3 100644
--- a/packages/radio/zh-CN.md
+++ b/packages/radio/zh-CN.md
@@ -63,6 +63,7 @@ export default {
 | name | 标识 Radio 名称 | 任意类型 | - |
 | disabled | 是否为禁用状态 | `Boolean` | `false` |
 | label-disabled | 是否禁用文本内容点击 | `Boolean` | `false` |
+| label-position | 文本位置，可选值为 `left` | `String` | `right` |
 
 ### RadioGroup API
 
diff --git a/packages/vant-css/src/radio.css b/packages/vant-css/src/radio.css
index b372fa940..8905b1b9c 100644
--- a/packages/vant-css/src/radio.css
+++ b/packages/vant-css/src/radio.css
@@ -30,9 +30,15 @@ $van-radio-size: 20px;
   &__label {
     line-height: $van-radio-size;
     margin-left: 10px;
+
+    &--left {
+      float: left;
+      margin: 0 10px 0 0;
+    }
   }
 
   .van-icon {
+    width: 1em;
     pointer-events: none;
     font-size: $van-radio-size;
   }