1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465 |
- "use strict";
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.initComponentToken = void 0;
- exports.initInputToken = initInputToken;
- var _internal = require("../../theme/internal");
- function initInputToken(token) {
- return (0, _internal.mergeToken)(token, {
- inputAffixPadding: token.paddingXXS
- });
- }
- const initComponentToken = token => {
- const {
- controlHeight,
- fontSize,
- lineHeight,
- lineWidth,
- controlHeightSM,
- controlHeightLG,
- fontSizeLG,
- lineHeightLG,
- paddingSM,
- controlPaddingHorizontalSM,
- controlPaddingHorizontal,
- colorFillAlter,
- colorPrimaryHover,
- colorPrimary,
- controlOutlineWidth,
- controlOutline,
- colorErrorOutline,
- colorWarningOutline,
- colorBgContainer,
- inputFontSize,
- inputFontSizeLG,
- inputFontSizeSM
- } = token;
- const mergedFontSize = inputFontSize || fontSize;
- const mergedFontSizeSM = inputFontSizeSM || mergedFontSize;
- const mergedFontSizeLG = inputFontSizeLG || fontSizeLG;
- const paddingBlock = Math.round((controlHeight - mergedFontSize * lineHeight) / 2 * 10) / 10 - lineWidth;
- const paddingBlockSM = Math.round((controlHeightSM - mergedFontSizeSM * lineHeight) / 2 * 10) / 10 - lineWidth;
- const paddingBlockLG = Math.ceil((controlHeightLG - mergedFontSizeLG * lineHeightLG) / 2 * 10) / 10 - lineWidth;
- return {
- paddingBlock: Math.max(paddingBlock, 0),
- paddingBlockSM: Math.max(paddingBlockSM, 0),
- paddingBlockLG: Math.max(paddingBlockLG, 0),
- paddingInline: paddingSM - lineWidth,
- paddingInlineSM: controlPaddingHorizontalSM - lineWidth,
- paddingInlineLG: controlPaddingHorizontal - lineWidth,
- addonBg: colorFillAlter,
- activeBorderColor: colorPrimary,
- hoverBorderColor: colorPrimaryHover,
- activeShadow: `0 0 0 ${controlOutlineWidth}px ${controlOutline}`,
- errorActiveShadow: `0 0 0 ${controlOutlineWidth}px ${colorErrorOutline}`,
- warningActiveShadow: `0 0 0 ${controlOutlineWidth}px ${colorWarningOutline}`,
- hoverBg: colorBgContainer,
- activeBg: colorBgContainer,
- inputFontSize: mergedFontSize,
- inputFontSizeLG: mergedFontSizeLG,
- inputFontSizeSM: mergedFontSizeSM
- };
- };
- exports.initComponentToken = initComponentToken;
|