cssVar

Functions

cssVar()

cssVar<T>(object, namespace, processor?): Record<string, string>

转换对象属性为 CSS 变量，将会过滤掉值为 null 和 undefined 的属性

Type parameters

Parameter
T extends Object

Parameters

Parameter	Type	Default value	Description
object	T	undefined	源对象
namespace	string	''	变量名命名空间
processor?	CssVarNameProcessor	undefined	变量名处理器

Returns

Record<string, string>

Example

cssVar({ color: 'red', 'bg-color': 'black' })
// => { '--color': 'red', '--bg-color': 'black' }

cssVar({ color: 'red' }, 'el')
// => { '--el-color': 'red' }

cssVar({ color: 'red', 'bg-color': 'black' }, 'el', (namespace, name) => camelCase(`${namespace}-${name}`))
// => { '--elColor': 'red', '--elBgColor': 'black' }