genRadius.uts 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. export function genRadius(radiusBase : number):Map<string, number> {
  2. let radiusXL = radiusBase;
  3. let radiusLG = radiusBase;
  4. let radiusMD = radiusBase;
  5. let radiusSM = radiusBase;
  6. let radiusXS = radiusBase;
  7. let radiusOuter = radiusBase;
  8. // radiusSM = radiusBase - 3
  9. // radiusXS = radiusSM - 1
  10. // radiusLG = radiusBase + 3
  11. // radiusXL = radiusLG + 3
  12. // radiusXL
  13. if (radiusBase < 6 && radiusBase >= 5) {
  14. radiusXL = radiusBase + 3;
  15. } else if (radiusBase < 16 && radiusBase >= 6) {
  16. radiusXL = radiusBase + 6;
  17. } else if (radiusBase >= 16) {
  18. radiusXL = 16;
  19. }
  20. // radiusLG
  21. if (radiusBase < 6 && radiusBase >= 5) {
  22. radiusLG = radiusBase + 1;
  23. } else if (radiusBase < 16 && radiusBase >= 6) {
  24. radiusLG = radiusBase + 3;
  25. } else if (radiusBase >= 16) {
  26. radiusLG = 16;
  27. }
  28. // radiusSM
  29. if (radiusBase < 7 && radiusBase >= 5) {
  30. radiusSM = 3;
  31. } else if (radiusBase < 8 && radiusBase >= 7) {
  32. radiusSM = 4;
  33. } else if (radiusBase < 14 && radiusBase >= 8) {
  34. radiusSM = 5;
  35. } else if (radiusBase < 16 && radiusBase >= 14) {
  36. radiusSM = 6;
  37. } else if (radiusBase >= 16) {
  38. radiusSM = 8;
  39. }
  40. // radiusXS
  41. if (radiusBase < 6 && radiusBase >= 2) {
  42. radiusXS = 1;
  43. } else if (radiusBase >= 6) {
  44. radiusXS = 2;
  45. }
  46. return new Map<string, number>([
  47. ['borderRadius', radiusBase],
  48. ['borderRadiusXS', radiusXS],
  49. ['borderRadiusSM', radiusSM],
  50. ['borderRadiusMD', radiusMD],
  51. ['borderRadiusLG', radiusLG],
  52. ['borderRadiusXL', radiusXL],
  53. ])
  54. }