@nex-ui/system/dist/cjs/utils.cjs

A lightweight and performant styling library based on Emotion, focusing on component architecture and developer experience.

'use strict';

var utils = require('@nex-ui/utils');
var serialize = require('@x1ngyu/serialize-javascript');

function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

var serialize__default = /*#__PURE__*/_interopDefault(serialize);

function pathToTokenName(path) {
    return path.join('.');
}
function camelToKebab(str) {
    return str.replace(/([A-Z])/g, (match)=>{
        return `-${match.toLowerCase()}`;
    });
}
function isPositiveFloatNumber(str) {
    return /^\d+\.\d+$/.test(str);
}
function createCssVarName(prefix, path) {
    return `--${prefix}-${path.map((k)=>{
        if (isPositiveFloatNumber(k)) {
            return k.split('.').join('-');
        }
        return camelToKebab(k);
    }).join('-')}`;
}
function isResponsiveColor(value) {
    return utils.isPlainObject(value) && (value._light || value._dark || value._DEFAULT);
}
function isValidTokenValue(value) {
    if (!utils.isString(value) && !utils.isNumber(value)) {
        return false;
    }
    return true;
}
function isValidSemanticTokenValue(value) {
    if (!utils.isString(value) && !utils.isNumber(value) && !isResponsiveColor(value)) {
        return false;
    }
    return true;
}
function isValidTokenCategory(category) {
    if (!utils.isString(category)) {
        return false;
    }
    switch(category){
        case 'colors':
        case 'fontFamilies':
        case 'fontSizes':
        case 'fontWeights':
        case 'sizes':
        case 'spaces':
        case 'lineHeights':
        case 'borders':
        case 'radii':
        case 'breakpoints':
        case 'shadows':
        case 'transitions':
        case 'borderWidths':
        case 'zIndexes':
            return true;
        default:
            return false;
    }
}
function isValidAliasValue(value) {
    if (utils.isString(value) || utils.isArray(value) && utils.every(value, utils.isString)) {
        return true;
    }
    return false;
}
function isValidBreakpointValue(value) {
    if (utils.isString(value) && parseInt(value, 10) >= 0) {
        return true;
    }
    return false;
}
function memoizeFn(fn) {
    return utils.memoize(fn, (...args)=>serialize__default.default(args));
}
function extractTokenPlaceholders(value) {
    const regex = /\{(.*?)\}/g;
    const matches = value.matchAll(regex);
    return [
        ...matches
    ];
}
// TODO 明确 CSS 合并规则
function mergeRecipeConfigs(...args) {
    return utils.mergeWith({}, ...args, (targetValue, srcValue, key)=>{
        if (key === 'compoundVariants') {
            if (targetValue === undefined) {
                return srcValue;
            }
            if (utils.isArray(targetValue) && utils.isArray(srcValue)) {
                return [
                    ...targetValue,
                    ...srcValue
                ];
            }
            return targetValue;
        }
        if (typeof targetValue !== typeof srcValue || utils.isArray(targetValue) !== utils.isArray(srcValue) || utils.isPlainObject(targetValue) !== utils.isPlainObject(srcValue)) {
            return srcValue;
        }
    });
}

exports.camelToKebab = camelToKebab;
exports.createCssVarName = createCssVarName;
exports.extractTokenPlaceholders = extractTokenPlaceholders;
exports.isResponsiveColor = isResponsiveColor;
exports.isValidAliasValue = isValidAliasValue;
exports.isValidBreakpointValue = isValidBreakpointValue;
exports.isValidSemanticTokenValue = isValidSemanticTokenValue;
exports.isValidTokenCategory = isValidTokenCategory;
exports.isValidTokenValue = isValidTokenValue;
exports.memoizeFn = memoizeFn;
exports.mergeRecipeConfigs = mergeRecipeConfigs;
exports.pathToTokenName = pathToTokenName;