样式工具

CSS 样式处理工具函数。

---

addUnit

为数值添加 CSS 单位。如果值已包含单位则保持不变。

function addUnit(value: string | number, defaultUnit?: string): string

参数

参数	说明	类型	默认值
value	数值或带单位的字符串	string | number	—
defaultUnit	默认单位	string	'px'

返回值

string — 带单位的 CSS 值

示例

import { addUnit } from 'ljf-utils'

addUnit(100)          // '100px'
addUnit(100, 'rem')   // '100rem'
addUnit('50%')        // '50%'
addUnit('100px')      // '100px'
addUnit('10em')       // '10em'
addUnit(0)            // '0px'
addUnit(null)         // ''

实现原理

export function addUnit(value: string | number, defaultUnit = 'px') {
  if (!value) return ''
  if (isString(value)) {
    return `${value}`.indexOf(defaultUnit) === -1 ? `${value}${defaultUnit}` : value
  } else if (isNumber(value)) {
    return `${value}${defaultUnit}`
  }
}