genRadius.js 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. "use strict";
  2. Object.defineProperty(exports, "__esModule", {
  3. value: true
  4. });
  5. exports.default = void 0;
  6. const genRadius = radiusBase => {
  7. let radiusLG = radiusBase;
  8. let radiusSM = radiusBase;
  9. let radiusXS = radiusBase;
  10. let radiusOuter = radiusBase;
  11. // radiusLG
  12. if (radiusBase < 6 && radiusBase >= 5) {
  13. radiusLG = radiusBase + 1;
  14. } else if (radiusBase < 16 && radiusBase >= 6) {
  15. radiusLG = radiusBase + 2;
  16. } else if (radiusBase >= 16) {
  17. radiusLG = 16;
  18. }
  19. // radiusSM
  20. if (radiusBase < 7 && radiusBase >= 5) {
  21. radiusSM = 4;
  22. } else if (radiusBase < 8 && radiusBase >= 7) {
  23. radiusSM = 5;
  24. } else if (radiusBase < 14 && radiusBase >= 8) {
  25. radiusSM = 6;
  26. } else if (radiusBase < 16 && radiusBase >= 14) {
  27. radiusSM = 7;
  28. } else if (radiusBase >= 16) {
  29. radiusSM = 8;
  30. }
  31. // radiusXS
  32. if (radiusBase < 6 && radiusBase >= 2) {
  33. radiusXS = 1;
  34. } else if (radiusBase >= 6) {
  35. radiusXS = 2;
  36. }
  37. // radiusOuter
  38. if (radiusBase > 4 && radiusBase < 8) {
  39. radiusOuter = 4;
  40. } else if (radiusBase >= 8) {
  41. radiusOuter = 6;
  42. }
  43. return {
  44. borderRadius: radiusBase,
  45. borderRadiusXS: radiusXS,
  46. borderRadiusSM: radiusSM,
  47. borderRadiusLG: radiusLG,
  48. borderRadiusOuter: radiusOuter
  49. };
  50. };
  51. var _default = exports.default = genRadius;