12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061 |
- "use strict";
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.default = void 0;
- var _cssinjs = require("@ant-design/cssinjs");
- const genStickyStyle = token => {
- const {
- componentCls,
- opacityLoading,
- tableScrollThumbBg,
- tableScrollThumbBgHover,
- tableScrollThumbSize,
- tableScrollBg,
- zIndexTableSticky,
- stickyScrollBarBorderRadius,
- lineWidth,
- lineType,
- tableBorderColor
- } = token;
- const tableBorder = `${(0, _cssinjs.unit)(lineWidth)} ${lineType} ${tableBorderColor}`;
- return {
- [`${componentCls}-wrapper`]: {
- [`${componentCls}-sticky`]: {
- '&-holder': {
- position: 'sticky',
- zIndex: zIndexTableSticky,
- background: token.colorBgContainer
- },
- '&-scroll': {
- position: 'sticky',
- bottom: 0,
- height: `${(0, _cssinjs.unit)(tableScrollThumbSize)} !important`,
- zIndex: zIndexTableSticky,
- display: 'flex',
- alignItems: 'center',
- background: tableScrollBg,
- borderTop: tableBorder,
- opacity: opacityLoading,
- '&:hover': {
- transformOrigin: 'center bottom'
- },
- // fake scrollbar style of sticky
- '&-bar': {
- height: tableScrollThumbSize,
- backgroundColor: tableScrollThumbBg,
- borderRadius: stickyScrollBarBorderRadius,
- transition: `all ${token.motionDurationSlow}, transform 0s`,
- position: 'absolute',
- bottom: 0,
- '&:hover, &-active': {
- backgroundColor: tableScrollThumbBgHover
- }
- }
- }
- }
- }
- };
- };
- var _default = exports.default = genStickyStyle;
|