mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-04 04:58:55 +08:00
9f88c1238a
* feat: token update * chore: update test * chore: lint * chore: code clean * test: update test case * feat: radius token update * fix: form size * chore: fix steps style * chore: code clean * chore: update test case
30 lines
827 B
TypeScript
30 lines
827 B
TypeScript
import type { CSSObject } from '@ant-design/cssinjs';
|
|
import type { GenerateStyle } from '../../theme';
|
|
import type { TableToken } from './index';
|
|
|
|
const genSummaryStyle: GenerateStyle<TableToken, CSSObject> = token => {
|
|
const { componentCls, lineWidth, tableBorderColor } = token;
|
|
const tableBorder = `${lineWidth}px ${token.lineType} ${tableBorderColor}`;
|
|
return {
|
|
[`${componentCls}-wrapper`]: {
|
|
[`${componentCls}-summary`]: {
|
|
position: 'relative',
|
|
zIndex: token.zIndexTableFixed,
|
|
background: token.tableBg,
|
|
|
|
'> tr': {
|
|
'> th, > td': {
|
|
borderBottom: tableBorder,
|
|
},
|
|
},
|
|
},
|
|
|
|
[`div${componentCls}-summary`]: {
|
|
boxShadow: `0 -${lineWidth}px 0 ${tableBorderColor}`,
|
|
},
|
|
},
|
|
};
|
|
};
|
|
|
|
export default genSummaryStyle;
|