mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-02 15:59:38 +08:00
5d9cb2e50d
* refactor: Optimize theme export and add docs * chore: fix lint * chore: fix lint * chore: fix lint
30 lines
838 B
TypeScript
30 lines
838 B
TypeScript
import type { CSSObject } from '@ant-design/cssinjs';
|
|
import type { GenerateStyle } from '../../theme/internal';
|
|
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;
|