token.js 3.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. "use strict";
  2. Object.defineProperty(exports, "__esModule", {
  3. value: true
  4. });
  5. exports.prepareComponentToken = exports.initPickerPanelToken = exports.initPanelComponentToken = void 0;
  6. var _fastColor = require("@ant-design/fast-color");
  7. var _token = require("../../input/style/token");
  8. var _roundedArrow = require("../../style/roundedArrow");
  9. const initPickerPanelToken = token => {
  10. const {
  11. componentCls,
  12. controlHeightLG,
  13. paddingXXS,
  14. padding
  15. } = token;
  16. return {
  17. pickerCellCls: `${componentCls}-cell`,
  18. pickerCellInnerCls: `${componentCls}-cell-inner`,
  19. pickerYearMonthCellWidth: token.calc(controlHeightLG).mul(1.5).equal(),
  20. pickerQuarterPanelContentHeight: token.calc(controlHeightLG).mul(1.4).equal(),
  21. pickerCellPaddingVertical: token.calc(paddingXXS).add(token.calc(paddingXXS).div(2)).equal(),
  22. pickerCellBorderGap: 2,
  23. // Magic for gap between cells
  24. pickerControlIconSize: 7,
  25. pickerControlIconMargin: 4,
  26. pickerControlIconBorderWidth: 1.5,
  27. pickerDatePanelPaddingHorizontal: token.calc(padding).add(token.calc(paddingXXS).div(2)).equal() // 18 in normal
  28. };
  29. };
  30. exports.initPickerPanelToken = initPickerPanelToken;
  31. const initPanelComponentToken = token => {
  32. const {
  33. colorBgContainerDisabled,
  34. controlHeight,
  35. controlHeightSM,
  36. controlHeightLG,
  37. paddingXXS,
  38. lineWidth
  39. } = token;
  40. // Item height default use `controlHeight - 2 * paddingXXS`,
  41. // but some case `paddingXXS=0`.
  42. // Let's fallback it.
  43. const dblPaddingXXS = paddingXXS * 2;
  44. const dblLineWidth = lineWidth * 2;
  45. const multipleItemHeight = Math.min(controlHeight - dblPaddingXXS, controlHeight - dblLineWidth);
  46. const multipleItemHeightSM = Math.min(controlHeightSM - dblPaddingXXS, controlHeightSM - dblLineWidth);
  47. const multipleItemHeightLG = Math.min(controlHeightLG - dblPaddingXXS, controlHeightLG - dblLineWidth);
  48. // FIXED_ITEM_MARGIN is a hardcode calculation since calc not support rounding
  49. const INTERNAL_FIXED_ITEM_MARGIN = Math.floor(paddingXXS / 2);
  50. const filledToken = {
  51. INTERNAL_FIXED_ITEM_MARGIN,
  52. cellHoverBg: token.controlItemBgHover,
  53. cellActiveWithRangeBg: token.controlItemBgActive,
  54. cellHoverWithRangeBg: new _fastColor.FastColor(token.colorPrimary).lighten(35).toHexString(),
  55. cellRangeBorderColor: new _fastColor.FastColor(token.colorPrimary).lighten(20).toHexString(),
  56. cellBgDisabled: colorBgContainerDisabled,
  57. timeColumnWidth: controlHeightLG * 1.4,
  58. timeColumnHeight: 28 * 8,
  59. timeCellHeight: 28,
  60. cellWidth: controlHeightSM * 1.5,
  61. cellHeight: controlHeightSM,
  62. textHeight: controlHeightLG,
  63. withoutTimeCellHeight: controlHeightLG * 1.65,
  64. multipleItemBg: token.colorFillSecondary,
  65. multipleItemBorderColor: 'transparent',
  66. multipleItemHeight,
  67. multipleItemHeightSM,
  68. multipleItemHeightLG,
  69. multipleSelectorBgDisabled: colorBgContainerDisabled,
  70. multipleItemColorDisabled: token.colorTextDisabled,
  71. multipleItemBorderColorDisabled: 'transparent'
  72. };
  73. return filledToken;
  74. };
  75. exports.initPanelComponentToken = initPanelComponentToken;
  76. const prepareComponentToken = token => Object.assign(Object.assign(Object.assign(Object.assign({}, (0, _token.initComponentToken)(token)), initPanelComponentToken(token)), (0, _roundedArrow.getArrowToken)(token)), {
  77. presetsWidth: 120,
  78. presetsMaxWidth: 200,
  79. zIndexPopup: token.zIndexPopupBase + 50
  80. });
  81. exports.prepareComponentToken = prepareComponentToken;