genRadius.js 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. const genRadius = radiusBase => {
  2. let radiusLG = radiusBase;
  3. let radiusSM = radiusBase;
  4. let radiusXS = radiusBase;
  5. let radiusOuter = radiusBase;
  6. // radiusLG
  7. if (radiusBase < 6 && radiusBase >= 5) {
  8. radiusLG = radiusBase + 1;
  9. } else if (radiusBase < 16 && radiusBase >= 6) {
  10. radiusLG = radiusBase + 2;
  11. } else if (radiusBase >= 16) {
  12. radiusLG = 16;
  13. }
  14. // radiusSM
  15. if (radiusBase < 7 && radiusBase >= 5) {
  16. radiusSM = 4;
  17. } else if (radiusBase < 8 && radiusBase >= 7) {
  18. radiusSM = 5;
  19. } else if (radiusBase < 14 && radiusBase >= 8) {
  20. radiusSM = 6;
  21. } else if (radiusBase < 16 && radiusBase >= 14) {
  22. radiusSM = 7;
  23. } else if (radiusBase >= 16) {
  24. radiusSM = 8;
  25. }
  26. // radiusXS
  27. if (radiusBase < 6 && radiusBase >= 2) {
  28. radiusXS = 1;
  29. } else if (radiusBase >= 6) {
  30. radiusXS = 2;
  31. }
  32. // radiusOuter
  33. if (radiusBase > 4 && radiusBase < 8) {
  34. radiusOuter = 4;
  35. } else if (radiusBase >= 8) {
  36. radiusOuter = 6;
  37. }
  38. return {
  39. borderRadius: radiusBase,
  40. borderRadiusXS: radiusXS,
  41. borderRadiusSM: radiusSM,
  42. borderRadiusLG: radiusLG,
  43. borderRadiusOuter: radiusOuter
  44. };
  45. };
  46. export default genRadius;