watercolor-ui/dist/src/components/Box/utils.d.ts

A modern minimalist cross-framework component library

/**
 * 转换尺寸值
 * @param {string|number} value - 输入值
 * @returns {string} 处理后的值
 */
export function sizeVal(value: string | number): string;
/**
 * 获取Box的CSS类名
 * @param {Object} props - Box的props
 * @returns {Array<string>} CSS类名数组
 */
export function getBoxClasses(props: Object): Array<string>;
/**
 * 获取Box的内联样式
 * @param {Object} props - Box的props
 * @returns {Object} 内联样式对象
 */
export function getBoxStyles(props: Object): Object;
/**
 * 间距映射表
 */
export const spacingMap: {
    0: string;
    1: string;
    2: string;
    3: string;
    4: string;
    5: string;
    6: string;
    8: string;
    10: string;
    12: string;
    16: string;
    20: string;
    24: string;
};
/**
 * 显示类型映射
 */
export const displayMap: {
    flex: string;
    block: string;
    inline: string;
    'inline-block': string;
    none: string;
    grid: string;
};
/**
 * flex方向映射
 */
export const directionMap: {
    row: string;
    column: string;
    'row-reverse': string;
    'column-reverse': string;
};
/**
 * justify-content映射
 */
export const justifyMap: {
    'flex-start': string;
    center: string;
    'flex-end': string;
    'space-between': string;
    'space-around': string;
    'space-evenly': string;
};
/**
 * align-items映射
 */
export const alignMap: {
    'flex-start': string;
    center: string;
    'flex-end': string;
    stretch: string;
    baseline: string;
};
/**
 * flex-wrap映射
 */
export const wrapMap: {
    wrap: string;
    nowrap: string;
    'wrap-reverse': string;
};
//# sourceMappingURL=utils.d.ts.map