postcss-pxtransform 3.4.0-beta.3 → 3.5.0-canary.1

package/index.js

@@ -2,6 +2,7 @@
 
 const postcss = require('postcss')
 const pxRegex = require('./lib/pixel-unit-regex')
+const PXRegex = require('./lib/pixel-upper-unit-regex')
 const filterPropList = require('./lib/filter-prop-list')
 
 const defaults = {
@@ -49,7 +50,7 @@ module.exports = postcss.plugin('postcss-pxtransform', function (options) {
       break
     }
     case 'rn': {
-      options.rootValue = options.deviceRatio[options.designWidth] * 2
+      options.rootValue = 1 / options.deviceRatio[options.designWidth]
       targetUnit = 'px'
       break
     }
@@ -58,6 +59,11 @@ module.exports = postcss.plugin('postcss-pxtransform', function (options) {
       targetUnit = 'px'
       break
     }
+    case 'harmony': {
+      options.rootValue = 1 / options.deviceRatio[options.designWidth]
+      targetUnit = 'px'
+      break
+    }
     default: {
       // mini-program
       options.rootValue = 1 / options.deviceRatio[options.designWidth]
@@ -102,6 +108,27 @@ module.exports = postcss.plugin('postcss-pxtransform', function (options) {
       })
     }
 
+    // PX -> vp in harmony
+    if (options.platform === 'harmony') {
+      css.walkDecls(function (decl) {
+        if (decl.value.indexOf('PX') === -1) return
+        const value = decl.value.replace(PXRegex, function (m, _$1, $2) {
+          return m.replace($2, 'vp')
+        })
+        decl.value = value
+      })
+
+      if (opts.mediaQuery) {
+        css.walkAtRules('media', function (rule) {
+          if (rule.params.indexOf('PX') === -1) return
+          const value = rule.params.replace(PXRegex, function (m, _$1, $2) {
+            return m.replace($2, 'vp')
+          })
+          rule.params = value
+        })
+      }
+    }
+
     /*  #ifdef  %PLATFORM%  */
     // 平台特有样式
     /*  #endif  */

package/lib/pixel-upper-unit-regex.js

@@ -0,0 +1,11 @@
+/*eslint-disable*/
+
+// excluding regex trick: http://www.rexegg.com/regex-best-trick.html
+
+// Not anything inside double quotes
+// Not anything inside single quotes
+// Not anything inside url()
+// Any digit followed by PX
+// !singlequotes|!doublequotes|!url()|pixelunit
+
+module.exports = /"[^"]+"|'[^']+'|url\([^\)]+\)|(\d*\.?\d+)(PX)/g

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "postcss-pxtransform",
-  "version": "3.4.0-beta.3",
+  "version": "3.5.0-canary.1",
   "description": "PostCSS plugin px 转小程序 rpx及h5 rem 单位",
   "keywords": [
     "postcss",
@@ -28,5 +28,5 @@
     "testEnvironment": "node"
   },
   "main": "index.js",
-  "gitHead": "2ef7e8c10c9e5784e98bb1ad3a803d5fd6a46c8b"
+  "gitHead": "c61624d2f763e6d31e67d6cf9c564efc8b0d0887"
 }