@emcsistemas/native-ui
Version:
Biblioteca de componentes react native
120 lines • 3.09 kB
JavaScript
import FontSizes from '../theme/FontSizes';
import Consts from './Consts';
export function dimensionCalculate(dimension) {
if (dimension === 0)
return 0;
if (!dimension)
return;
if (dimension === 'full') {
return '100%';
}
else {
return typeof dimension === 'number'
? dimension * Consts.UI_SIZE_MULTIPLIER
: dimension;
}
}
export function iconSizeCalculate(size) {
if (!size)
return;
return size * Consts.UI_SIZE_MULTIPLIER;
}
export function convertBorderRadius(borderRadius) {
if (!borderRadius)
return 4;
switch (borderRadius) {
case 'xs':
return 4;
case 'sm':
return 6;
case 'md':
return 8;
case 'lg':
return 12;
case 'xl':
return 16;
case '2xl':
return 20;
case '3xl':
return 24;
case 'full':
return 999;
default:
return 4;
}
}
export function convertFontSize(fontSize) {
let fontSizeNumber = FontSizes.md;
if (!fontSize)
return fontSizeNumber;
if (typeof fontSize === 'number') {
return fontSize;
}
switch (fontSize) {
case '2xs':
fontSizeNumber = FontSizes['2xs'];
break;
case 'xs':
fontSizeNumber = FontSizes.xs;
break;
case 'sm':
fontSizeNumber = FontSizes.sm;
break;
case 'md':
fontSizeNumber = FontSizes.md;
break;
case 'lg':
fontSizeNumber = FontSizes.lg;
break;
case 'xl':
fontSizeNumber = FontSizes.xl;
break;
case '2xl':
fontSizeNumber = FontSizes['2xl'];
break;
case '3xl':
fontSizeNumber = FontSizes['3xl'];
break;
case '4xl':
fontSizeNumber = FontSizes['4xl'];
break;
case '5xl':
fontSizeNumber = FontSizes['5xl'];
break;
case '6xl':
fontSizeNumber = FontSizes['6xl'];
break;
case '7xl':
fontSizeNumber = FontSizes['7xl'];
}
return fontSizeNumber;
}
export function getFontFamily(fFamily, fWeight) {
if (fFamily) {
return fFamily;
}
let fontFamily = 'Roboto_400Regular';
if (!fWeight) {
return fontFamily;
}
if (fWeight === 'semiBold') {
fontFamily = 'Roboto_500Medium';
}
else if (fWeight === 'bold') {
fontFamily = 'Roboto_700Bold';
}
return fontFamily;
}
export function marginCalculate(generalMargin, axisMargin, sideMargin) {
if (sideMargin || sideMargin === 0) {
return dimensionCalculate(sideMargin);
}
if (axisMargin || axisMargin === 0) {
return dimensionCalculate(axisMargin);
}
if (generalMargin || generalMargin === 0) {
return dimensionCalculate(generalMargin);
}
return undefined;
}
//# sourceMappingURL=styles.util.js.map