Skip to content

Commit 10d06e4

Browse files
sonofmagicsonofmagic
committed
fix(postcss): recover rpx arbitrary lengths in chunks
1 parent 572bdba commit 10d06e4

19 files changed

Lines changed: 384 additions & 105 deletions

File tree

‎.changeset/fix-rpx-arbitrary-length.md‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
---
2+
"weapp-tailwindcss": patch
3+
"@weapp-tailwindcss/postcss": patch
4+
---
5+
6+
修复 Tailwind CSS v3/v4 在部分生成链路中把 `text-[55rpx]` 等任意值误判为颜色时，非主 CSS chunk 没有恢复为长度声明的问题。

‎e2e/__snapshots__/apps-generator-mode/compare/report.json‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -3163,7 +3163,7 @@
31633163
],
31643164
"status": "passed",
31653165
"generator": {
3166-
"bytes": 49085,
3166+
"bytes": 48665,
31673167
"selectors": [
31683168
".-m-_b20px_B",
31693169
".-mt-2",
@@ -3322,7 +3322,7 @@
33223322
],
33233323
"status": "passed",
33243324
"generator": {
3325-
"bytes": 365139,
3325+
"bytes": 365148,
33263326
"selectors": [
33273327
".bg-_b_h534312_B",
33283328
".bg-gradient-to-r",
@@ -5497,7 +5497,7 @@
54975497
],
54985498
"status": "passed",
54995499
"generator": {
5500-
"bytes": 5231,
5500+
"bytes": 5227,
55015501
"selectors": [
55025502
".absolute",
55035503
".before_ccontent-_b_q11111_q_B:before",
@@ -5631,7 +5631,7 @@
56315631
],
56325632
"status": "passed",
56335633
"generator": {
5634-
"bytes": 503295,
5634+
"bytes": 500582,
56355635
"selectors": [
56365636
".-inset-1",
56375637
".-m-_b20px_B",
@@ -8774,7 +8774,7 @@
87748774
],
87758775
"status": "passed",
87768776
"generator": {
8777-
"bytes": 84226,
8777+
"bytes": 86796,
87788778
"selectors": [
87798779
".-inset-1",
87808780
"._tcontainer",

‎e2e/__snapshots__/apps-generator-mode/compare/report.md‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -10,12 +10,12 @@ This report is generated by `pnpm e2e:apps-generator`. It builds each retained d
1010
| gulp-tailwindcss-v4 | demo | passed | `gulp-tailwindcss-v4/dist/app.wxss` (+2) | 6355 | 52 | no | no | no | no | yes |
1111
| mpx-tailwindcss-v3 | demo | passed | `mpx-tailwindcss-v3/dist/wx/app.wxss` (+23) | 190234 | 2879 | no | no | no | no | yes |
1212
| mpx-tailwindcss-v4 | demo | passed | `mpx-tailwindcss-v4/dist/wx/app.wxss` (+6) | 16002 | 66 | no | no | no | no | yes |
13-
| taro-webpack-tailwindcss-v3 | demo | passed | `taro-webpack-tailwindcss-v3/dist/app.wxss` (+5) | 49085 | 139 | no | no | no | no | yes |
14-
| taro-webpack-tailwindcss-v4 | demo | passed | `taro-webpack-tailwindcss-v4/dist/app.wxss` (+1) | 365139 | 2154 | no | no | no | no | yes |
15-
| taro-vite-tailwindcss-v3 | demo | passed | `taro-vite-tailwindcss-v3/dist/app.wxss` (+2) | 5231 | 45 | no | no | no | no | yes |
13+
| taro-webpack-tailwindcss-v3 | demo | passed | `taro-webpack-tailwindcss-v3/dist/app.wxss` (+5) | 48665 | 139 | no | no | no | no | yes |
14+
| taro-webpack-tailwindcss-v4 | demo | passed | `taro-webpack-tailwindcss-v4/dist/app.wxss` (+1) | 365148 | 2154 | no | no | no | no | yes |
15+
| taro-vite-tailwindcss-v3 | demo | passed | `taro-vite-tailwindcss-v3/dist/app.wxss` (+2) | 5227 | 45 | no | no | no | no | yes |
1616
| taro-vite-tailwindcss-v4 | demo | passed | `taro-vite-tailwindcss-v4/dist/app.wxss` (+2) | 5001 | 39 | no | no | no | no | yes |
17-
| uni-app-vite-tailwindcss-v3 | demo | passed | `uni-app-vite-tailwindcss-v3/dist/build/mp-weixin/app.wxss` (+10) | 503295 | 3122 | no | no | no | no | yes |
18-
| uni-app-vite-tailwindcss-v4 | demo | passed | `uni-app-vite-tailwindcss-v4/dist/build/mp-weixin/app.wxss` (+2) | 84226 | 236 | no | no | no | no | yes |
17+
| uni-app-vite-tailwindcss-v3 | demo | passed | `uni-app-vite-tailwindcss-v3/dist/build/mp-weixin/app.wxss` (+10) | 500582 | 3122 | no | no | no | no | yes |
18+
| uni-app-vite-tailwindcss-v4 | demo | passed | `uni-app-vite-tailwindcss-v4/dist/build/mp-weixin/app.wxss` (+2) | 86796 | 236 | no | no | no | no | yes |
1919
| weapp-vite-tailwindcss-v3 | demo | passed | `weapp-vite-tailwindcss-v3/dist/app.wxss` (+3) | 24266 | 258 | no | no | no | no | yes |
2020
| weapp-vite-tailwindcss-v4 | demo | passed | `weapp-vite-tailwindcss-v4/dist/app.wxss` (+2) | 7456 | 58 | no | no | no | no | yes |
2121

‎e2e/__snapshots__/apps-generator-mode/compare/report.zh-CN.md‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -10,12 +10,12 @@
1010
| gulp-tailwindcss-v4 | demo | 通过 | `gulp-tailwindcss-v4/dist/app.wxss` (+2) | 6355 | 52 | 否 | 否 | 否 | 否 | 是 |
1111
| mpx-tailwindcss-v3 | demo | 通过 | `mpx-tailwindcss-v3/dist/wx/app.wxss` (+23) | 190234 | 2879 | 否 | 否 | 否 | 否 | 是 |
1212
| mpx-tailwindcss-v4 | demo | 通过 | `mpx-tailwindcss-v4/dist/wx/app.wxss` (+6) | 16002 | 66 | 否 | 否 | 否 | 否 | 是 |
13-
| taro-webpack-tailwindcss-v3 | demo | 通过 | `taro-webpack-tailwindcss-v3/dist/app.wxss` (+5) | 49085 | 139 | 否 | 否 | 否 | 否 | 是 |
14-
| taro-webpack-tailwindcss-v4 | demo | 通过 | `taro-webpack-tailwindcss-v4/dist/app.wxss` (+1) | 365139 | 2154 | 否 | 否 | 否 | 否 | 是 |
15-
| taro-vite-tailwindcss-v3 | demo | 通过 | `taro-vite-tailwindcss-v3/dist/app.wxss` (+2) | 5231 | 45 | 否 | 否 | 否 | 否 | 是 |
13+
| taro-webpack-tailwindcss-v3 | demo | 通过 | `taro-webpack-tailwindcss-v3/dist/app.wxss` (+5) | 48665 | 139 | 否 | 否 | 否 | 否 | 是 |
14+
| taro-webpack-tailwindcss-v4 | demo | 通过 | `taro-webpack-tailwindcss-v4/dist/app.wxss` (+1) | 365148 | 2154 | 否 | 否 | 否 | 否 | 是 |
15+
| taro-vite-tailwindcss-v3 | demo | 通过 | `taro-vite-tailwindcss-v3/dist/app.wxss` (+2) | 5227 | 45 | 否 | 否 | 否 | 否 | 是 |
1616
| taro-vite-tailwindcss-v4 | demo | 通过 | `taro-vite-tailwindcss-v4/dist/app.wxss` (+2) | 5001 | 39 | 否 | 否 | 否 | 否 | 是 |
17-
| uni-app-vite-tailwindcss-v3 | demo | 通过 | `uni-app-vite-tailwindcss-v3/dist/build/mp-weixin/app.wxss` (+10) | 503295 | 3122 | 否 | 否 | 否 | 否 | 是 |
18-
| uni-app-vite-tailwindcss-v4 | demo | 通过 | `uni-app-vite-tailwindcss-v4/dist/build/mp-weixin/app.wxss` (+2) | 84226 | 236 | 否 | 否 | 否 | 否 | 是 |
17+
| uni-app-vite-tailwindcss-v3 | demo | 通过 | `uni-app-vite-tailwindcss-v3/dist/build/mp-weixin/app.wxss` (+10) | 500582 | 3122 | 否 | 否 | 否 | 否 | 是 |
18+
| uni-app-vite-tailwindcss-v4 | demo | 通过 | `uni-app-vite-tailwindcss-v4/dist/build/mp-weixin/app.wxss` (+2) | 86796 | 236 | 否 | 否 | 否 | 否 | 是 |
1919
| weapp-vite-tailwindcss-v3 | demo | 通过 | `weapp-vite-tailwindcss-v3/dist/app.wxss` (+3) | 24266 | 258 | 否 | 否 | 否 | 否 | 是 |
2020
| weapp-vite-tailwindcss-v4 | demo | 通过 | `weapp-vite-tailwindcss-v4/dist/app.wxss` (+2) | 7456 | 58 | 否 | 否 | 否 | 否 | 是 |
2121

‎e2e/__snapshots__/apps-generator-mode/css-output/taro-vite-tailwindcss-v3.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ Generator CSS files: app.wxss, app-origin.wxss, index.wxss
66

77
| Bytes | Selectors | @supports | :hover | Tailwind banner | Raw arbitrary selector | Weapp escaped arbitrary selector |
88
| ---: | ---: | --- | --- | --- | --- | --- |
9-
| 5231 | 45 | false | false | false | false | true |
9+
| 5227 | 45 | false | false | false | false | true |
1010

1111
## Generator CSS
1212

@@ -161,7 +161,7 @@ text,
161161
.divide-x-8 > text + text {
162162
--tw-divide-x-reverse: 0;
163163
border-right-width: calc(8rpx * var(--tw-divide-x-reverse));
164-
border-left-width: calc(8rpx * calc(1 - var(--tw-divide-x-reverse)));
164+
border-left-width: calc(8rpx * (1 - var(--tw-divide-x-reverse)));
165165
}
166166
.divide-solid > view + view,
167167
.divide-solid > view + text,

‎e2e/__snapshots__/apps-generator-mode/css-output/taro-webpack-tailwindcss-v3.md‎

Lines changed: 1 addition & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ Generator CSS files: app.wxss, index.wxss, index.wxss, index.wxss, index.wxss, i
66

77
| Bytes | Selectors | @supports | :hover | Tailwind banner | Raw arbitrary selector | Weapp escaped arbitrary selector |
88
| ---: | ---: | --- | --- | --- | --- | --- |
9-
| 49085 | 139 | false | false | false | false | true |
9+
| 48665 | 139 | false | false | false | false | true |
1010

1111
## Generator CSS
1212

@@ -623,7 +623,6 @@ text,
623623
.space-y-_b1_d6rem_B > text + text {
624624
--tw-space-y-reverse: 0;
625625
margin-top: calc(51.2rpx * (1 - var(--tw-space-y-reverse)));
626-
margin-top: calc(51.2rpx * calc(1 - var(--tw-space-y-reverse)));
627626
margin-bottom: calc(51.2rpx * var(--tw-space-y-reverse));
628627
}
629628
.divide-x-_b10px_B > view + view,
@@ -633,7 +632,6 @@ text,
633632
--tw-divide-x-reverse: 0;
634633
border-right-width: calc(10rpx * var(--tw-divide-x-reverse));
635634
border-left-width: calc(10rpx * (1 - var(--tw-divide-x-reverse)));
636-
border-left-width: calc(10rpx * calc(1 - var(--tw-divide-x-reverse)));
637635
}
638636
.divide-solid > view + view,
639637
.divide-solid > view + text,
@@ -1161,7 +1159,6 @@ text,
11611159
.space-y-_b1_d6rem_B > text + text {
11621160
--tw-space-y-reverse: 0;
11631161
margin-top: calc(51.2rpx * (1 - var(--tw-space-y-reverse)));
1164-
margin-top: calc(51.2rpx * calc(1 - var(--tw-space-y-reverse)));
11651162
margin-bottom: calc(51.2rpx * var(--tw-space-y-reverse));
11661163
}
11671164
.divide-x-_b10px_B > view + view,
@@ -1171,7 +1168,6 @@ text,
11711168
--tw-divide-x-reverse: 0;
11721169
border-right-width: calc(10rpx * var(--tw-divide-x-reverse));
11731170
border-left-width: calc(10rpx * (1 - var(--tw-divide-x-reverse)));
1174-
border-left-width: calc(10rpx * calc(1 - var(--tw-divide-x-reverse)));
11751171
}
11761172
.divide-solid > view + view,
11771173
.divide-solid > view + text,
@@ -1673,7 +1669,6 @@ text,
16731669
.space-y-_b1_d6rem_B > text + text {
16741670
--tw-space-y-reverse: 0;
16751671
margin-top: calc(51.2rpx * (1 - var(--tw-space-y-reverse)));
1676-
margin-top: calc(51.2rpx * calc(1 - var(--tw-space-y-reverse)));
16771672
margin-bottom: calc(51.2rpx * var(--tw-space-y-reverse));
16781673
}
16791674
.divide-x-_b10px_B > view + view,
@@ -1683,7 +1678,6 @@ text,
16831678
--tw-divide-x-reverse: 0;
16841679
border-right-width: calc(10rpx * var(--tw-divide-x-reverse));
16851680
border-left-width: calc(10rpx * (1 - var(--tw-divide-x-reverse)));
1686-
border-left-width: calc(10rpx * calc(1 - var(--tw-divide-x-reverse)));
16871681
}
16881682
.divide-solid > view + view,
16891683
.divide-solid > view + text,

‎e2e/__snapshots__/apps-generator-mode/css-output/taro-webpack-tailwindcss-v4.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ Generator CSS files: app.wxss, index.wxss
66

77
| Bytes | Selectors | @supports | :hover | Tailwind banner | Raw arbitrary selector | Weapp escaped arbitrary selector |
88
| ---: | ---: | --- | --- | --- | --- | --- |
9-
| 365139 | 2154 | false | false | false | false | true |
9+
| 365148 | 2154 | false | false | false | false | true |
1010

1111
## Generator CSS
1212

@@ -279,7 +279,7 @@ wx-root-portal-content {
279279
background-color: var(--color-purple-800);
280280
}
281281
.bg-gradient-to-r {
282-
--tw-gradient-position: to right;
282+
--tw-gradient-position: to right in oklab;
283283
background-image: linear-gradient(var(--tw-gradient-stops));
284284
}
285285
.from-cyan-500 {

0 commit comments

Comments
 (0)