size.js 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. import _extends from "@babel/runtime/helpers/esm/extends";
  2. const genSizeStyle = token => {
  3. const {
  4. componentCls
  5. } = token;
  6. const getSizeStyle = (size, paddingVertical, paddingHorizontal, fontSize) => ({
  7. [`${componentCls}${componentCls}-${size}`]: {
  8. fontSize,
  9. [`
  10. ${componentCls}-title,
  11. ${componentCls}-footer,
  12. ${componentCls}-thead > tr > th,
  13. ${componentCls}-tbody > tr > td,
  14. tfoot > tr > th,
  15. tfoot > tr > td
  16. `]: {
  17. padding: `${paddingVertical}px ${paddingHorizontal}px`
  18. },
  19. [`${componentCls}-filter-trigger`]: {
  20. marginInlineEnd: `-${paddingHorizontal / 2}px`
  21. },
  22. [`${componentCls}-expanded-row-fixed`]: {
  23. margin: `-${paddingVertical}px -${paddingHorizontal}px`
  24. },
  25. [`${componentCls}-tbody`]: {
  26. // ========================= Nest Table ===========================
  27. [`${componentCls}-wrapper:only-child ${componentCls}`]: {
  28. marginBlock: `-${paddingVertical}px`,
  29. marginInline: `${token.tableExpandColumnWidth - paddingHorizontal}px -${paddingHorizontal}px`
  30. }
  31. },
  32. // https://github.com/ant-design/ant-design/issues/35167
  33. [`${componentCls}-selection-column`]: {
  34. paddingInlineStart: `${paddingHorizontal / 4}px`
  35. }
  36. }
  37. });
  38. return {
  39. [`${componentCls}-wrapper`]: _extends(_extends({}, getSizeStyle('middle', token.tablePaddingVerticalMiddle, token.tablePaddingHorizontalMiddle, token.tableFontSizeMiddle)), getSizeStyle('small', token.tablePaddingVerticalSmall, token.tablePaddingHorizontalSmall, token.tableFontSizeSmall))
  40. };
  41. };
  42. export default genSizeStyle;