Skip to content

修复 transform 排序导致的问题 #2441

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wenwenhua wants to merge 3 commits into
base: master
Choose a base branch
from
+6 −4
Open

修复 transform 排序导致的问题 #2441

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
a293431
del transform sort
wenwenhua Mar 12, 2026
d776e67
del transform sort
wenwenhua Mar 12, 2026
311cdf7
del unsupportedPropExp 中的 background-position
wenwenhua Mar 13, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 3 additions & 2 deletions packages/webpack-plugin/lib/platform/style/wx/index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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)$/,
Expand Down Expand Up @@ -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]+)\((.+)\)/)
Expand Down
5 changes: 3 additions & 2 deletions packages/webpack-plugin/lib/runtime/components/react/utils.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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]+)\((.+)\)/)
Expand Down
Loading