mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-16 01:41:02 +08:00
5d3381334c
* chore: remove useless tsx support * add * revert * add * fix * fix * add test case * fix
57 lines
1.4 KiB
TypeScript
57 lines
1.4 KiB
TypeScript
/* eslint-disable import/prefer-default-export */
|
|
import type { CSSInterpolation, CSSObject } from '@ant-design/cssinjs';
|
|
import type { DerivativeToken, FullToken } from '../theme/internal';
|
|
import type { OverrideComponent } from '../theme/util/genComponentStyleHook';
|
|
|
|
function compactItemVerticalBorder(token: DerivativeToken): CSSObject {
|
|
return {
|
|
// border collapse
|
|
'&-item:not(&-last-item)': {
|
|
marginBottom: -token.lineWidth,
|
|
},
|
|
|
|
'&-item': {
|
|
'&:hover,&:focus,&:active': {
|
|
zIndex: 2,
|
|
},
|
|
|
|
'&[disabled]': {
|
|
zIndex: 0,
|
|
},
|
|
},
|
|
};
|
|
}
|
|
|
|
function compactItemBorderVerticalRadius(prefixCls: string): CSSObject {
|
|
return {
|
|
'&-item:not(&-first-item):not(&-last-item)': {
|
|
borderRadius: 0,
|
|
},
|
|
|
|
'&-item&-first-item:not(&-last-item)': {
|
|
[`&, &${prefixCls}-sm, &${prefixCls}-lg`]: {
|
|
borderEndEndRadius: 0,
|
|
borderEndStartRadius: 0,
|
|
},
|
|
},
|
|
|
|
'&-item&-last-item:not(&-first-item)': {
|
|
[`&, &${prefixCls}-sm, &${prefixCls}-lg`]: {
|
|
borderStartStartRadius: 0,
|
|
borderStartEndRadius: 0,
|
|
},
|
|
},
|
|
};
|
|
}
|
|
|
|
export function genCompactItemVerticalStyle<T extends OverrideComponent>(
|
|
token: FullToken<T>,
|
|
): CSSInterpolation {
|
|
return {
|
|
[`${token.componentCls}-compact-vertical`]: {
|
|
...compactItemVerticalBorder(token),
|
|
...compactItemBorderVerticalRadius(token.componentCls),
|
|
},
|
|
};
|
|
}
|