mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-10 19:19:20 +08:00
Code Issues Actions 42 Packages Projects Releases Wiki Activity

fix: picker motion

Browse Source
This commit is contained in:
二货机器人 2022-11-13 21:45:37 +08:00
parent d71c7116f4
commit 3da377036f
1 changed files with 371 additions and 356 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
components/date-picker/style/index.tsx
View File

@ -7,7 +7,14 @@ import {
genHoverStyle, genHoverStyle,
initInputToken, initInputToken,
} from '../../input/style'; } from '../../input/style';
import { slideDownIn, slideDownOut, slideUpIn, slideUpOut } from '../../style/motion'; import {
initSlideMotion,
initMoveMotion,
slideDownIn,
slideDownOut,
slideUpIn,
slideUpOut,
} from '../../style/motion';
import type { FullToken, GenerateStyle } from '../../theme'; import type { FullToken, GenerateStyle } from '../../theme';
import { genComponentStyleHook, mergeToken } from '../../theme'; import { genComponentStyleHook, mergeToken } from '../../theme';
import type { GlobalToken } from '../../theme/interface'; import type { GlobalToken } from '../../theme/interface';
@ -848,7 +855,7 @@ export const genPanelStyle = (token: SharedPickerToken): CSSObject => {
}; };
}; };
const genPickerStatusStyle: GenerateStyle<PickerToken> = token => { const genPickerStatusStyle: GenerateStyle<PickerToken> = (token) => {
const { const {
componentCls, componentCls,
colorBgContainer, colorBgContainer,
@ -905,7 +912,7 @@ const genPickerStatusStyle: GenerateStyle<PickerToken> = token => {
}; };
}; };
const genPickerStyle: GenerateStyle<PickerToken> = token => { const genPickerStyle: GenerateStyle<PickerToken> = (token) => {
const { const {
componentCls, componentCls,
antCls, antCls,
@ -952,7 +959,8 @@ const genPickerStyle: GenerateStyle<PickerToken> = token => {
presetsMaxWidth, presetsMaxWidth,
} = token; } = token;
return { return [
{
[componentCls]: { [componentCls]: {
...resetComponent(token), ...resetComponent(token),
...genPikerPadding(token, controlHeight, fontSize, inputPaddingHorizontal), ...genPikerPadding(token, controlHeight, fontSize, inputPaddingHorizontal),
@ -1373,7 +1381,14 @@ const genPickerStyle: GenerateStyle<PickerToken> = token => {
}, },
}, },
}, },
}; },
// Follow code may reuse in other components
initSlideMotion(token, 'slide-up'),
initSlideMotion(token, 'slide-down'),
initMoveMotion(token, 'move-up'),
initMoveMotion(token, 'move-down'),
];
}; };
export const initPickerPanelToken = (token: TokenWithCommonCls<GlobalToken>): PickerPanelToken => { export const initPickerPanelToken = (token: TokenWithCommonCls<GlobalToken>): PickerPanelToken => {
@ -1403,14 +1418,14 @@ export const initPickerPanelToken = (token: TokenWithCommonCls<GlobalToken>): Pi
// ============================== Export ============================== // ============================== Export ==============================
export default genComponentStyleHook( export default genComponentStyleHook(
'DatePicker', 'DatePicker',
token => { (token) => {
const pickerToken = mergeToken<PickerToken>( const pickerToken = mergeToken<PickerToken>(
initInputToken<FullToken<'DatePicker'>>(token), initInputToken<FullToken<'DatePicker'>>(token),
initPickerPanelToken(token), initPickerPanelToken(token),
); );
return [genPickerStyle(pickerToken), genPickerStatusStyle(pickerToken)]; return [genPickerStyle(pickerToken), genPickerStatusStyle(pickerToken)];
}, },
token => ({ (token) => ({
presetsWidth: 120, presetsWidth: 120,
presetsMaxWidth: 200, presetsMaxWidth: 200,
zIndexPopup: token.zIndexPopupBase + 50, zIndexPopup: token.zIndexPopupBase + 50,