size.js 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. "use strict";
  2. Object.defineProperty(exports, "__esModule", {
  3. value: true
  4. });
  5. exports.default = void 0;
  6. var _cssinjs = require("@ant-design/cssinjs");
  7. const genSizeStyle = token => {
  8. const {
  9. componentCls,
  10. tableExpandColumnWidth,
  11. calc
  12. } = token;
  13. const getSizeStyle = (size, paddingVertical, paddingHorizontal, fontSize) => ({
  14. [`${componentCls}${componentCls}-${size}`]: {
  15. fontSize,
  16. [`
  17. ${componentCls}-title,
  18. ${componentCls}-footer,
  19. ${componentCls}-cell,
  20. ${componentCls}-thead > tr > th,
  21. ${componentCls}-tbody > tr > th,
  22. ${componentCls}-tbody > tr > td,
  23. tfoot > tr > th,
  24. tfoot > tr > td
  25. `]: {
  26. padding: `${(0, _cssinjs.unit)(paddingVertical)} ${(0, _cssinjs.unit)(paddingHorizontal)}`
  27. },
  28. [`${componentCls}-filter-trigger`]: {
  29. marginInlineEnd: (0, _cssinjs.unit)(calc(paddingHorizontal).div(2).mul(-1).equal())
  30. },
  31. [`${componentCls}-expanded-row-fixed`]: {
  32. margin: `${(0, _cssinjs.unit)(calc(paddingVertical).mul(-1).equal())} ${(0, _cssinjs.unit)(calc(paddingHorizontal).mul(-1).equal())}`
  33. },
  34. [`${componentCls}-tbody`]: {
  35. // ========================= Nest Table ===========================
  36. [`${componentCls}-wrapper:only-child ${componentCls}`]: {
  37. marginBlock: (0, _cssinjs.unit)(calc(paddingVertical).mul(-1).equal()),
  38. marginInline: `${(0, _cssinjs.unit)(calc(tableExpandColumnWidth).sub(paddingHorizontal).equal())} ${(0, _cssinjs.unit)(calc(paddingHorizontal).mul(-1).equal())}`
  39. }
  40. },
  41. // https://github.com/ant-design/ant-design/issues/35167
  42. [`${componentCls}-selection-extra`]: {
  43. paddingInlineStart: (0, _cssinjs.unit)(calc(paddingHorizontal).div(4).equal())
  44. }
  45. }
  46. });
  47. return {
  48. [`${componentCls}-wrapper`]: Object.assign(Object.assign({}, getSizeStyle('middle', token.tablePaddingVerticalMiddle, token.tablePaddingHorizontalMiddle, token.tableFontSizeMiddle)), getSizeStyle('small', token.tablePaddingVerticalSmall, token.tablePaddingHorizontalSmall, token.tableFontSizeSmall))
  49. };
  50. };
  51. var _default = exports.default = genSizeStyle;