From a293431c175f908147d7cc45735909d8b6a0ba8d Mon Sep 17 00:00:00 2001 From: wenwen Date: Thu, 12 Mar 2026 11:45:57 +0800 Subject: [PATCH 1/3] del transform sort --- packages/webpack-plugin/lib/platform/style/wx/index.js | 3 ++- .../webpack-plugin/lib/runtime/components/react/utils.tsx | 5 +++-- 2 files changed, 5 insertions(+), 3 deletions(-) diff --git a/packages/webpack-plugin/lib/platform/style/wx/index.js b/packages/webpack-plugin/lib/platform/style/wx/index.js index 4dbbc9224e..3908290cfe 100644 --- a/packages/webpack-plugin/lib/platform/style/wx/index.js +++ b/packages/webpack-plugin/lib/platform/style/wx/index.js @@ -421,8 +421,9 @@ module.exports = function getSpec({ warn, error }) { // css var & 数组直接返回 if (Array.isArray(value) || cssVariableExp.test(value)) return { prop, value } const values = parseValues(value) + // Todo 2 RN下顺序不一致转换结果不一致，故这里不处理，动画前后transform 排序不一致的问题，由业务调整写法 // Todo transform 排序不一致时，transform动画会闪烁，故这里同样的排序输出 transform - values.sort() + // values.sort() const transform = [] values.forEach(item => { const match = item.match(/([/\w]+)\((.+)\)/) diff --git a/packages/webpack-plugin/lib/runtime/components/react/utils.tsx b/packages/webpack-plugin/lib/runtime/components/react/utils.tsx index b50618dba2..f33f491cdc 100644 --- a/packages/webpack-plugin/lib/runtime/components/react/utils.tsx +++ b/packages/webpack-plugin/lib/runtime/components/react/utils.tsx @@ -334,8 +334,9 @@ export function parseValues (str: string, char = ' ') { // parse string transform, eg: transform: 'rotateX(45deg) rotateZ(0.785398rad)' function parseTransform (transformStr: string) { const values = parseValues(transformStr) - // Todo transform 排序不一致时，transform动画会闪烁，故这里同样的排序输出 transform - values.sort() + // Todo 2 RN下顺序不一致转换结果不一致，故这里不处理，动画前后transform 排序不一致的问题，由业务调整写法 + // Todo 1 transform 排序不一致时，transform动画会闪烁，故这里同样的排序输出 transform + // values.sort() const transform: { [propName: string]: string | number | number[] }[] = [] values.forEach(item => { const match = item.match(/([/\w]+)\((.+)\)/) From d776e676b77c81ebfb6f29f9b5a9b6e99054b120 Mon Sep 17 00:00:00 2001 From: wenwen Date: Thu, 12 Mar 2026 11:59:29 +0800 Subject: [PATCH 2/3] del transform sort --- packages/webpack-plugin/lib/platform/style/wx/index.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/webpack-plugin/lib/platform/style/wx/index.js b/packages/webpack-plugin/lib/platform/style/wx/index.js index 3908290cfe..5a5e98652d 100644 --- a/packages/webpack-plugin/lib/platform/style/wx/index.js +++ b/packages/webpack-plugin/lib/platform/style/wx/index.js @@ -421,7 +421,7 @@ module.exports = function getSpec({ warn, error }) { // css var & 数组直接返回 if (Array.isArray(value) || cssVariableExp.test(value)) return { prop, value } const values = parseValues(value) - // Todo 2 RN下顺序不一致转换结果不一致，故这里不处理，动画前后transform 排序不一致的问题，由业务调整写法 + // Todo 2 RN下顺序不一致转换结果不一致，故这里不处理，动画前后transform排序不一致的问题，由业务调整写法 // Todo transform 排序不一致时，transform动画会闪烁，故这里同样的排序输出 transform // values.sort() const transform = [] From 311cdf7337c95c7f5cc4d3459159e437dda584f0 Mon Sep 17 00:00:00 2001 From: wenwen Date: Fri, 13 Mar 2026 14:04:18 +0800 Subject: [PATCH 3/3] =?UTF-8?q?del=20unsupportedPropExp=20=E4=B8=AD?= =?UTF-8?q?=E7=9A=84=20background-position?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- packages/webpack-plugin/lib/platform/style/wx/index.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/webpack-plugin/lib/platform/style/wx/index.js b/packages/webpack-plugin/lib/platform/style/wx/index.js index 5a5e98652d..88978a966d 100644 --- a/packages/webpack-plugin/lib/platform/style/wx/index.js +++ b/packages/webpack-plugin/lib/platform/style/wx/index.js @@ -3,7 +3,7 @@ const { parseValues } = require('../../../utils/string') module.exports = function getSpec({ warn, error }) { // React Native 双端都不支持的 CSS property - const unsupportedPropExp = /^(white-space|text-overflow|animation|font-variant-caps|font-variant-numeric|font-variant-east-asian|font-variant-alternates|font-variant-ligatures|background-position|caret-color)$/ + const unsupportedPropExp = /^(white-space|text-overflow|animation|font-variant-caps|font-variant-numeric|font-variant-east-asian|font-variant-alternates|font-variant-ligatures|caret-color)$/ const unsupportedPropMode = { // React Native ios 不支持的 CSS property ios: /^(vertical-align)$/,