Function parseValue

src/utils/parse-value.ts:6–76

(
    token: string | number,
    defaultUnit?: string,
    colors?: Record<string, Record<string, string>>,
    values?: Record<string, Record<string, string>>,
    rootSize?: number
)

const VAR_START = 'var(--';

export function parseValue(
    token: string | number,
    defaultUnit?: string,
    colors?: Record<string, Record<string, string>>,
    values?: Record<string, Record<string, string>>,
    rootSize?: number
) {
    let value: any = values ? values[token] : '';
    let unit: string = '';
    let unitToken: string = '';
    if (value) {
        return { value, unit, unitToken }
    } else if (typeof token === 'number') {
        value = token;
        unit = defaultUnit || '';
    } else {
        if (colors) {
            const colorNames = Object.keys(colors);;
            token = token.replace(
                new RegExp(`(^|,| |\\()(${colorNames.join('|')})(?:-([0-9]+))?(?:\\/(\\.?[0-9]+))?(?=(\\)|\\}|,| |$))`, 'gm'),
                (origin, prefix, colorName, level, opacityStr, end) => {
                    const hexColor = colors[colorName][level || ''];
                    if (hexColor) {
                        let newValue = '#' + hexColor;
                        if (opacityStr) {
                            let opacity = +opacityStr;
                            opacity = isNaN(opacity)
                                ? 1
                                : Math.min(Math.max(opacity, 0), 1);

                            newValue += Math.round(opacity * 255).toString(16).toUpperCase().padStart(2, '0');
                        }

                        return prefix + newValue;
                    }

                    return origin;
                });
        }
        if (defaultUnit) {
            const matches = token.match(UNIT_VALUE_PATTERN);
            // ['0.5deg', '0.5', 'deg', index: 0, input: '0.5deg', groups: undefined]
            if (matches) {
                if (token.includes('/')) {
                    // w:1/2 -> width: 50%
                    const splits = token.split('/');
                    return { value: (+splits[0] / +splits[1]) * 100 + '%', unit, unitToken }
                } else {
                    value = +matches[1];
                    unit = unitToken = matches[3] || '';
                    /**
                     * 當無單位值且 defaultUnit === 'rem'，
                     * 將 pxValue / 16 轉為 remValue
                     */
                    if (!unit) {
                        if (defaultUnit === 'rem' || defaultUnit === 'em') {
                            value = value / rootSize;
                        }