From acb8e3506d1d875c00800d7d43df6a37c55d7e57 Mon Sep 17 00:00:00 2001
From: rex <rexkaneki@gmail.com>
Date: Thu, 4 Feb 2021 14:51:59 +0800
Subject: [PATCH] fix(checkbox): fix label-position not work (#4036)

fix #4017
---
 packages/checkbox/index.ts   |  5 ++++-
 packages/checkbox/index.wxml | 13 ++++++++++++-
 2 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/packages/checkbox/index.ts b/packages/checkbox/index.ts
index 92bb8d70..58f2f4c0 100644
--- a/packages/checkbox/index.ts
+++ b/packages/checkbox/index.ts
@@ -21,7 +21,10 @@ VantComponent({
     disabled: Boolean,
     useIconSlot: Boolean,
     checkedColor: String,
-    labelPosition: String,
+    labelPosition: {
+      type: String,
+      value: 'right',
+    },
     labelDisabled: Boolean,
     shape: {
       type: String,
diff --git a/packages/checkbox/index.wxml b/packages/checkbox/index.wxml
index 94789d81..0c008d81 100644
--- a/packages/checkbox/index.wxml
+++ b/packages/checkbox/index.wxml
@@ -2,6 +2,13 @@
 <wxs src="./index.wxs" module="computed" />
 
 <view class="van-checkbox custom-class">
+  <view
+    wx:if="{{ labelPosition === 'left' }}"
+    class="label-class {{ utils.bem('checkbox__label', [labelPosition, { disabled: disabled || parentDisabled }]) }}"
+    bindtap="onClickLabel"
+  >
+    <slot />
+  </view>
   <view class="van-checkbox__icon-wrap" bindtap="toggle">
     <slot wx:if="{{ useIconSlot }}" name="icon" />
     <van-icon
@@ -14,7 +21,11 @@
       custom-style="line-height: 1.25em;"
     />
   </view>
-  <view class="label-class {{ utils.bem('checkbox__label', [labelPosition, { disabled: disabled || parentDisabled }]) }}" bindtap="onClickLabel">
+  <view
+    wx:if="{{ labelPosition === 'right' }}"
+    class="label-class {{ utils.bem('checkbox__label', [labelPosition, { disabled: disabled || parentDisabled }]) }}"
+    bindtap="onClickLabel"
+  >
     <slot />
   </view>
 </view>