ant-design/components/table/style/radius.tsx
afc163 9b95a30ec9
refactor: Table to CSS-IN-JS (#35584)
* style: add basic styles of table

* style: add basic border styles of table

* style: add more styles of table

* style: add more styles of table

* style: add pagination and summary styles

* add more styles

* style: add cell-ellipsis styles

* style: add Radius style

* style: add basic styles of table

* style: add basic border styles of table

* style: add more styles of table

* style: add more styles of table

* style: add pagination and summary styles

* add more styles

* style: add cell-ellipsis styles

* style: add Radius style

* style: add sorter style

* style: add sorter style

* style: add filter style

* style: add filter style

* style: add filter style

* style: fix filter and sort style

* style: fix bordered style

* style: fix bordered style

* style: fix bordered style

* style: add size style

* style: fix size style

* style: add selection style

* style: format code

* style: add sticky code

* style: add expand code

* style: add expand code

* style: add expand code

* style: add fixed code

* add fixed style

* style: fix diff place

* style: use number as px string

* chore: improve function name

* chore: use token

* style: rtl styles

* chore: fix marigin and padding logical properties

* fix: rtl styles

* fix: table filter dropdown style

* chore: remove useStyle

* chore: revert classNames

* fix: test case

* fix shadow in rtl

* Apply suggestions from code review

* chore: sub filter tree

* style: fix tree dropdown padding

Co-authored-by: zombiej <smith3816@gmail.com>
2022-05-31 10:10:35 +08:00

53 lines
1.3 KiB
TypeScript

import type { CSSObject } from '@ant-design/cssinjs';
import type { GenerateStyle } from '../../_util/theme';
import type { TableToken } from './index';
const genRadiusStyle: GenerateStyle<TableToken, CSSObject> = token => {
const { componentCls } = token;
return {
[`${componentCls}-wrapper`]: {
[componentCls]: {
'&-title': {
borderRadius: `${token.tableRadius}px ${token.tableRadius}px 0 0`,
},
'&-title + &-container': {
borderStartStartRadius: 0,
borderStartEndRadius: 0,
'table > thead > tr:first-child': {
'th:first-child': {
borderRadius: 0,
},
'th:last-child': {
borderRadius: 0,
},
},
},
'&-container': {
borderStartStartRadius: token.tableRadius,
borderStartEndRadius: token.tableRadius,
'table > thead > tr:first-child': {
'th:first-child': {
borderStartStartRadius: token.tableRadius,
},
'th:last-child': {
borderStartEndRadius: token.tableRadius,
},
},
},
'&-footer': {
borderRadius: `0 0 ${token.tableRadius}px ${token.tableRadius}px`,
},
},
},
};
};
export default genRadiusStyle;