From b45b601b692dcbec76821400b650956f9d198029 Mon Sep 17 00:00:00 2001
From: neverland <chenjiahan@buaa.edu.cn>
Date: Tue, 11 Dec 2018 21:07:19 +0800
Subject: [PATCH] [improvement] Checkbox: optimize performance (#1057)

---
 packages/checkbox-group/index.ts |  4 ++--
 packages/checkbox/index.ts       | 10 ----------
 packages/checkbox/index.wxml     |  2 +-
 3 files changed, 3 insertions(+), 13 deletions(-)

diff --git a/packages/checkbox-group/index.ts b/packages/checkbox-group/index.ts
index 0e118056..6cffcfdb 100644
--- a/packages/checkbox-group/index.ts
+++ b/packages/checkbox-group/index.ts
@@ -16,9 +16,9 @@ VantComponent({
   },
 
   props: {
+    max: Number,
     value: Array,
-    disabled: Boolean,
-    max: Number
+    disabled: Boolean
   },
 
   watch: {
diff --git a/packages/checkbox/index.ts b/packages/checkbox/index.ts
index defb21df..73234ee8 100644
--- a/packages/checkbox/index.ts
+++ b/packages/checkbox/index.ts
@@ -23,16 +23,6 @@ VantComponent({
     }
   },
 
-  computed: {
-    iconStyle(): string {
-      const { value, disabled, checkedColor } = this.data;
-      if (checkedColor && value && !disabled) {
-        return `border-color: ${checkedColor}; background-color: ${checkedColor}`;
-      }
-      return '';
-    }
-  },
-
   methods: {
     emitChange(value) {
       const parent = this.getRelationNodes('../checkbox-group/index')[0];
diff --git a/packages/checkbox/index.wxml b/packages/checkbox/index.wxml
index da96d043..ce388e9d 100644
--- a/packages/checkbox/index.wxml
+++ b/packages/checkbox/index.wxml
@@ -7,7 +7,7 @@
       wx:else
       name="success"
       class="{{ utils.bem('checkbox__icon', [shape, { disabled, checked: value }]) }}"
-      style="{{ iconStyle }}"
+      style="{{ checkedColor && value && !disabled ? 'border-color:' + checkedColor + '; background-color:' + checkedColor : '' }}"
       custom-class="icon-class"
       custom-style="line-height: 20px;"
     />