JLNTV_IPD/tmagic-editor
4
0
Fork 0
mirror of https://github.com/Tencent/tmagic-editor.git synced 2026-07-13 14:41:40 +08:00
Code Issues Projects Releases Wiki Activity

fix(core): getTransform 支持 string 类型并适配 hippy

Browse Source 
Made-with: Cursor
This commit is contained in:
roymondchen 2026-04-29 15:38:17 +08:00
parent 26efa75ff2
commit 96801e2ccb
1 changed files with 24 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
packages/core/src/utils.ts
View File

@ -56,8 +56,22 @@ export const fillBackgroundImage = (value: string) => {
return value; return value;
}; };
export const getTransform = (value: Record<string, string>, jsEngine: JsEngine) => { export const getTransform = (value: Record<string, string> | string, jsEngine: JsEngine) => {
if (!value) return []; const isHippy = jsEngine === 'hippy';
if (!value) return isHippy ? [] : '';
if (typeof value === 'string') {
if (!isHippy) return value;
// Hippy 不支持 css transform 字符串，需要将 "rotate(90deg) scale(1.5)" 解析成 [{ rotate: '90deg' }, { scale: '1.5' }]
const transformArr: Record<string, string>[] = [];
value.replace(/(\w+)\(([^)]+)\)/g, (_, key, val) => {
transformArr.push({ [key]: val.trim() });
return '';
});
return transformArr;
}
const transform = Object.entries(value).map(([transformKey, transformValue]) => { const transform = Object.entries(value).map(([transformKey, transformValue]) => {
if (!transformValue.trim()) return ''; if (!transformValue.trim()) return '';
@ -65,14 +79,14 @@ export const getTransform = (value: Record<string, string>, jsEngine: JsEngine)
transformValue = `${transformValue}deg`; transformValue = `${transformValue}deg`;
} }
return jsEngine !== 'hippy' ? `${transformKey}(${transformValue})` : { [transformKey]: transformValue }; return isHippy ? { [transformKey]: transformValue } : `${transformKey}(${transformValue})`;
}); });
if (jsEngine === 'hippy') { if (isHippy) {
return transform; return transform;
} }
const values = transform.join(' '); const values = transform.join(' ');
return !values.trim() ? 'none' : values; return values.trim();
}; };
/** /**
@ -102,8 +116,11 @@ export const transformStyle = (style: Record<string, any> | string, jsEngine: Js
results.transform = [{ scale: value }]; results.transform = [{ scale: value }];
} else if (key === 'backgroundImage' && !isHippy) { } else if (key === 'backgroundImage' && !isHippy) {
value && (results[key] = fillBackgroundImage(value)); value && (results[key] = fillBackgroundImage(value));
} else if (key === 'transform' && typeof value !== 'string') { } else if (key === 'transform') {
results[key] = getTransform(value, jsEngine); const transform = getTransform(value, jsEngine);
if (transform) {
results[key] = transform;
}
} else if (!whiteList.includes(key) && value && /^[-]?[0-9]*[.]?[0-9]*$/.test(value)) { } else if (!whiteList.includes(key) && value && /^[-]?[0-9]*[.]?[0-9]*$/.test(value)) {
results[key] = isHippy ? value : `${value / 100}rem`; results[key] = isHippy ? value : `${value / 100}rem`;
} else { } else {