support wx unit.

Author: MrRaindrop

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "weex-vue-precompiler",
-  "version": "0.1.16",
+  "version": "0.1.17",
   "description": "a precompiler for weex-vue-render.",
   "main": "src/index.js",
   "scripts": {

package.json

@@ -9,6 +9,17 @@ const bindingStyleNamesForPx2Rem = require('../config').bindingStyleNamesForPx2R
 const { parseAst } = require('../util')
 const { getCompiler, getTransformer } = require('wxv-transformer')
 
+function alreadyTransformed (node) {
+  if (node
+    && node.type === 'CallExpression'
+    && node.callee
+    && (node.callee.name + ''.match(/_processExclusiveStyle|_px2rem/)))
+  {
+    return true
+  }
+  return false
+}
+
 /**
  * transform :style="{width:w}" => :style="{width:_px2rem(w, rootValue)}"
  * This kind of style binding with object literal is a good practice.
@@ -26,6 +37,9 @@ function transformObject (obj, origTagName, rootValue) {
     const keyType = keyNode.type
     const key = keyType === 'Literal' ? keyNode.value : keyNode.name
     const valNode = prop.value
+    if (alreadyTransformed(valNode)) {
+      continue
+    }
     if (bindingStyleNamesForPx2Rem.indexOf(key) > -1) {
       prop.value = {
         type: 'CallExpression',
@@ -47,6 +61,10 @@ function transformObject (obj, origTagName, rootValue) {
  * @param {string} tagName
  */
 function transformVariable (node, tagName, rootValue) {
+  if (alreadyTransformed(node)) {
+    return node
+  }
+
   let callName = '_px2rem'
   const args = [node, { type: 'Literal', value: rootValue }]
   const transformer = getTransformer(tagName)

src/hooks/style-binding.js

@@ -74,7 +74,14 @@ module.exports = function styleHook (
     .split(';')
     .map(statement => statement
       .split(':')
-      .map(part => `"${part}"`)
+      .map(part => {
+        return '"' + part.replace(
+          /([+-]?\d+(?:.\d*)?)(wx)/g,
+          function ($0, $1, $2) {
+            return $1 + 'px'
+          }
+        ) + '"'
+      })
       .join(':'))
     .join(",")
   // console.log('res=>', after)

src/hooks/style.js

@@ -3,5 +3,6 @@
     <some-cmp @someEvent="someHandler" @appear.native="appear"></some-cmp>
     <slider @change="change" @appear="appear"></slider>
     <div @click="click" @appear="appear"></div>
+    <input @return="onReturn" />
   </div>
 </template>

test/input/hooks/events.vue

@@ -0,0 +1,7 @@
+<template>
+  <div>
+    <text class="txt" style="font-size:32wx">static style 32wx</text>
+    <text class="txt" :style="{ fontSize: '32wx' }">binding style 32wx</text>
+    <text class="txt wx">style tag 32wx</text>
+  </div>
+</template>

test/input/misc/units.vue

@@ -110,6 +110,27 @@ module.exports = [
     ],
     staticClass: '" weex-ct weex-div"',
     _origTag: 'div'
+  }, {
+    type: 1,
+    tag: 'input',
+    _weexRegistered: true,
+    plain: false,
+    hasBindings: true,
+    _hasBubbleParent: false,
+    nativeEvents: {
+      return: {
+        value: 'onReturn',
+        modifiers: {
+          stop: true
+        }
+      }
+    },
+    attrs: [
+      {
+        name: 'data-evt-return',
+        value: '""'
+      }
+    ]
   }, {
     type: 1,
     tag: 'div',

test/output/hooks/events.js

@@ -0,0 +1,60 @@
+module.exports = [
+  {
+    type: 1,
+    tag: 'p',
+    _origTag: 'text',
+    _weexBuiltIn: true,
+    plain: false,
+    attrs: [
+      {
+        name: 'weex-type',
+        value: '"text"'
+      }
+    ],
+    staticClass: '"txt weex-el weex-text"',
+    staticStyle: JSON.stringify({
+      'font-size': '32px'
+    })
+  }, {
+    type: 1,
+    tag: 'p',
+    _origTag: 'text',
+    _weexBuiltIn: true,
+    plain: false,
+    attrs: [
+      {
+        name: 'weex-type',
+        value: '"text"'
+      }
+    ],
+    staticClass: '"txt weex-el weex-text"',
+    styleBinding: "{ fontSize: _px2rem('32wx', 75) }"
+  }, {
+    type: 1,
+    tag: 'p',
+    _origTag: 'text',
+    _weexBuiltIn: true,
+    plain: false,
+    attrs: [
+      {
+        name: 'weex-type',
+        value: '"text"'
+      }
+    ],
+    staticClass: '"txt wx weex-el weex-text"',
+  }, {
+    type: 1,
+    tag: 'div',
+    _origTag: 'div',
+    _weexBuiltIn: true,
+    plain: false,
+    attrs: [
+      {
+        name: 'weex-type',
+        value: '"div"'
+      }
+    ],
+    staticClass: '" weex-ct weex-div"',
+    static: false
+  }
+]