postcss-pxtransform 3.4.0-beta.0 → 3.5.0-canary.0

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 = {
@@ -43,11 +44,6 @@ module.exports = postcss.plugin('postcss-pxtransform', function (options) {
   options = Object.assign(DEFAULT_WEAPP_OPTIONS, options || {})
 
   switch (options.platform) {
-    case 'weapp': {
-      options.rootValue = 1 / options.deviceRatio[options.designWidth]
-      targetUnit = 'rpx'
-      break
-    }
     case 'h5': {
       options.rootValue = baseFontSize * options.designWidth / 640
       targetUnit = 'rem'
@@ -58,6 +54,21 @@ module.exports = postcss.plugin('postcss-pxtransform', function (options) {
       targetUnit = 'px'
       break
     }
+    case 'quickapp': {
+      options.rootValue = 1
+      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]
+      targetUnit = 'rpx'
+    }
   }
 
   convertLegacyOptions(options)
@@ -97,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.0",
+  "version": "3.5.0-canary.0",
   "description": "PostCSS plugin px 转小程序 rpx及h5 rem 单位",
   "keywords": [
     "postcss",
@@ -28,5 +28,5 @@
     "testEnvironment": "node"
   },
   "main": "index.js",
-  "gitHead": "107670bc2360ee9136a0e558e6d5fad1db640fba"
+  "gitHead": "a0222bc41bc05b0e34413d6db3de963d777a5015"
 }