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.
34 lines
1.1 KiB
34 lines
1.1 KiB
3 years ago
|
import getType from './getType';
|
||
|
|
import toLine from './toLine';
|
||
|
|
import trim from './trim';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @description: 合并多个style
|
||
|
|
* @param {Array<String|object>} styleList
|
||
|
|
* @return {String} 返回字符串style，兼容其它端
|
||
|
|
* @example: mergeStyle('width:10rpx',{height:'20rpx',zIndex:2},'border:2rpx') //width:10rpx;height:20rpx;z-index:2;border:2rpx
|
||
|
|
*/
|
||
|
|
export default function mergeStyle(...styleList) {
|
||
|
|
const styleObj = {};
|
||
|
|
const addStyle = (name, value) => {
|
||
|
|
name = trim(name);
|
||
|
|
value = ['string', 'number'].includes(getType(value)) ? trim(value) : '';
|
||
|
|
if (name && value) styleObj[toLine(name)] = value;
|
||
|
|
};
|
||
|
|
styleList.forEach(style => {
|
||
|
|
const type = getType(style);
|
||
|
|
if (type === 'string' && style) {
|
||
|
|
style = trim(style);
|
||
|
|
if (style) {
|
||
|
|
style.replace(/^;+|;+$/, '')
|
||
|
|
.split(/;+/)
|
||
|
|
.map(str => str.split(/:+/))
|
||
|
|
.forEach(([k, value]) => addStyle(k, value));
|
||
|
|
}
|
||
|
|
} else if (type === 'object') {
|
||
|
|
Object.keys(style).forEach(k => addStyle(k, style[k]));
|
||
|
|
}
|
||
|
|
});
|
||
|
|
return Object.keys(styleObj).map(k => `${k}:${styleObj[k]}`).join(';');
|
||
|
|
}
|