49 lines
1.2 KiB
TypeScript
49 lines
1.2 KiB
TypeScript
// @ts-nocheck
|
|
// #ifndef UNI-APP-X
|
|
interface UTSJSONObject {
|
|
[key : string] : string | number | null
|
|
}
|
|
// #endif
|
|
|
|
/**
|
|
* 将字符串转换为带有连字符分隔的小写形式
|
|
* @param key - 要转换的字符串
|
|
* @returns 转换后的字符串
|
|
*/
|
|
export function toLowercaseSeparator(key : string):string {
|
|
return key.replace(/([A-Z])/g, '-$1').toLowerCase();
|
|
}
|
|
|
|
/**
|
|
* 获取样式对象对应的样式字符串
|
|
* @param style - CSS样式对象
|
|
* @returns 由非空有效样式属性键值对组成的字符串
|
|
*/
|
|
export function objToCss(style : UTSJSONObject) : string {
|
|
|
|
// #ifdef APP-ANDROID
|
|
let styleStr = '';
|
|
style.toMap().forEach((value, key) => {
|
|
if(value != null && value != '') {
|
|
styleStr += `${toLowercaseSeparator(key as string)}: ${value};`
|
|
}
|
|
})
|
|
return styleStr
|
|
// #endif
|
|
// #ifndef APP-ANDROID
|
|
return Object.keys(style)
|
|
.filter(
|
|
(key) =>
|
|
style[key] !== undefined &&
|
|
style[key] !== null &&
|
|
style[key] !== '')
|
|
.map((key : string) => `${toLowercaseSeparator(key)}: ${style[key]};`)
|
|
.join(' ');
|
|
// #endif
|
|
}
|
|
|
|
// 示例
|
|
// const style = { color: 'red', fontSize: '16px', backgroundColor: '', border: null };
|
|
// const styleStr = objToCss(style);
|
|
// console.log(styleStr);
|
|
// 输出: "color: red; font-size: 16px;"
|