123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145 |
- "use strict";
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.default = void 0;
- var _cssinjs = require("@ant-design/cssinjs");
- const genBorderedStyle = token => {
- const {
- componentCls,
- lineWidth,
- lineType,
- tableBorderColor,
- tableHeaderBg,
- tablePaddingVertical,
- tablePaddingHorizontal,
- calc
- } = token;
- const tableBorder = `${(0, _cssinjs.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: `${(0, _cssinjs.unit)(calc(paddingVertical).mul(-1).equal())}
- ${(0, _cssinjs.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: `${(0, _cssinjs.unit)(calc(tablePaddingVertical).mul(-1).equal())} ${(0, _cssinjs.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 ${(0, _cssinjs.unit)(lineWidth)} 0 ${(0, _cssinjs.unit)(lineWidth)} ${tableHeaderBg}`
- }
- },
- [`${componentCls}-bordered ${componentCls}-cell-scrollbar`]: {
- borderInlineEnd: tableBorder
- }
- }
- };
- };
- var _default = exports.default = genBorderedStyle;
|