You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
39 lines
1.0 KiB
39 lines
1.0 KiB
// @ts-nocheck
|
|
// #ifndef UNI-APP-X
|
|
interface CSSProperties {
|
|
[key : string] : string | number
|
|
}
|
|
// #endif
|
|
|
|
// #ifdef UNI-APP-X
|
|
type CSSProperties = UTSJSONObject
|
|
// #endif
|
|
/**
|
|
* 将字符串转换为带有连字符分隔的小写形式
|
|
* @param key - 要转换的字符串
|
|
* @returns 转换后的字符串
|
|
*/
|
|
export function toLowercaseSeparator(key : string) : string {
|
|
return key.replace(/([A-Z])/g, '-$1').toLowerCase();
|
|
}
|
|
|
|
/**
|
|
* 获取样式对象对应的样式字符串
|
|
* @param style - CSS样式对象
|
|
* @returns 由非空有效样式属性键值对组成的字符串
|
|
*/
|
|
export function getStyleStr(style : CSSProperties) : string {
|
|
let styleStr = '';
|
|
style.toMap().forEach((value, key) => {
|
|
if(value !== null && value != '') {
|
|
styleStr += `${toLowercaseSeparator(key as string)}: ${value};`
|
|
}
|
|
})
|
|
return styleStr
|
|
}
|
|
|
|
// 示例
|
|
// const style = { color: 'red', fontSize: '16px', backgroundColor: '', border: null };
|
|
// const styleStr = getStyleStr(style);
|
|
// console.log(styleStr);
|
|
// 输出: "color: red; font-size: 16px;"
|