mirror of
https://gitee.com/ant-design-vue/ant-design-vue.git
synced 2024-12-05 05:29:01 +08:00
59 lines
1.6 KiB
TypeScript
59 lines
1.6 KiB
TypeScript
|
/* eslint-disable import/prefer-default-export */
|
||
|
import type { CSSInterpolation, CSSObject } from '../_util/cssinjs';
|
||
|
import type { DerivativeToken, FullToken } from '../theme/internal';
|
||
|
import type { OverrideComponent } from '../theme/util/genComponentStyleHook';
|
||
|
|
||
|
function compactItemVerticalBorder(token: DerivativeToken, parentCls: string): CSSObject {
|
||
|
return {
|
||
|
// border collapse
|
||
|
[`&-item:not(${parentCls}-last-item)`]: {
|
||
|
marginBottom: -token.lineWidth,
|
||
|
},
|
||
|
|
||
|
'&-item': {
|
||
|
'&:hover,&:focus,&:active': {
|
||
|
zIndex: 2,
|
||
|
},
|
||
|
|
||
|
'&[disabled]': {
|
||
|
zIndex: 0,
|
||
|
},
|
||
|
},
|
||
|
};
|
||
|
}
|
||
|
|
||
|
function compactItemBorderVerticalRadius(prefixCls: string, parentCls: string): CSSObject {
|
||
|
return {
|
||
|
[`&-item:not(${parentCls}-first-item):not(${parentCls}-last-item)`]: {
|
||
|
borderRadius: 0,
|
||
|
},
|
||
|
|
||
|
[`&-item${parentCls}-first-item:not(${parentCls}-last-item)`]: {
|
||
|
[`&, &${prefixCls}-sm, &${prefixCls}-lg`]: {
|
||
|
borderEndEndRadius: 0,
|
||
|
borderEndStartRadius: 0,
|
||
|
},
|
||
|
},
|
||
|
|
||
|
[`&-item${parentCls}-last-item:not(${parentCls}-first-item)`]: {
|
||
|
[`&, &${prefixCls}-sm, &${prefixCls}-lg`]: {
|
||
|
borderStartStartRadius: 0,
|
||
|
borderStartEndRadius: 0,
|
||
|
},
|
||
|
},
|
||
|
};
|
||
|
}
|
||
|
|
||
|
export function genCompactItemVerticalStyle<T extends OverrideComponent>(
|
||
|
token: FullToken<T>,
|
||
|
): CSSInterpolation {
|
||
|
const compactCls = `${token.componentCls}-compact-vertical`;
|
||
|
|
||
|
return {
|
||
|
[compactCls]: {
|
||
|
...compactItemVerticalBorder(token, compactCls),
|
||
|
...compactItemBorderVerticalRadius(token.componentCls, compactCls),
|
||
|
},
|
||
|
};
|
||
|
}
|