feat(Avatar): the size attr supports rpx units (#3387)

Author: anlyyao

src/avatar/avatar.ts

@@ -1,7 +1,7 @@
 import { SuperComponent, wxComponent, RelationsOptions } from '../common/src/index';
 import config from '../common/config';
 import avatarProps from './props';
-import { setIcon } from '../common/utils';
+import { setIcon, systemInfo } from '../common/utils';
 
 const { prefix } = config;
 const name = `${prefix}-avatar`;
@@ -27,6 +27,7 @@ export default class Avatar extends SuperComponent {
     classPrefix: name,
     isShow: true,
     zIndex: 0,
+    systemInfo,
   };
 
   relations: RelationsOptions = {

src/avatar/avatar.wxml

@@ -22,7 +22,7 @@
   >
     <view
       class="{{this.getClass(classPrefix, size || 'medium', shape, bordered)}} {{prefix}}-class-image"
-      style="{{this.getSize(size)}}"
+      style="{{this.getSize(size, systemInfo)}}"
       aria-label="{{ ariaLabel || alt ||'头像'}}"
       aria-role="{{ ariaRole || 'img'}}"
       aria-hidden="{{ ariaHidden }}"

src/avatar/avatar.wxs

@@ -11,10 +11,16 @@ module.exports = {
     return classNames.join(' ');
   },
 
-  getSize: function (size = 'medium') {
-    var pxIndex = size.indexOf('px');
-    if (pxIndex > -1) {
-      return 'width:' + size + ';height:' + size + ';font-size:' + ((size.slice(0, pxIndex) / 8) * 3 + 2) + 'px;';
+  getSize: function (size = 'medium', systemInfo) {
+    var res = getRegExp('^([0-9]+)(px|rpx)$').exec(size);;
+
+    if (res && res.length >= 3) {
+      var px = res[1];
+      if (res[2] === 'rpx') {
+         px = Math.floor((systemInfo.windowWidth * res[1]) / 750);
+      }
+
+      return 'width:' + size + ';height:' + size + ';font-size:' + ((px / 8) * 3 + 2) + 'px';
     }
   },