"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.prepareComponentToken = exports.initPickerPanelToken = exports.initPanelComponentToken = void 0; var _tinycolor = require("@ctrl/tinycolor"); 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 _tinycolor.TinyColor(token.colorPrimary).lighten(35).toHexString(), cellRangeBorderColor: new _tinycolor.TinyColor(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;