feat(Checkbox): 新增 l-icon-class 外部样式类

Author: juzi214032

src/checkbox/index.js

@@ -1,6 +1,6 @@
 Component({
   behaviors: ['wx://form-field'],
-  externalClasses: ['l-class', 'l-disabled-class'],
+  externalClasses: ['l-class', 'l-disabled-class', 'l-icon-class'],
   relations: {
     '../checkbox-group/index': {
       type: 'parent'
@@ -61,7 +61,7 @@ Component({
   },
   ready() {
     const parent = this.getRelationNodes('../checkbox-group/index')[0];
-    let {placement:parentPlacement} = parent.properties;
+    let {placement: parentPlacement} = parent.properties;
     this.setData({parentPlacement});
   },
   methods: {
@@ -73,10 +73,10 @@ Component({
 
       const parent = this.getRelationNodes('../checkbox-group/index')[0];
 
-      if(this.properties.checked) {
-        if(this.isOverflow('minSelected')) return;
+      if (this.properties.checked) {
+        if (this.isOverflow('minSelected')) return;
       } else {
-        if(this.isOverflow('maxSelected')) return;
+        if (this.isOverflow('maxSelected')) return;
       }
 
       const item = {
@@ -102,7 +102,11 @@ Component({
       let isOverflow = type === 'minSelected' ? selectedLength <= limit : selectedLength >= limit;
       if (isOverflow) {
         let backType = type === 'minSelected' ? 'min_selected' : 'max_selected';
-        parent.onEmitOverflowHandle && parent.onEmitOverflowHandle({key: this.properties.key, limitNumber: limit, type: `overflow_${backType}`});
+        parent.onEmitOverflowHandle && parent.onEmitOverflowHandle({
+          key: this.properties.key,
+          limitNumber: limit,
+          type: `overflow_${backType}`
+        });
       }
       return isOverflow;
     }

src/checkbox/index.wxml

@@ -1,6 +1,6 @@
 <view mut-bind:tap="onCheckboxChangeTap"
       class="label label-{{placement}} label-placement-{{parentPlacement}} {{disabled ? 'label-disabled l-disabled-class' : 'l-class'}}">
-        <view class="checkbox-{{placement}}" style="color:{{checked ? selectColor : (disabled ? disabledColor : color)}};font-size: {{size}}">
+        <view class="checkbox-{{placement}} l-icon-class" style="color:{{checked ? selectColor : (disabled ? disabledColor : color)}};font-size: {{size}}">
             <slot wx:if="{{custom}}" name="icon"/>
             <view wx:else class="iconfont {{checked? 'icon-select': 'icon-unselect'}}"></view>
         </view>