@tarojs/rn-style-transformer 4.0.0-alpha.30 → 4.0.0-alpha.31

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.
Files changed (4) hide show
  1. package/README.md +36 -21
  2. package/dist/transforms/postcss.js +10 -1
  3. package/dist/transforms/postcss.js.map +1 -1
  4. package/package.json +7 -6
package/README.md CHANGED
@@ -6,7 +6,7 @@
6
6
 
7
7
  `object`
8
8
 
9
- `postcss` 相关配置，其他样式语言预处理后经过此配置。
9
+ `postcss` 相关配置，其他样式语言预处理后经过此配置。
10
10
 
11
11
  ```js
12
12
  module.exports = {
@@ -15,19 +15,30 @@ module.exports = {
15
15
  // ...
16
16
  postcss: {
17
17
  // postcss 配置，参考 https://github.com/postcss/postcss#options
18
- options: { /* ... */ },
18
+ options: {
19
+ /* ... */
20
+ },
19
21
  // 默认true，控制是否对 css value 进行 scalePx2dp 转换，pxtransform配置 enable 才生效
20
22
  scalable: boolean,
21
23
  pxtransform: {
22
24
  enable: boolean, // 默认true
23
- config: { /* ... */ } // 插件 pxtransform 配置项，参考尺寸章节
25
+ config: {
26
+ /* ... */
27
+ }, // 插件 pxtransform 配置项，参考尺寸章节
24
28
  },
25
29
  // 跟其他端 css module 配置保持统一
26
30
  cssModules: {
27
31
  enable: true, // 默认为 false，如需使用 css modules 功能，则设为 true
28
- }
32
+ },
33
+ // postcss-css-variables 配置，样式变量编译相关
34
+ 'postcss-css-variables': {
35
+ enable: boolean, // 默认 true
36
+ config: {
37
+ /* ... */
38
+ }, // 插件 postcss-css-variables 配置项，参考 https://github.com/MadLittleMods/postcss-css-variables?tab=readme-ov-file#options
39
+ },
29
40
  },
30
- }
41
+ },
31
42
  }
32
43
  ```
33
44
 
@@ -35,7 +46,7 @@ module.exports = {
35
46
 
36
47
  `object`
37
48
 
38
- `sass` 相关配置。`options` 配置项参考[官方文档](https://github.com/sass/node-sass#options)。
49
+ `sass` 相关配置。`options` 配置项参考[官方文档](https://github.com/sass/node-sass#options)。
39
50
 
40
51
  ```js
41
52
  module.exports = {
@@ -43,11 +54,13 @@ module.exports = {
43
54
  rn: {
44
55
  // ...
45
56
  sass: {
46
- options: { /* ... */ },
47
- // 加入到脚本注入的每个 sass 文件头部，在 config.sass 之前
57
+ options: {
58
+ /* ... */
59
+ },
60
+ // 加入到脚本注入的每个 sass 文件头部，在 config.sass 之前
48
61
  additionalData: '', // {String|Function}
49
- }
50
- }
62
+ },
63
+ },
51
64
  }
52
65
  ```
53
66
 
@@ -63,10 +76,12 @@ module.exports = {
63
76
  rn: {
64
77
  // ...
65
78
  less: {
66
- options: { /* ... */ },
79
+ options: {
80
+ /* ... */
81
+ },
67
82
  additionalData: '', // {String|Function}
68
- }
69
- }
83
+ },
84
+ },
70
85
  }
71
86
  ```
72
87
 
@@ -74,7 +89,7 @@ module.exports = {
74
89
 
75
90
  `object`
76
91
 
77
- `stylus` 相关配置。`options` 配置项如下。
92
+ `stylus` 相关配置。`options` 配置项如下。
78
93
 
79
94
  ```js
80
95
  module.exports = {
@@ -89,7 +104,7 @@ module.exports = {
89
104
  * @type {(string|Function)[]}
90
105
  * @default []
91
106
  */
92
- use: ["nib"],
107
+ use: ['nib'],
93
108
 
94
109
  /**
95
110
  * Add path(s) to the import lookup paths.
@@ -97,7 +112,7 @@ module.exports = {
97
112
  * @type {string[]}
98
113
  * @default []
99
114
  */
100
- include: [path.join(__dirname, "src/styl/config")],
115
+ include: [path.join(__dirname, 'src/styl/config')],
101
116
 
102
117
  /**
103
118
  * Import the specified Stylus files/paths.
@@ -105,7 +120,7 @@ module.exports = {
105
120
  * @type {string[]}
106
121
  * @default []
107
122
  */
108
- import: ["nib", path.join(__dirname, "src/styl/mixins")],
123
+ import: ['nib', path.join(__dirname, 'src/styl/mixins')],
109
124
 
110
125
  /**
111
126
  * Define Stylus variables or functions.
@@ -115,8 +130,8 @@ module.exports = {
115
130
  */
116
131
  // Array is the recommended syntax: [key, value, raw]
117
132
  define: [
118
- ["$development", process.env.NODE_ENV === "development"],
119
- ["rawVar", 42, true],
133
+ ['$development', process.env.NODE_ENV === 'development'],
134
+ ['rawVar', 42, true],
120
135
  ],
121
136
  // Object is deprecated syntax (there is no possibility to specify "raw')
122
137
  // define: {
@@ -153,7 +168,7 @@ module.exports = {
153
168
  hoistAtrules: true,
154
169
  },
155
170
  additionalData: '', // {String|Function}
156
- }
157
- }
171
+ },
172
+ },
158
173
  }
159
174
  ```
package/dist/transforms/postcss.js CHANGED
@@ -30,6 +30,7 @@ exports.makePostcssPlugins = void 0;
30
30
  const path = __importStar(require("node:path"));
31
31
  const helper_1 = require("@tarojs/helper");
32
32
  const postcss_1 = __importDefault(require("postcss"));
33
+ const postcss_css_variables_1 = __importDefault(require("postcss-css-variables"));
33
34
  const postcss_import_1 = __importDefault(require("postcss-import"));
34
35
  const postcss_pxtransform_1 = __importDefault(require("postcss-pxtransform"));
35
36
  const stylelint_1 = __importDefault(require("stylelint"));
@@ -42,8 +43,12 @@ const defaultPxtransformOption = {
42
43
  platform: 'rn'
43
44
  }
44
45
  };
46
+ const defaultPostcssCssVariablesOption = {
47
+ enable: true,
48
+ config: {}
49
+ };
45
50
  function makePostcssPlugins({ filename, designWidth, deviceRatio, postcssConfig, transformOptions, additionalData }) {
46
- const optionsWithDefaults = ['pxtransform', 'postcss-import', 'postcss-reporter', 'stylelint', 'cssModules'];
51
+ const optionsWithDefaults = ['pxtransform', 'postcss-import', 'postcss-reporter', 'stylelint', 'cssModules', 'postcss-css-variables'];
47
52
  if (designWidth) {
48
53
  defaultPxtransformOption.config.designWidth = designWidth;
49
54
  }
@@ -51,6 +56,7 @@ function makePostcssPlugins({ filename, designWidth, deviceRatio, postcssConfig,
51
56
  defaultPxtransformOption.config.deviceRatio = deviceRatio;
52
57
  }
53
58
  const pxtransformOption = (0, helper_1.recursiveMerge)({}, defaultPxtransformOption, postcssConfig.pxtransform);
59
+ const postcssCssVariablesOption = (0, helper_1.recursiveMerge)({}, defaultPostcssCssVariablesOption, postcssConfig['postcss-css-variables']);
54
60
  const plugins = [
55
61
  (0, postcss_import_1.default)({
56
62
  resolve: function resolve(id, basedir, options) {
@@ -62,6 +68,9 @@ function makePostcssPlugins({ filename, designWidth, deviceRatio, postcssConfig,
62
68
  // @ts-ignore
63
69
  plugins.push((0, postcss_pxtransform_1.default)(pxtransformOption.config));
64
70
  }
71
+ if (postcssCssVariablesOption.enable) {
72
+ plugins.push((0, postcss_css_variables_1.default)(postcssCssVariablesOption.config));
73
+ }
65
74
  const skipRows = additionalData ? additionalData.split('\n').length : 0;
66
75
  plugins.push(
67
76
  // @ts-ignore
package/dist/transforms/postcss.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"postcss.js","sourceRoot":"","sources":["../../src/transforms/postcss.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"postcss.js","sourceRoot":"","sources":["../../src/transforms/postcss.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAiC;AAEjC,2CAAiG;AACjG,sDAA6B;AAC7B,kFAAuD;AACvD,oEAA0C;AAC1C,8EAA6C;AAC7C,0DAAiC;AAEjC,oFAAyD;AACzD,oCAAuC;AACvC,yEAAgD;AAEhD,MAAM,wBAAwB,GAE1B;IACF,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE;QACN,QAAQ,EAAE,IAAI;KACf;CACF,CAAA;AAED,MAAM,gCAAgC,GAElC;IACF,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,EAAE;CACX,CAAA;AAED,SAAgB,kBAAkB,CAAE,EAClC,QAAQ,EACR,WAAW,EACX,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,cAAc,EACf;IACC,MAAM,mBAAmB,GAAG,CAAC,aAAa,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,WAAW,EAAE,YAAY,EAAE,uBAAuB,CAAC,CAAA;IAErI,IAAI,WAAW,EAAE,CAAC;QAChB,wBAAwB,CAAC,MAAM,CAAC,WAAW,GAAG,WAAW,CAAA;IAC3D,CAAC;IAED,IAAI,WAAW,EAAE,CAAC;QAChB,wBAAwB,CAAC,MAAM,CAAC,WAAW,GAAG,WAAW,CAAA;IAC3D,CAAC;IACD,MAAM,iBAAiB,GAAG,IAAA,uBAAc,EAAC,EAAE,EAAE,wBAAwB,EAAE,aAAa,CAAC,WAAW,CAAC,CAAA;IACjG,MAAM,yBAAyB,GAAG,IAAA,uBAAc,EAAC,EAAE,EAAE,gCAAgC,EAAE,aAAa,CAAC,uBAAuB,CAAC,CAAC,CAAA;IAE9H,MAAM,OAAO,GAAG;QACd,IAAA,wBAAa,EAAC;YACZ,OAAO,EAAE,SAAS,OAAO,CAAE,EAAU,EAAE,OAAe,EAAE,OAAsC;gBAC5F,OAAO,IAAA,oBAAY,EACjB,EAAE,kCAEG,OAAO,KACV,OAAO,EACP,UAAU,EAAE,MAAM,EAClB,KAAK,EAAE,aAAa,CAAC,KAAK,EAC1B,QAAQ,EAAE,gBAAgB,CAAC,QAAQ,IAEtC,CAAA;YACH,CAAC;SACF,CAAC;KACH,CAAA;IAED,IAAI,iBAAiB,CAAC,MAAM,EAAE,CAAC;QAC7B,aAAa;QACb,OAAO,CAAC,IAAI,CAAC,IAAA,6BAAW,EAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAA;IACrD,CAAC;IAED,IAAI,yBAAyB,CAAC,MAAM,EAAE,CAAC;QACrC,OAAO,CAAC,IAAI,CAAC,IAAA,+BAAmB,EAAC,yBAAyB,CAAC,MAAM,CAAC,CAAC,CAAA;IACrE,CAAC;IAED,MAAM,QAAQ,GAAG,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;IAEvE,OAAO,CAAC,IAAI;IACV,aAAa;IACb,IAAA,mBAAS,EAAC,2BAAe,CAAC;IAC1B,aAAa;IACb,IAAA,sBAAY,EAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EACpC,OAAO,CAAC,kBAAkB,CAAC,CAAC,EAAE,qBAAqB,EAAE,IAAI,EAAE,CAAC,CAC7D,CAAA;IAED,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,EAAE,YAAY,CAAC,EAAE,EAAE;QACnE,IAAI,mBAAmB,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;YAAE,OAAM;QACxD,IAAI,CAAC,YAAY,IAAI,CAAE,YAAoB,CAAC,MAAM;YAAE,OAAM;QAE1D,IAAI,CAAC,IAAA,iBAAQ,EAAC,UAAU,CAAC,EAAE,CAAC,CAAC,eAAe;YAC1C,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,UAAU,CAAC,CAAA;QACnD,CAAC;QAED,IAAI,CAAC;YACH,MAAM,UAAU,GAAG,IAAA,oBAAW,EAAC,UAAU,EAAE,EAAE,OAAO,EAAE,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,IAAI,EAAE,CAAA;YAC5E,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAE,YAAoB,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,CAAA;QACvE,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,MAAM,GAAG,GAAG,CAAC,CAAC,IAAI,KAAK,kBAAkB,CAAC,CAAC,CAAC,cAAc,UAAU,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;YAC/E,IAAA,iBAAQ,EAAC,GAAG,0CAA0B,CAAA;QACxC,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,OAAO,CAAA;AAChB,CAAC;AA1ED,gDA0EC;AAED,SAAwB,SAAS,CAAE,GAAW,EAAE,QAAgB,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;IACpF,OAAO,IAAA,iBAAO,EAAC,OAAO,CAAC;SACpB,OAAO,CAAC,GAAG,kBAAI,IAAI,EAAE,QAAQ,IAAK,OAAO,EAAG;SAC5C,IAAI,CAAC,MAAM,CAAC,EAAE;QACb,OAAO,MAAM,CAAA;IACf,CAAC,CAAC,CAAA;AACN,CAAC;AAND,4BAMC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tarojs/rn-style-transformer",
3
- "version": "4.0.0-alpha.30",
3
+ "version": "4.0.0-alpha.31",
4
4
  "description": "提供 Taro RN 统一处理样式文件能力",
5
5
  "author": "O2Team",
6
6
  "license": "MIT",
@@ -23,6 +23,7 @@
23
23
  "@react-native/metro-babel-transformer": "^0.73.2",
24
24
  "fbjs": "^3.0.5",
25
25
  "less": "^4.2.0",
26
+ "postcss-css-variables": "^0.19.0",
26
27
  "postcss-import": "^16.1.0",
27
28
  "postcss-reporter": "^7.1.0",
28
29
  "prop-types": "^15.8.1",
@@ -30,11 +31,11 @@
30
31
  "sass": "^1.75.0",
31
32
  "stylelint": "^16.4.0",
32
33
  "stylus": "^0.63.0",
33
- "stylelint-config-taro-rn": "4.0.0-alpha.30",
34
- "stylelint-taro-rn": "4.0.0-alpha.30",
35
- "@tarojs/helper": "4.0.0-alpha.30",
36
- "taro-css-to-react-native": "4.0.0-alpha.30",
37
- "postcss-pxtransform": "4.0.0-alpha.30"
34
+ "@tarojs/helper": "4.0.0-alpha.31",
35
+ "stylelint-config-taro-rn": "4.0.0-alpha.31",
36
+ "postcss-pxtransform": "4.0.0-alpha.31",
37
+ "stylelint-taro-rn": "4.0.0-alpha.31",
38
+ "taro-css-to-react-native": "4.0.0-alpha.31"
38
39
  },
39
40
  "devDependencies": {
40
41
  "@babel/core": "^7.14.5",