12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182 |
- "use strict";
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.prepareComponentToken = exports.initPickerPanelToken = exports.initPanelComponentToken = void 0;
- var _fastColor = require("@ant-design/fast-color");
- var _token = require("../../input/style/token");
- var _roundedArrow = require("../../style/roundedArrow");
- const initPickerPanelToken = token => {
- const {
- componentCls,
- controlHeightLG,
- paddingXXS,
- padding
- } = token;
- return {
- pickerCellCls: `${componentCls}-cell`,
- pickerCellInnerCls: `${componentCls}-cell-inner`,
- pickerYearMonthCellWidth: token.calc(controlHeightLG).mul(1.5).equal(),
- pickerQuarterPanelContentHeight: token.calc(controlHeightLG).mul(1.4).equal(),
- pickerCellPaddingVertical: token.calc(paddingXXS).add(token.calc(paddingXXS).div(2)).equal(),
- pickerCellBorderGap: 2,
- // Magic for gap between cells
- pickerControlIconSize: 7,
- pickerControlIconMargin: 4,
- pickerControlIconBorderWidth: 1.5,
- pickerDatePanelPaddingHorizontal: token.calc(padding).add(token.calc(paddingXXS).div(2)).equal() // 18 in normal
- };
- };
- exports.initPickerPanelToken = initPickerPanelToken;
- const initPanelComponentToken = token => {
- const {
- colorBgContainerDisabled,
- controlHeight,
- controlHeightSM,
- controlHeightLG,
- paddingXXS,
- lineWidth
- } = token;
- // Item height default use `controlHeight - 2 * paddingXXS`,
- // but some case `paddingXXS=0`.
- // Let's fallback it.
- const dblPaddingXXS = paddingXXS * 2;
- const dblLineWidth = lineWidth * 2;
- const multipleItemHeight = Math.min(controlHeight - dblPaddingXXS, controlHeight - dblLineWidth);
- const multipleItemHeightSM = Math.min(controlHeightSM - dblPaddingXXS, controlHeightSM - dblLineWidth);
- const multipleItemHeightLG = Math.min(controlHeightLG - dblPaddingXXS, controlHeightLG - dblLineWidth);
- // FIXED_ITEM_MARGIN is a hardcode calculation since calc not support rounding
- const INTERNAL_FIXED_ITEM_MARGIN = Math.floor(paddingXXS / 2);
- const filledToken = {
- INTERNAL_FIXED_ITEM_MARGIN,
- cellHoverBg: token.controlItemBgHover,
- cellActiveWithRangeBg: token.controlItemBgActive,
- cellHoverWithRangeBg: new _fastColor.FastColor(token.colorPrimary).lighten(35).toHexString(),
- cellRangeBorderColor: new _fastColor.FastColor(token.colorPrimary).lighten(20).toHexString(),
- cellBgDisabled: colorBgContainerDisabled,
- timeColumnWidth: controlHeightLG * 1.4,
- timeColumnHeight: 28 * 8,
- timeCellHeight: 28,
- cellWidth: controlHeightSM * 1.5,
- cellHeight: controlHeightSM,
- textHeight: controlHeightLG,
- withoutTimeCellHeight: controlHeightLG * 1.65,
- multipleItemBg: token.colorFillSecondary,
- multipleItemBorderColor: 'transparent',
- multipleItemHeight,
- multipleItemHeightSM,
- multipleItemHeightLG,
- multipleSelectorBgDisabled: colorBgContainerDisabled,
- multipleItemColorDisabled: token.colorTextDisabled,
- multipleItemBorderColorDisabled: 'transparent'
- };
- return filledToken;
- };
- exports.initPanelComponentToken = initPanelComponentToken;
- const prepareComponentToken = token => Object.assign(Object.assign(Object.assign(Object.assign({}, (0, _token.initComponentToken)(token)), initPanelComponentToken(token)), (0, _roundedArrow.getArrowToken)(token)), {
- presetsWidth: 120,
- presetsMaxWidth: 200,
- zIndexPopup: token.zIndexPopupBase + 50
- });
- exports.prepareComponentToken = prepareComponentToken;
|