123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101 |
- "use strict";
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.default = void 0;
- var _cssinjs = require("@ant-design/cssinjs");
- const genSelectionStyle = token => {
- const {
- componentCls,
- antCls,
- iconCls,
- fontSizeIcon,
- padding,
- paddingXS,
- headerIconColor,
- headerIconHoverColor,
- tableSelectionColumnWidth,
- tableSelectedRowBg,
- tableSelectedRowHoverBg,
- tableRowHoverBg,
- tablePaddingHorizontal,
- calc
- } = token;
- return {
- [`${componentCls}-wrapper`]: {
- // ========================== Selections ==========================
- [`${componentCls}-selection-col`]: {
- width: tableSelectionColumnWidth,
- [`&${componentCls}-selection-col-with-dropdown`]: {
- width: calc(tableSelectionColumnWidth).add(fontSizeIcon).add(calc(padding).div(4)).equal()
- }
- },
- [`${componentCls}-bordered ${componentCls}-selection-col`]: {
- width: calc(tableSelectionColumnWidth).add(calc(paddingXS).mul(2)).equal(),
- [`&${componentCls}-selection-col-with-dropdown`]: {
- width: calc(tableSelectionColumnWidth).add(fontSizeIcon).add(calc(padding).div(4)).add(calc(paddingXS).mul(2)).equal()
- }
- },
- [`
- table tr th${componentCls}-selection-column,
- table tr td${componentCls}-selection-column,
- ${componentCls}-selection-column
- `]: {
- paddingInlineEnd: token.paddingXS,
- paddingInlineStart: token.paddingXS,
- textAlign: 'center',
- [`${antCls}-radio-wrapper`]: {
- marginInlineEnd: 0
- }
- },
- [`table tr th${componentCls}-selection-column${componentCls}-cell-fix-left`]: {
- zIndex: calc(token.zIndexTableFixed).add(1).equal({
- unit: false
- })
- },
- [`table tr th${componentCls}-selection-column::after`]: {
- backgroundColor: 'transparent !important'
- },
- [`${componentCls}-selection`]: {
- position: 'relative',
- display: 'inline-flex',
- flexDirection: 'column'
- },
- [`${componentCls}-selection-extra`]: {
- position: 'absolute',
- top: 0,
- zIndex: 1,
- cursor: 'pointer',
- transition: `all ${token.motionDurationSlow}`,
- marginInlineStart: '100%',
- paddingInlineStart: (0, _cssinjs.unit)(calc(tablePaddingHorizontal).div(4).equal()),
- [iconCls]: {
- color: headerIconColor,
- fontSize: fontSizeIcon,
- verticalAlign: 'baseline',
- '&:hover': {
- color: headerIconHoverColor
- }
- }
- },
- // ============================= Rows =============================
- [`${componentCls}-tbody`]: {
- [`${componentCls}-row`]: {
- [`&${componentCls}-row-selected`]: {
- [`> ${componentCls}-cell`]: {
- background: tableSelectedRowBg,
- '&-row-hover': {
- background: tableSelectedRowHoverBg
- }
- }
- },
- [`> ${componentCls}-cell-row-hover`]: {
- background: tableRowHoverBg
- }
- }
- }
- }
- };
- };
- var _default = exports.default = genSelectionStyle;
|