postcss-pxtransform 3.6.0 → 3.6.1-alpha.0

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2018 
+Copyright (c) 2018 O2Team
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
@@ -19,3 +19,121 @@ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.
+
+========================================================================
+
+MIT (react-devtools):
+The following files embed [react-devtools](https://github.com/facebook/react) MIT:
+`/packages/taro-plugin-react-devtools/src/backend/index.js`
+See `/LICENSE` for details of the license.
+
+==================
+
+MIT (vue-devtools):
+The following files embed [vue-devtools](https://github.com/vuejs/devtools) MIT:
+`/packages/taro-plugin-vue-devtools/src/backend/*`
+See `/LICENSE` for details of the license.
+
+==================
+
+MIT (vite):
+The following files embed [vite](https://github.com/vitejs/vite) MIT:
+`/packages/taro-webpack5-prebundle/src/prebundle/scanImport.ts`,
+`/packages/taro-webpack5-prebundle/src/prebundle/bundle.ts`,
+`/packages/taro-webpack5-prebundle/src/h5.ts`,
+`/packages/taro-webpack5-prebundle/src/min.ts`
+See `/LICENSE` for details of the license.
+
+==================
+
+MIT (webpack):
+The following files embed [webpack](https://github.com/webpack/webpack) MIT:
+`/packages/taro-webpack5-prebundle/src/webpack/TaroContainerEntryModule.ts`,
+`/packages/taro-webpack5-prebundle/src/webpack/TaroContainerPlugin.ts`,
+`/packages/taro-webpack5-prebundle/src/webpack/TaroContainerReferencePlugin.ts`,
+`/packages/taro-webpack5-prebundle/src/webpack/TaroModuleFederationPlugin.ts`
+See `/LICENSE` for details of the license.
+
+==================
+
+MIT (sizzle):
+The following files embed [sizzle](https://github.com/jquery/sizzle) MIT:
+`/packages/taro-extends/src/jquery/sizzle.js`
+See `/LICENSE.txt` for details of the license.
+
+==================
+
+MIT (zepto):
+The following files embed [zepto](https://github.com/madrobby/zepto) MIT:
+`/packages/taro-extends/src/jquery/zepto.js`,
+`/packages/taro-extends/src/jquery/event.js`
+See `/MIT-LICENSE` for details of the license.
+
+==================
+
+MIT (css-to-react-native):
+The following files embed [css-to-react-native](https://github.com/styled-components/css-to-react-native) MIT:
+`/packages/css-to-react-native/src/css-to-react-native/*`
+See `/LICENSE.md` for details of the license.
+
+==================
+
+MIT (reactify-wc):
+The following files embed [reactify-wc](https://github.com/BBKolton/reactify-wc) MIT:
+`/packages/taro-components-library-react/src/component-lib/reactify-wc.ts`
+See `/LICENSE` for details of the license.
+
+==================
+
+MIT (ant-design-mobile-rn):
+The following files embed [ant-design-mobile-rn](https://github.com/ant-design/ant-design-mobile-rn) MIT:
+`/packages/taro-components-rn/src/components/Swiper/carousel.tsx`
+See `/LICENSE` for details of the license.
+
+==================
+
+MIT (react-wx-images-viewer):
+The following files embed [react-wx-images-viewer](https://github.com/react-ld/react-wx-images-viewer) MIT:
+`/packages/taro-h5/src/api/media/image/previewImage.ts`
+See `/LICENSE` for details of the license.
+
+==================
+
+MIT (webpack-contrib/css-loader):
+The following files embed [webpack-contrib/css-loader](https://github.com/webpack-contrib/css-loader) MIT:
+`/packages/taro-rn-style-transformer/src/utils/index.ts`
+See `/LICENSE` for details of the license.
+
+==================
+
+MIT (react-native):
+The following files embed [react-native](https://github.com/facebook/react-native) MIT:
+`/packages/taro-rn-style-transformer/src/transforms/StyleSheet/*`
+See `/LICENSE` for details of the license.
+
+==================
+
+MIT (myrne/performance-now):
+The following files embed [myrne/performance-now](https://github.com/myrne/performance-now) MIT:
+`/packages/taro-runtime/src/bom/raf.ts`
+See `/LICENSE` for details of the license.
+
+==================
+
+Apache (chameleon-api):
+The following files embed [chameleon-api](https://github.com/chameleon-team/chameleon-api) Apache:
+`/packages/taro-h5/src/api/device/clipboard.ts`
+
+==================
+
+MIT (uni-app):
+The following files embed [uni-app](https://github.com/dcloudio/uni-app) MIT:
+`/packages/taro-components-rn/src/components/Video/index.tsx`
+See `/LICENSE` for details of the license.
+
+==================
+
+MIT (miniprogram-render):
+The following files embed [miniprogram-render](https://github.com/Tencent/kbone) MIT:
+`/packages/taro-plugin-http/src/runtime/Cookie.ts`
+See `/LICENSE` for details of the license.

package/__tests__/index.test.js

@@ -73,7 +73,7 @@ describe('px2rem', function () {
 
     expect(processed).toBe(expected)
   })
-  
+
   it('8 should work on custom baseFontSize', function () {
     const processed = postcss(px2rem({ platform: 'h5', baseFontSize: 15 })).process(basicCSS).css
     const expected = '.rule { font-size: 0.5rem }'
@@ -641,3 +641,37 @@ describe('rpx 单位转换', () => {
     expect(processed).toBe('h1 {margin: 0 0 0.585rem;font-size: 40Px;line-height: 1.2;} .test{}')
   })
 })
+
+describe('platform 为 rn，适配', () => {
+  it('{platform: \'rn\', designWidth: 750} ', () => {
+    const rules = 'view { width: 100px; }'
+    const options = {
+      platform: 'rn',
+      designWidth: 750,
+      deviceRatio: {
+        640: 2.34 / 2,
+        750: 1,
+        828: 1.81 / 2
+      }
+    }
+    const processed = postcss(px2rem(options)).process(rules).css
+    expect(processed).toBe('view { width: 50px; }')
+  })
+})
+
+describe('platform 为 harmony，适配', () => {
+  it('{platform: \'harmony\', designWidth: 640} ', () => {
+    const rules = 'view { width: 100PX; }'
+    const options = {
+      platform: 'harmony',
+      designWidth: 640,
+      deviceRatio: {
+        640: 2.34 / 2,
+        750: 1,
+        828: 1.81 / 2
+      }
+    }
+    const processed = postcss(px2rem(options)).process(rules).css
+    expect(processed).toBe('view { width: 100vp; }')
+  })
+})

package/index.js

@@ -33,6 +33,9 @@ const DEFAULT_WEAPP_OPTIONS = {
   deviceRatio
 }
 
+const processed = Symbol('processed')
+
+
 let targetUnit
 
 module.exports = (options = {}) => {
@@ -93,6 +96,7 @@ module.exports = (options = {}) => {
       let skip = false
 
       return {
+        // 注意：钩子在节点变动时会重新执行，Once，OnceExit只执行一次，https://github.com/NervJS/taro/issues/13238
         Comment (comment) {
           if (comment.text === 'postcss-pxtransform disable') {
             skip = true
@@ -157,6 +161,11 @@ module.exports = (options = {}) => {
         Declaration (decl) {
           if (skip) return
 
+          if (decl[processed]) return
+
+          // 标记当前 node 已处理
+          decl[processed] = true
+
           if (options.platform === 'harmony') {
             if (decl.value.indexOf('PX') === -1) return
             const value = decl.value.replace(PXRegex, function (m, _$1, $2) {
@@ -169,11 +178,9 @@ module.exports = (options = {}) => {
             if (!satisfyPropList(decl.prop)) return
 
             if (blacklistedSelector(opts.selectorBlackList, decl.parent.selector)) return
-
             const value = decl.value.replace(pxRgx, pxReplace)
             // if rem unit already exists, do not add or replace
             if (declarationExists(decl.parent, decl.prop, value)) return
-
             if (opts.replace) {
               decl.value = value
             } else {
@@ -181,7 +188,6 @@ module.exports = (options = {}) => {
             }
           }
         },
-
         AtRule: {
           media: (rule) => {
             if (skip) return

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "postcss-pxtransform",
-  "version": "3.6.0",
+  "version": "3.6.1-alpha.0",
   "description": "PostCSS plugin px 转小程序 rpx及h5 rem 单位",
   "main": "index.js",
   "keywords": [