12345678910111213141516171819202122232425262728293031323334353637383940414243444546 |
- import { unit } from '@ant-design/cssinjs';
- const genRadiusStyle = token => {
- const {
- componentCls,
- tableRadius
- } = token;
- return {
- [`${componentCls}-wrapper`]: {
- [componentCls]: {
- // https://github.com/ant-design/ant-design/issues/39115#issuecomment-1362314574
- [`${componentCls}-title, ${componentCls}-header`]: {
- borderRadius: `${unit(tableRadius)} ${unit(tableRadius)} 0 0`
- },
- [`${componentCls}-title + ${componentCls}-container`]: {
- borderStartStartRadius: 0,
- borderStartEndRadius: 0,
- // https://github.com/ant-design/ant-design/issues/41975
- [`${componentCls}-header, table`]: {
- borderRadius: 0
- },
- 'table > thead > tr:first-child': {
- 'th:first-child, th:last-child, td:first-child, td:last-child': {
- borderRadius: 0
- }
- }
- },
- '&-container': {
- borderStartStartRadius: tableRadius,
- borderStartEndRadius: tableRadius,
- 'table > thead > tr:first-child': {
- '> *:first-child': {
- borderStartStartRadius: tableRadius
- },
- '> *:last-child': {
- borderStartEndRadius: tableRadius
- }
- }
- },
- '&-footer': {
- borderRadius: `0 0 ${unit(tableRadius)} ${unit(tableRadius)}`
- }
- }
- }
- };
- };
- export default genRadiusStyle;
|