first commit
This commit is contained in:
139
frontend/node_modules/antd/es/table/style/bordered.js
generated
vendored
Normal file
139
frontend/node_modules/antd/es/table/style/bordered.js
generated
vendored
Normal file
@@ -0,0 +1,139 @@
|
||||
import { unit } from '@ant-design/cssinjs';
|
||||
const genBorderedStyle = token => {
|
||||
const {
|
||||
componentCls,
|
||||
lineWidth,
|
||||
lineType,
|
||||
tableBorderColor,
|
||||
tableHeaderBg,
|
||||
tablePaddingVertical,
|
||||
tablePaddingHorizontal,
|
||||
calc
|
||||
} = token;
|
||||
const tableBorder = `${unit(lineWidth)} ${lineType} ${tableBorderColor}`;
|
||||
const getSizeBorderStyle = (size, paddingVertical, paddingHorizontal) => ({
|
||||
[`&${componentCls}-${size}`]: {
|
||||
[`> ${componentCls}-container`]: {
|
||||
[`> ${componentCls}-content, > ${componentCls}-body`]: {
|
||||
[`
|
||||
> table > tbody > tr > th,
|
||||
> table > tbody > tr > td
|
||||
`]: {
|
||||
[`> ${componentCls}-expanded-row-fixed`]: {
|
||||
margin: `${unit(calc(paddingVertical).mul(-1).equal())}
|
||||
${unit(calc(calc(paddingHorizontal).add(lineWidth)).mul(-1).equal())}`
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
return {
|
||||
[`${componentCls}-wrapper`]: {
|
||||
[`${componentCls}${componentCls}-bordered`]: Object.assign(Object.assign(Object.assign({
|
||||
// ============================ Title =============================
|
||||
[`> ${componentCls}-title`]: {
|
||||
border: tableBorder,
|
||||
borderBottom: 0
|
||||
},
|
||||
// ============================ Content ============================
|
||||
[`> ${componentCls}-container`]: {
|
||||
borderInlineStart: tableBorder,
|
||||
borderTop: tableBorder,
|
||||
[`
|
||||
> ${componentCls}-content,
|
||||
> ${componentCls}-header,
|
||||
> ${componentCls}-body,
|
||||
> ${componentCls}-summary
|
||||
`]: {
|
||||
'> table': {
|
||||
// ============================= Cell =============================
|
||||
[`
|
||||
> thead > tr > th,
|
||||
> thead > tr > td,
|
||||
> tbody > tr > th,
|
||||
> tbody > tr > td,
|
||||
> tfoot > tr > th,
|
||||
> tfoot > tr > td
|
||||
`]: {
|
||||
borderInlineEnd: tableBorder
|
||||
},
|
||||
// ============================ Header ============================
|
||||
'> thead': {
|
||||
'> tr:not(:last-child) > th': {
|
||||
borderBottom: tableBorder
|
||||
},
|
||||
'> tr > th::before': {
|
||||
backgroundColor: 'transparent !important'
|
||||
}
|
||||
},
|
||||
// Fixed right should provides additional border
|
||||
[`
|
||||
> thead > tr,
|
||||
> tbody > tr,
|
||||
> tfoot > tr
|
||||
`]: {
|
||||
[`> ${componentCls}-cell-fix-right-first::after`]: {
|
||||
borderInlineEnd: tableBorder
|
||||
}
|
||||
},
|
||||
// ========================== Expandable ==========================
|
||||
[`
|
||||
> tbody > tr > th,
|
||||
> tbody > tr > td
|
||||
`]: {
|
||||
[`> ${componentCls}-expanded-row-fixed`]: {
|
||||
margin: `${unit(calc(tablePaddingVertical).mul(-1).equal())} ${unit(calc(calc(tablePaddingHorizontal).add(lineWidth)).mul(-1).equal())}`,
|
||||
'&::after': {
|
||||
position: 'absolute',
|
||||
top: 0,
|
||||
insetInlineEnd: lineWidth,
|
||||
bottom: 0,
|
||||
borderInlineEnd: tableBorder,
|
||||
content: '""'
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
// ============================ Scroll ============================
|
||||
[`&${componentCls}-scroll-horizontal`]: {
|
||||
[`> ${componentCls}-container > ${componentCls}-body`]: {
|
||||
'> table > tbody': {
|
||||
[`
|
||||
> tr${componentCls}-expanded-row,
|
||||
> tr${componentCls}-placeholder
|
||||
`]: {
|
||||
'> th, > td': {
|
||||
borderInlineEnd: 0
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}, getSizeBorderStyle('middle', token.tablePaddingVerticalMiddle, token.tablePaddingHorizontalMiddle)), getSizeBorderStyle('small', token.tablePaddingVerticalSmall, token.tablePaddingHorizontalSmall)), {
|
||||
// ============================ Footer ============================
|
||||
[`> ${componentCls}-footer`]: {
|
||||
border: tableBorder,
|
||||
borderTop: 0
|
||||
}
|
||||
}),
|
||||
// ============================ Nested ============================
|
||||
[`${componentCls}-cell`]: {
|
||||
[`${componentCls}-container:first-child`]: {
|
||||
// :first-child to avoid the case when bordered and title is set
|
||||
borderTop: 0
|
||||
},
|
||||
// https://github.com/ant-design/ant-design/issues/35577
|
||||
'&-scrollbar:not([rowspan])': {
|
||||
boxShadow: `0 ${unit(lineWidth)} 0 ${unit(lineWidth)} ${tableHeaderBg}`
|
||||
}
|
||||
},
|
||||
[`${componentCls}-bordered ${componentCls}-cell-scrollbar`]: {
|
||||
borderInlineEnd: tableBorder
|
||||
}
|
||||
}
|
||||
};
|
||||
};
|
||||
export default genBorderedStyle;
|
||||
Reference in New Issue
Block a user