feat(vue): not filter rpx when parse style

driver/js/packages/hippy-vue-css-loader/src/css-parser.ts

@@ -99,11 +99,15 @@
   if (Number.isInteger(value)) {
     return value;
   }
+  // If value unit is rpx, don't need to filter
+  if (typeof value === 'string' && value.endsWith('rpx')) {
+    return value;
+  }
   // If value unit is px, change to use pt as 1:1.
   if (typeof value === 'string' && value.endsWith('px')) {
     const num = parseFloat(value.slice(0, value.indexOf('px')));
     if (!Number.isNaN(num)) {
       value = num;
     }
   }
   return value;
@@ -113,7 +117,7 @@
  * Parse the CSS to be AST tree.
  */
 function parseCSS(css: any, options: any) {
   options = options || {};
 
   /**
    * Positional.
@@ -137,7 +141,7 @@
   function position() {
     const start = { line: lineno, column };
     return (node: any) => {
       node.position = new Position(start);
       whitespace();
       return node;
     };
@@ -235,7 +239,7 @@
     }
     const str = m[0];
     updatePosition(str);
     css = css.slice(str.length);
     return m;
   }
 
@@ -251,7 +255,7 @@
    */
   function comments(rules: any[] = []): any[] {
     let c;
     rules = rules || [];
     while ((c = comment()) !== null) {
       if (c !== false) {
         rules.push(c);
@@ -279,7 +283,7 @@
     const str = css.slice(2, i - 2);
     column += 2;
     updatePosition(str);
     css = css.slice(i);
     column += 2;
     return pos({
       type: 'comment',

driver/js/packages/hippy-vue-next-style-parser/src/style-parser/css-parser.ts

@@ -191,6 +191,10 @@ function convertPxUnitToPt(value) {
   if (Number.isInteger(value)) {
     return value;
   }
+  // If value unit is rpx, don't need to filter
+  if (typeof value === 'string' && value.endsWith('rpx')) {
+    return value;
+  }
   // If value unit is px, change to use pt as 1:1.
   if (typeof value === 'string' && value.endsWith('px')) {
     const num = parseFloat(value.slice(0, value.indexOf('px')));