@tarojs/rn-style-transformer 3.4.11 → 3.4.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/__tests__/index.spec.js
CHANGED
|
@@ -41,6 +41,20 @@ describe('style transform', () => {
|
|
|
41
41
|
}`))
|
|
42
42
|
})
|
|
43
43
|
|
|
44
|
+
it('.css transform viewport unit', async () => {
|
|
45
|
+
const css = await run(`
|
|
46
|
+
.test {
|
|
47
|
+
height: 10vh;
|
|
48
|
+
}
|
|
49
|
+
`)
|
|
50
|
+
expect(css).toEqual(getWrapedCSS(`{
|
|
51
|
+
"test": {
|
|
52
|
+
"height": scaleVu2dp(10, 'vh')
|
|
53
|
+
},
|
|
54
|
+
"__viewportUnits": true
|
|
55
|
+
}`))
|
|
56
|
+
})
|
|
57
|
+
|
|
44
58
|
it('.css transform @import', async () => {
|
|
45
59
|
const css = await run(`
|
|
46
60
|
@import './b.css';
|
package/dist/transforms/index.js
CHANGED
|
@@ -34,15 +34,8 @@ const StyleSheet_1 = require("./StyleSheet");
|
|
|
34
34
|
const utils_1 = require("../utils");
|
|
35
35
|
function getWrapedCSS(css) {
|
|
36
36
|
return `
|
|
37
|
-
import { StyleSheet
|
|
38
|
-
|
|
39
|
-
// 一般app 只有竖屏模式，所以可以只获取一次 width
|
|
40
|
-
const deviceWidthDp = Dimensions.get('window').width
|
|
41
|
-
const uiWidthPx = 375
|
|
42
|
-
|
|
43
|
-
function scalePx2dp (uiElementPx) {
|
|
44
|
-
return uiElementPx * deviceWidthDp / uiWidthPx
|
|
45
|
-
}
|
|
37
|
+
import { StyleSheet } from 'react-native'
|
|
38
|
+
import { scalePx2dp, scaleVu2dp } from '@tarojs/runtime-rn'
|
|
46
39
|
|
|
47
40
|
// 用来标识 rn-runner transformer 是否读写缓存
|
|
48
41
|
function ignoreStyleFileCache() {}
|
|
@@ -198,7 +191,8 @@ class StyleTransform {
|
|
|
198
191
|
// stylelint，转换成对象，对对象进行校验
|
|
199
192
|
validateStyle({ styleObject, filename });
|
|
200
193
|
const css = JSON.stringify(styleObject, null, 2)
|
|
201
|
-
.replace(/"(scalePx2dp\(.*?\))"/g, '$1')
|
|
194
|
+
.replace(/"(scalePx2dp\(.*?\))"/g, '$1')
|
|
195
|
+
.replace(/"(scaleVu2dp\(.*?\))"/g, '$1');
|
|
202
196
|
// 注入自适应方法 scalePx2dp
|
|
203
197
|
return getWrapedCSS(css);
|
|
204
198
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/transforms/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA4B;AAC5B,wFAAmD;AACnD,2CAA0E;AAE1E,qDAAyF;AACzF,kDAA8E;AAC9E,kDAA4D;AAC5D,mDAA0G;AAC1G,6CAAmD;AAEnD,oCAA6C;AAE7C,SAAgB,YAAY,CAAE,GAAG;IAC/B,OAAO
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/transforms/index.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tarojs/rn-style-transformer",
|
|
3
|
-
"version": "3.4.
|
|
3
|
+
"version": "3.4.14",
|
|
4
4
|
"description": "提供Taro RN 统一处理样式文件能力",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"scripts": {
|
|
@@ -23,25 +23,25 @@
|
|
|
23
23
|
"npm": ">=6.0.0"
|
|
24
24
|
},
|
|
25
25
|
"dependencies": {
|
|
26
|
-
"@tarojs/helper": "3.4.
|
|
26
|
+
"@tarojs/helper": "3.4.14",
|
|
27
27
|
"fbjs": "^2.0.0",
|
|
28
28
|
"less": "^3.12.2",
|
|
29
29
|
"postcss": "^7.0.35",
|
|
30
30
|
"postcss-import": "^12.0.1",
|
|
31
|
-
"postcss-pxtransform": "3.4.
|
|
31
|
+
"postcss-pxtransform": "3.4.14",
|
|
32
32
|
"postcss-reporter": "^6.0.1",
|
|
33
33
|
"prop-types": "^15.7.2",
|
|
34
34
|
"sass": "1.50.0",
|
|
35
35
|
"stylelint": "^13.8.0",
|
|
36
|
-
"stylelint-config-taro-rn": "3.4.
|
|
37
|
-
"stylelint-taro-rn": "3.4.
|
|
36
|
+
"stylelint-config-taro-rn": "3.4.14",
|
|
37
|
+
"stylelint-taro-rn": "3.4.14",
|
|
38
38
|
"stylus": "^0.54.8",
|
|
39
|
-
"taro-css-to-react-native": "3.4.
|
|
39
|
+
"taro-css-to-react-native": "3.4.14"
|
|
40
40
|
},
|
|
41
41
|
"devDependencies": {
|
|
42
42
|
"@types/less": "^3.0.2",
|
|
43
43
|
"@types/postcss-import": "^12.0.0",
|
|
44
44
|
"@types/sass": "^1.16.1"
|
|
45
45
|
},
|
|
46
|
-
"gitHead": "
|
|
46
|
+
"gitHead": "19fa8893aafe1e4ea736d071209a86fcfbacc5fe"
|
|
47
47
|
}
|
package/src/transforms/index.ts
CHANGED
|
@@ -12,15 +12,8 @@ import { normalizeSourceMap } from '../utils'
|
|
|
12
12
|
|
|
13
13
|
export function getWrapedCSS (css) {
|
|
14
14
|
return `
|
|
15
|
-
import { StyleSheet
|
|
16
|
-
|
|
17
|
-
// 一般app 只有竖屏模式，所以可以只获取一次 width
|
|
18
|
-
const deviceWidthDp = Dimensions.get('window').width
|
|
19
|
-
const uiWidthPx = 375
|
|
20
|
-
|
|
21
|
-
function scalePx2dp (uiElementPx) {
|
|
22
|
-
return uiElementPx * deviceWidthDp / uiWidthPx
|
|
23
|
-
}
|
|
15
|
+
import { StyleSheet } from 'react-native'
|
|
16
|
+
import { scalePx2dp, scaleVu2dp } from '@tarojs/runtime-rn'
|
|
24
17
|
|
|
25
18
|
// 用来标识 rn-runner transformer 是否读写缓存
|
|
26
19
|
function ignoreStyleFileCache() {}
|
|
@@ -243,6 +236,7 @@ export default class StyleTransform {
|
|
|
243
236
|
validateStyle({ styleObject, filename })
|
|
244
237
|
const css = JSON.stringify(styleObject, null, 2)
|
|
245
238
|
.replace(/"(scalePx2dp\(.*?\))"/g, '$1')
|
|
239
|
+
.replace(/"(scaleVu2dp\(.*?\))"/g, '$1')
|
|
246
240
|
|
|
247
241
|
// 注入自适应方法 scalePx2dp
|
|
248
242
|
return getWrapedCSS(css)
|