fix: Compatible with rpx mode

Author: fwh1990

README.md

@@ -63,10 +63,6 @@ npx iconfont-init
 ### use_rpx
 是否使用微信提供的[尺寸单位rpx](https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxss.html#%E5%B0%BA%E5%AF%B8%E5%8D%95%E4%BD%8D)还是普通的像素单位`px`。默认值为false，即使用`px`
 
-------
-
-**注意：** 百度小程序暂时不支持`rpx`格式。
-
 ### trim_icon_prefix
 如果你的图标有通用的前缀，而你在使用的时候又不想重复去写，那么可以通过这种配置这个选项把前缀统一去掉。
 

snapshots/alipay/alipay.axml

@@ -8,5 +8,24 @@ Component({
   },
   data: {
     quot: '"',
+    svgSize: 18,
+  },
+  didMount() {
+    const size = this.props.size;
+
+    if (size !== this.data.svgSize) {
+      this.setData({
+        svgSize: false ? size / 750 * my.getSystemInfoSync().windowWidth : size
+      });
+    }
+  },
+  disUpdate(prevProps) {
+    const size = this.props.size;
+
+    if (size !== prevProps.size) {
+      this.setData({
+        svgSize: false ? size / 750 * my.getSystemInfoSync().windowWidth : size,
+      });
+    }
   },
 });

snapshots/alipay/alipay.js

@@ -12,9 +12,15 @@ Component({
     size: {
       type: Number,
       value: 18,
+      observer: function(size) {
+        this.setData({
+          svgSize: false ? size / 750 * swan.getSystemInfoSync().windowWidth : size,
+        });
+      },
     },
   },
   data: {
     quot: '"',
+    svgSize: false ? 18 / 750 * swan.getSystemInfoSync().windowWidth : 18,
   },
 });

snapshots/baidu/baidu.js

@@ -7,20 +7,24 @@ Component({
     // string | string[]
     color: {
       type: null,
-      observer: function(color, originalColor) {
-        if (color !== originalColor) {
-          this.setData({
-            colorIsString: typeof color === 'string',
-          });
-        }
+      observer: function(color) {
+        this.setData({
+          colorIsString: typeof color === 'string',
+        });
       }
     },
     size: {
       type: Number,
       value: 24,
+      observer: function(size) {
+        this.setData({
+          svgSize: false ? size / 750 * qq.getSystemInfoSync().windowWidth : size,
+        });
+      },
     },
   },
   data: {
+    svgSize: false ? 24 / 750 * qq.getSystemInfoSync().windowWidth : 24,
     quot: '"',
     colorIsString: false,
   },

snapshots/baidu/baidu.swan

@@ -8,20 +8,24 @@ Component({
     color: {
       type: null,
       value: '',
-      observer: function(color, originalColor) {
-        if (color !== originalColor) {
-          this.setData({
-            colorIsString: typeof color === 'string',
-          });
-        }
+      observer: function(color) {
+        this.setData({
+          colorIsString: typeof color === 'string',
+        });
       }
     },
     size: {
       type: Number,
       value: 18,
+      observer: function(size) {
+        this.setData({
+          svgSize: false ? size / 750 * tt.getSystemInfoSync().windowWidth : size,
+        });
+      },
     },
   },
   data: {
+    svgSize: false ? 18 / 750 * tt.getSystemInfoSync().windowWidth : 18,
     quot: '"',
     colorIsString: false,
   },

snapshots/qq/qq.js

@@ -7,21 +7,26 @@ Component({
     // string | string[]
     color: {
       type: null,
-      observer: function(color, originalColor) {
-        if (color !== originalColor) {
-          this.setData({
-            colors: this.fixColor()
-          });
-        }
+      observer: function() {
+        this.setData({
+          colors: this.fixColor()
+        });
       }
     },
     size: {
       type: Number,
       value: 20,
+      observer: function(size) {
+        this.setData({
+          svgSize: false ? size / 750 * wx.getSystemInfoSync().windowWidth : size,
+        });
+      },
     },
   },
   data: {
-    colors: ''
+    colors: '',
+    svgSize: false ? 20 / 750 * wx.getSystemInfoSync().windowWidth : 20,
+    quot: '"',
   },
   methods: {
     fixColor: function() {