token.js 2.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. "use strict";
  2. Object.defineProperty(exports, "__esModule", {
  3. value: true
  4. });
  5. exports.initComponentToken = void 0;
  6. exports.initInputToken = initInputToken;
  7. var _internal = require("../../theme/internal");
  8. function initInputToken(token) {
  9. return (0, _internal.mergeToken)(token, {
  10. inputAffixPadding: token.paddingXXS
  11. });
  12. }
  13. const initComponentToken = token => {
  14. const {
  15. controlHeight,
  16. fontSize,
  17. lineHeight,
  18. lineWidth,
  19. controlHeightSM,
  20. controlHeightLG,
  21. fontSizeLG,
  22. lineHeightLG,
  23. paddingSM,
  24. controlPaddingHorizontalSM,
  25. controlPaddingHorizontal,
  26. colorFillAlter,
  27. colorPrimaryHover,
  28. colorPrimary,
  29. controlOutlineWidth,
  30. controlOutline,
  31. colorErrorOutline,
  32. colorWarningOutline,
  33. colorBgContainer,
  34. inputFontSize,
  35. inputFontSizeLG,
  36. inputFontSizeSM
  37. } = token;
  38. const mergedFontSize = inputFontSize || fontSize;
  39. const mergedFontSizeSM = inputFontSizeSM || mergedFontSize;
  40. const mergedFontSizeLG = inputFontSizeLG || fontSizeLG;
  41. const paddingBlock = Math.round((controlHeight - mergedFontSize * lineHeight) / 2 * 10) / 10 - lineWidth;
  42. const paddingBlockSM = Math.round((controlHeightSM - mergedFontSizeSM * lineHeight) / 2 * 10) / 10 - lineWidth;
  43. const paddingBlockLG = Math.ceil((controlHeightLG - mergedFontSizeLG * lineHeightLG) / 2 * 10) / 10 - lineWidth;
  44. return {
  45. paddingBlock: Math.max(paddingBlock, 0),
  46. paddingBlockSM: Math.max(paddingBlockSM, 0),
  47. paddingBlockLG: Math.max(paddingBlockLG, 0),
  48. paddingInline: paddingSM - lineWidth,
  49. paddingInlineSM: controlPaddingHorizontalSM - lineWidth,
  50. paddingInlineLG: controlPaddingHorizontal - lineWidth,
  51. addonBg: colorFillAlter,
  52. activeBorderColor: colorPrimary,
  53. hoverBorderColor: colorPrimaryHover,
  54. activeShadow: `0 0 0 ${controlOutlineWidth}px ${controlOutline}`,
  55. errorActiveShadow: `0 0 0 ${controlOutlineWidth}px ${colorErrorOutline}`,
  56. warningActiveShadow: `0 0 0 ${controlOutlineWidth}px ${colorWarningOutline}`,
  57. hoverBg: colorBgContainer,
  58. activeBg: colorBgContainer,
  59. inputFontSize: mergedFontSize,
  60. inputFontSizeLG: mergedFontSizeLG,
  61. inputFontSizeSM: mergedFontSizeSM
  62. };
  63. };
  64. exports.initComponentToken = initComponentToken;