chore: 1.4.15-rn.1

Author: QiuShuiBai

packages/mpx-cube-ui/lib/common/stylus/theme/components/checkbox.rn.styl

@@ -5,7 +5,10 @@ $checkbox-label-padding-bottom := 10px
 $checkbox-label-padding-left := 0px
 $checkbox-label-padding-right := 0px
 
+$checkbox-ui-round-bgimg := url('https://dpubstatic.udache.com/static/dpubimg/WJ4o6TwcmHnPBgq8xGecr_right.png')
+$checkbox-ui-square-bgimg := url('https://dpubstatic.udache.com/static/dpubimg/uS2n9DlRRxLZdND56hyPZ_right-square.png') // 方形复选框选中图形(对勾)
 $checkbox-ui-position-margin-top := 0px
 $checkbox-ui-position-margin-bottom := 0px
 $checkbox-ui-position-margin-left := 10px
 $checkbox-ui-position-margin-right := 0px
+$checkbox-ui-round-border-color_checked := $var(color-primary)

packages/mpx-cube-ui/lib/components/checkbox-single/css.rn.styl

@@ -45,14 +45,16 @@
   border-width 0
 .cube-checkbox-inner-ui-square_checked
   border-radius $var(checkbox-ui-square-radius)
-  background-image: url(https://dpubstatic.udache.com/static/dpubimg/uS2n9DlRRxLZdND56hyPZ_right-square.png)
+  background-color $var(checkbox-ui-square-bgc_checked)
+  background-image $var(checkbox-ui-square-bgimg)
   background-size: 100% 100%
   background-repeat: no-repeat
 .cube-checkbox-inner-ui-round_checked
   border-width 2px
-  border-color $var(color-primary)
+  border-color $var(checkbox-ui-round-border-color_checked)
   border-radius $var(checkbox-ui-round-radius)
-  background-image: url(https://dpubstatic.udache.com/static/dpubimg/WJ4o6TwcmHnPBgq8xGecr_right.png)
+  background-color $var(checkbox-ui-round-bgc_checked)
+  background-image $var(checkbox-ui-round-bgimg)
   background-size: 100% 100%
   background-repeat: no-repeat
 .cube-checkbox-ui_disabled

packages/mpx-cube-ui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mpxjs/mpx-cube-ui",
-  "version": "1.4.14",
+  "version": "1.4.15-rn.1",
   "description": "mpx components library",
   "author": "xiaolei <xiaolei@didichuxing.com>",
   "publishConfig": {

packages/mpx-cube-ui/src/common/stylus/theme/components/checkbox.rn.styl

@@ -5,7 +5,10 @@ $checkbox-label-padding-bottom := 10px
 $checkbox-label-padding-left := 0px
 $checkbox-label-padding-right := 0px
 
+$checkbox-ui-round-bgimg := url('https://dpubstatic.udache.com/static/dpubimg/WJ4o6TwcmHnPBgq8xGecr_right.png')
+$checkbox-ui-square-bgimg := url('https://dpubstatic.udache.com/static/dpubimg/uS2n9DlRRxLZdND56hyPZ_right-square.png') // 方形复选框选中图形(对勾)
 $checkbox-ui-position-margin-top := 0px
 $checkbox-ui-position-margin-bottom := 0px
 $checkbox-ui-position-margin-left := 10px
 $checkbox-ui-position-margin-right := 0px
+$checkbox-ui-round-border-color_checked := $var(color-primary)

packages/mpx-cube-ui/src/components/checkbox-single/css.rn.styl

@@ -45,14 +45,16 @@
   border-width 0
 .cube-checkbox-inner-ui-square_checked
   border-radius $var(checkbox-ui-square-radius)
-  background-image: url(https://dpubstatic.udache.com/static/dpubimg/uS2n9DlRRxLZdND56hyPZ_right-square.png)
+  background-color $var(checkbox-ui-square-bgc_checked)
+  background-image $var(checkbox-ui-square-bgimg)
   background-size: 100% 100%
   background-repeat: no-repeat
 .cube-checkbox-inner-ui-round_checked
   border-width 2px
-  border-color $var(color-primary)
+  border-color $var(checkbox-ui-round-border-color_checked)
   border-radius $var(checkbox-ui-round-radius)
-  background-image: url(https://dpubstatic.udache.com/static/dpubimg/WJ4o6TwcmHnPBgq8xGecr_right.png)
+  background-color $var(checkbox-ui-round-bgc_checked)
+  background-image $var(checkbox-ui-round-bgimg)
   background-size: 100% 100%
   background-repeat: no-repeat
 .cube-checkbox-ui_disabled