@fle-ui/next 2.0.0-alpha.9 → 3.0.0-alpha.1

package/es/table/style/expand.js

@@ -0,0 +1,109 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { operationUnit } from "../../style";
+
+var genExpandStyle = function genExpandStyle(token) {
+  var _extends2, _ref3;
+
+  var componentCls = token.componentCls,
+      antCls = token.antCls,
+      checkboxSize = token.controlInteractiveSize,
+      motionDurationSlow = token.motionDurationSlow,
+      lineWidth = token.lineWidth,
+      paddingXS = token.paddingXS,
+      lineType = token.lineType,
+      tableBorderColor = token.tableBorderColor,
+      tableExpandIconBg = token.tableExpandIconBg,
+      tableExpandColumnWidth = token.tableExpandColumnWidth,
+      borderRadius = token.borderRadius,
+      fontSize = token.fontSize,
+      fontSizeSM = token.fontSizeSM,
+      lineHeight = token.lineHeight,
+      tablePaddingVertical = token.tablePaddingVertical,
+      tablePaddingHorizontal = token.tablePaddingHorizontal,
+      tableExpandedRowBg = token.tableExpandedRowBg,
+      paddingXXS = token.paddingXXS;
+  var halfInnerSize = checkboxSize / 2 - lineWidth; // must be odd number, unless it cannot align center
+
+  var expandIconSize = halfInnerSize * 2 + lineWidth * 3;
+  var tableBorder = lineWidth + "px " + lineType + " " + tableBorderColor;
+  var expandIconLineOffset = paddingXXS - lineWidth;
+  return _defineProperty({}, componentCls + "-wrapper", (_ref3 = {}, _defineProperty(_ref3, componentCls + "-expand-icon-col", {
+    width: tableExpandColumnWidth
+  }), _defineProperty(_ref3, componentCls + "-row-expand-icon-cell", _defineProperty({
+    textAlign: 'center'
+  }, componentCls + "-row-expand-icon", {
+    display: 'inline-flex',
+    "float": 'none',
+    verticalAlign: 'sub'
+  })), _defineProperty(_ref3, componentCls + "-row-indent", {
+    height: 1,
+    "float": 'left'
+  }), _defineProperty(_ref3, componentCls + "-row-expand-icon", _extends(_extends({}, operationUnit(token)), (_extends2 = {
+    position: 'relative',
+    "float": 'left',
+    boxSizing: 'border-box',
+    width: expandIconSize,
+    height: expandIconSize,
+    padding: 0,
+    color: 'inherit',
+    lineHeight: expandIconSize + "px",
+    background: tableExpandIconBg,
+    border: tableBorder,
+    borderRadius: borderRadius,
+    transform: "scale(" + checkboxSize / expandIconSize + ")",
+    transition: "all " + motionDurationSlow,
+    userSelect: 'none'
+  }, _defineProperty(_extends2, "&:focus, &:hover, &:active", {
+    borderColor: 'currentcolor'
+  }), _defineProperty(_extends2, "&::before, &::after", {
+    position: 'absolute',
+    background: 'currentcolor',
+    transition: "transform " + motionDurationSlow + " ease-out",
+    content: '""'
+  }), _defineProperty(_extends2, '&::before', {
+    top: halfInnerSize,
+    insetInlineEnd: expandIconLineOffset,
+    insetInlineStart: expandIconLineOffset,
+    height: lineWidth
+  }), _defineProperty(_extends2, '&::after', {
+    top: expandIconLineOffset,
+    bottom: expandIconLineOffset,
+    insetInlineStart: halfInnerSize,
+    width: lineWidth,
+    transform: 'rotate(90deg)'
+  }), _defineProperty(_extends2, '&-collapsed::before', {
+    transform: 'rotate(-180deg)'
+  }), _defineProperty(_extends2, '&-collapsed::after', {
+    transform: 'rotate(0deg)'
+  }), _defineProperty(_extends2, '&-spaced', {
+    '&::before, &::after': {
+      display: 'none',
+      content: 'none'
+    },
+    background: 'transparent',
+    border: 0,
+    visibility: 'hidden'
+  }), _extends2))), _defineProperty(_ref3, componentCls + "-row-indent + " + componentCls + "-row-expand-icon", {
+    marginTop: (fontSize * lineHeight - lineWidth * 3) / 2 - Math.ceil((fontSizeSM * 1.4 - lineWidth * 3) / 2),
+    marginInlineEnd: paddingXS
+  }), _defineProperty(_ref3, "tr" + componentCls + "-expanded-row", _defineProperty({
+    '&, &:hover': {
+      '> td': {
+        background: tableExpandedRowBg
+      }
+    }
+  }, antCls + "-descriptions-view", {
+    display: 'flex',
+    table: {
+      flex: 'auto',
+      width: 'auto'
+    }
+  })), _defineProperty(_ref3, componentCls + "-expanded-row-fixed", {
+    position: 'relative',
+    margin: "-" + tablePaddingVertical + "px -" + tablePaddingHorizontal + "px",
+    padding: tablePaddingVertical + "px " + tablePaddingHorizontal + "px"
+  }), _ref3));
+};
+
+export default genExpandStyle;

package/es/table/style/filter.d.ts

@@ -0,0 +1,4 @@
+import type { GenerateStyle } from '../../theme/internal';
+import type { TableToken } from './index';
+declare const genFilterStyle: GenerateStyle<TableToken>;
+export default genFilterStyle;

package/es/table/style/filter.js

@@ -0,0 +1,122 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { resetComponent } from "../../style";
+
+var genFilterStyle = function genFilterStyle(token) {
+  var _ref, _ref3, _extends2, _ref6;
+
+  var componentCls = token.componentCls,
+      antCls = token.antCls,
+      iconCls = token.iconCls,
+      tableFilterDropdownWidth = token.tableFilterDropdownWidth,
+      tableFilterDropdownSearchWidth = token.tableFilterDropdownSearchWidth,
+      paddingXXS = token.paddingXXS,
+      paddingXS = token.paddingXS,
+      colorText = token.colorText,
+      lineWidth = token.lineWidth,
+      lineType = token.lineType,
+      tableBorderColor = token.tableBorderColor,
+      tableHeaderIconColor = token.tableHeaderIconColor,
+      fontSizeSM = token.fontSizeSM,
+      tablePaddingHorizontal = token.tablePaddingHorizontal,
+      borderRadius = token.borderRadius,
+      motionDurationSlow = token.motionDurationSlow,
+      colorTextDescription = token.colorTextDescription,
+      colorPrimary = token.colorPrimary,
+      colorPrimaryActive = token.colorPrimaryActive,
+      tableHeaderFilterActiveBg = token.tableHeaderFilterActiveBg,
+      colorTextDisabled = token.colorTextDisabled,
+      tableFilterDropdownBg = token.tableFilterDropdownBg,
+      tableFilterDropdownHeight = token.tableFilterDropdownHeight,
+      controlItemBgHover = token.controlItemBgHover,
+      boxShadow = token.boxShadow;
+  var dropdownPrefixCls = antCls + "-dropdown";
+  var tableFilterDropdownPrefixCls = componentCls + "-filter-dropdown";
+  var treePrefixCls = antCls + "-tree";
+  var tableBorder = lineWidth + "px " + lineType + " " + tableBorderColor;
+  return [_defineProperty({}, componentCls + "-wrapper", (_ref = {}, _defineProperty(_ref, componentCls + "-filter-column", {
+    display: 'flex',
+    justifyContent: 'space-between'
+  }), _defineProperty(_ref, componentCls + "-filter-trigger", {
+    position: 'relative',
+    display: 'flex',
+    alignItems: 'center',
+    marginBlock: -paddingXXS,
+    marginInline: paddingXXS + "px " + -tablePaddingHorizontal / 2 + "px",
+    padding: "0 " + paddingXXS + "px",
+    color: tableHeaderIconColor,
+    fontSize: fontSizeSM,
+    borderRadius: borderRadius,
+    cursor: 'pointer',
+    transition: "all " + motionDurationSlow,
+    '&:hover': {
+      color: colorTextDescription,
+      background: tableHeaderFilterActiveBg
+    },
+    '&.active': {
+      color: colorPrimary
+    }
+  }), _ref)), _defineProperty({}, antCls + "-dropdown", _defineProperty({}, tableFilterDropdownPrefixCls, _extends(_extends({}, resetComponent(token)), (_extends2 = {
+    minWidth: tableFilterDropdownWidth,
+    backgroundColor: tableFilterDropdownBg,
+    borderRadius: borderRadius,
+    boxShadow: boxShadow
+  }, _defineProperty(_extends2, dropdownPrefixCls + "-menu", {
+    // https://github.com/ant-design/ant-design/issues/4916
+    // https://github.com/ant-design/ant-design/issues/19542
+    maxHeight: tableFilterDropdownHeight,
+    overflowX: 'hidden',
+    border: 0,
+    boxShadow: 'none',
+    '&:empty::after': {
+      display: 'block',
+      padding: paddingXS + "px 0",
+      color: colorTextDisabled,
+      fontSize: fontSizeSM,
+      textAlign: 'center',
+      content: '"Not Found"'
+    }
+  }), _defineProperty(_extends2, tableFilterDropdownPrefixCls + "-tree", (_ref3 = {
+    paddingBlock: paddingXS + "px 0",
+    paddingInline: paddingXS
+  }, _defineProperty(_ref3, treePrefixCls, {
+    padding: 0
+  }), _defineProperty(_ref3, treePrefixCls + "-treenode " + treePrefixCls + "-node-content-wrapper:hover", {
+    backgroundColor: controlItemBgHover
+  }), _defineProperty(_ref3, treePrefixCls + "-treenode-checkbox-checked " + treePrefixCls + "-node-content-wrapper", {
+    '&, &:hover': {
+      backgroundColor: colorPrimaryActive
+    }
+  }), _ref3)), _defineProperty(_extends2, tableFilterDropdownPrefixCls + "-search", {
+    padding: paddingXS,
+    borderBottom: tableBorder,
+    '&-input': _defineProperty({
+      input: {
+        minWidth: tableFilterDropdownSearchWidth
+      }
+    }, iconCls, {
+      color: colorTextDisabled
+    })
+  }), _defineProperty(_extends2, tableFilterDropdownPrefixCls + "-checkall", {
+    width: '100%',
+    marginBottom: paddingXXS,
+    marginInlineStart: paddingXXS
+  }), _defineProperty(_extends2, tableFilterDropdownPrefixCls + "-btns", {
+    display: 'flex',
+    justifyContent: 'space-between',
+    padding: paddingXS - lineWidth + "px " + paddingXS + "px",
+    overflow: 'hidden',
+    backgroundColor: 'inherit',
+    borderTop: tableBorder
+  }), _extends2)))), // Dropdown Menu & SubMenu
+  _defineProperty({}, antCls + "-dropdown " + tableFilterDropdownPrefixCls + ", " + tableFilterDropdownPrefixCls + "-submenu", (_ref6 = {}, _defineProperty(_ref6, antCls + "-checkbox-wrapper + span", {
+    paddingInlineStart: paddingXS,
+    color: colorText
+  }), _defineProperty(_ref6, "> ul", {
+    maxHeight: 'calc(100vh - 130px)',
+    overflowX: 'hidden',
+    overflowY: 'auto'
+  }), _ref6))];
+};
+
+export default genFilterStyle;

package/es/table/style/fixed.d.ts

@@ -0,0 +1,5 @@
+import type { CSSObject } from '@ant-design/cssinjs';
+import type { GenerateStyle } from '../../theme/internal';
+import type { TableToken } from './index';
+declare const genFixedStyle: GenerateStyle<TableToken, CSSObject>;
+export default genFixedStyle;

package/es/table/style/fixed.js

@@ -0,0 +1,82 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+var genFixedStyle = function genFixedStyle(token) {
+  var _ref, _ref2, _ref3;
+
+  var componentCls = token.componentCls,
+      lineWidth = token.lineWidth,
+      colorSplit = token.colorSplit,
+      motionDurationSlow = token.motionDurationSlow,
+      zIndexTableFixed = token.zIndexTableFixed,
+      tableBg = token.tableBg;
+  var shadowColor = colorSplit; // Follow style is magic of shadow which should not follow token:
+
+  return _defineProperty({}, componentCls + "-wrapper", (_ref3 = {}, _defineProperty(_ref3, "\n        " + componentCls + "-cell-fix-left,\n        " + componentCls + "-cell-fix-right\n      ", {
+    position: 'sticky !important',
+    zIndex: zIndexTableFixed,
+    background: tableBg
+  }), _defineProperty(_ref3, "\n        " + componentCls + "-cell-fix-left-first::after,\n        " + componentCls + "-cell-fix-left-last::after\n      ", {
+    position: 'absolute',
+    top: 0,
+    right: {
+      _skip_check_: true,
+      value: 0
+    },
+    bottom: -lineWidth,
+    width: 30,
+    transform: 'translateX(100%)',
+    transition: "box-shadow " + motionDurationSlow,
+    content: '""',
+    pointerEvents: 'none'
+  }), _defineProperty(_ref3, componentCls + "-cell-fix-left-all::after", {
+    display: 'none'
+  }), _defineProperty(_ref3, "\n        " + componentCls + "-cell-fix-right-first::after,\n        " + componentCls + "-cell-fix-right-last::after\n      ", {
+    position: 'absolute',
+    top: 0,
+    bottom: -lineWidth,
+    left: {
+      _skip_check_: true,
+      value: 0
+    },
+    width: 30,
+    transform: 'translateX(-100%)',
+    transition: "box-shadow " + motionDurationSlow,
+    content: '""',
+    pointerEvents: 'none'
+  }), _defineProperty(_ref3, componentCls + "-container", {
+    '&::before, &::after': {
+      position: 'absolute',
+      top: 0,
+      bottom: 0,
+      zIndex: zIndexTableFixed,
+      width: 30,
+      transition: "box-shadow " + motionDurationSlow,
+      content: '""',
+      pointerEvents: 'none'
+    },
+    '&::before': {
+      insetInlineStart: 0
+    },
+    '&::after': {
+      insetInlineEnd: 0
+    }
+  }), _defineProperty(_ref3, componentCls + "-ping-left", (_ref = {}, _defineProperty(_ref, "&:not(" + componentCls + "-has-fix-left) " + componentCls + "-container", {
+    position: 'relative',
+    '&::before': {
+      boxShadow: "inset 10px 0 8px -8px " + shadowColor
+    }
+  }), _defineProperty(_ref, "\n          " + componentCls + "-cell-fix-left-first::after,\n          " + componentCls + "-cell-fix-left-last::after\n        ", {
+    boxShadow: "inset 10px 0 8px -8px " + shadowColor
+  }), _defineProperty(_ref, componentCls + "-cell-fix-left-last::before", {
+    backgroundColor: 'transparent !important'
+  }), _ref)), _defineProperty(_ref3, componentCls + "-ping-right", (_ref2 = {}, _defineProperty(_ref2, "&:not(" + componentCls + "-has-fix-right) " + componentCls + "-container", {
+    position: 'relative',
+    '&::after': {
+      boxShadow: "inset -10px 0 8px -8px " + shadowColor
+    }
+  }), _defineProperty(_ref2, "\n          " + componentCls + "-cell-fix-right-first::after,\n          " + componentCls + "-cell-fix-right-last::after\n        ", {
+    boxShadow: "inset -10px 0 8px -8px " + shadowColor
+  }), _ref2)), _ref3));
+};
+
+export default genFixedStyle;

package/es/table/style/index.d.ts

@@ -1,12 +1,48 @@
-import '../../style/default.less';
-import './index.less';
-import '../../button/style';
-import '../../checkbox/style';
-import '../../dropdown/style';
-import '../../empty/style';
-import '../../input/style';
-import '../../pagination/style';
-import '../../radio/style';
-import '../../spin/style';
-import '../../tooltip/style';
-import '../../tree/style';
+import type { FullToken } from '../../theme/internal';
+export interface ComponentToken {
+}
+export interface TableToken extends FullToken<'Table'> {
+    tableFontSize: number;
+    tableBg: string;
+    tableRadius: number;
+    tablePaddingHorizontal: number;
+    tablePaddingVertical: number;
+    tablePaddingHorizontalMiddle: number;
+    tablePaddingVerticalMiddle: number;
+    tablePaddingHorizontalSmall: number;
+    tablePaddingVerticalSmall: number;
+    tableBorderColor: string;
+    tableHeaderTextColor: string;
+    tableHeaderBg: string;
+    tableFooterTextColor: string;
+    tableFooterBg: string;
+    tableHeaderCellSplitColor: string;
+    tableHeaderSortBg: string;
+    tableHeaderSortHoverBg: string;
+    tableHeaderIconColor: string;
+    tableHeaderIconColorHover: string;
+    tableBodySortBg: string;
+    tableFixedHeaderSortActiveBg: string;
+    tableHeaderFilterActiveBg: string;
+    tableFilterDropdownBg: string;
+    tableFilterDropdownHeight: number;
+    tableRowHoverBg: string;
+    tableSelectedRowBg: string;
+    tableSelectedRowHoverBg: string;
+    tableFontSizeMiddle: number;
+    tableFontSizeSmall: number;
+    tableSelectionColumnWidth: number;
+    tableExpandIconBg: string;
+    tableExpandColumnWidth: number;
+    tableExpandedRowBg: string;
+    tableFilterDropdownWidth: number;
+    tableFilterDropdownSearchWidth: number;
+    zIndexTableFixed: number;
+    zIndexTableSticky: number;
+    tableScrollThumbSize: number;
+    tableScrollThumbBg: string;
+    tableScrollThumbBgHover: string;
+    tableScrollBg: string;
+}
+declare const _default: (prefixCls: string) => import("../../theme/internal").UseComponentStyleResult;
+export default _default;

package/es/table/style/index.js

@@ -1,15 +1,213 @@
-import "../../style/default.less";
-import "./index.less"; // style dependencies
-// deps-lint-skip: menu
-// deps-lint-skip: grid
-
-import "../../button/style";
-import "../../checkbox/style";
-import "../../dropdown/style";
-import "../../empty/style";
-import "../../input/style";
-import "../../pagination/style";
-import "../../radio/style";
-import "../../spin/style";
-import "../../tooltip/style";
-import "../../tree/style";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { TinyColor } from '@ctrl/tinycolor';
+import { genComponentStyleHook, mergeToken } from "../../theme/internal";
+import genBorderedStyle from "./bordered";
+import genEllipsisStyle from "./ellipsis";
+import genEmptyStyle from "./empty";
+import genExpandStyle from "./expand";
+import genFilterStyle from "./filter";
+import genFixedStyle from "./fixed";
+import genPaginationStyle from "./pagination";
+import genRadiusStyle from "./radius";
+import genRtlStyle from "./rtl";
+import genSelectionStyle from "./selection";
+import genSizeStyle from "./size";
+import genSorterStyle from "./sorter";
+import genStickyStyle from "./sticky";
+import genSummaryStyle from "./summary";
+import { clearFix, resetComponent } from "../../style";
+
+var genTableStyle = function genTableStyle(token) {
+  var _tr, _ref3, _extends2;
+
+  var componentCls = token.componentCls,
+      fontWeightStrong = token.fontWeightStrong,
+      tablePaddingVertical = token.tablePaddingVertical,
+      tablePaddingHorizontal = token.tablePaddingHorizontal,
+      lineWidth = token.lineWidth,
+      lineType = token.lineType,
+      tableBorderColor = token.tableBorderColor,
+      tableFontSize = token.tableFontSize,
+      tableBg = token.tableBg,
+      tableRadius = token.tableRadius,
+      tableHeaderTextColor = token.tableHeaderTextColor,
+      motionDurationSlow = token.motionDurationSlow,
+      tableHeaderBg = token.tableHeaderBg,
+      tableHeaderCellSplitColor = token.tableHeaderCellSplitColor,
+      tableRowHoverBg = token.tableRowHoverBg,
+      tableSelectedRowBg = token.tableSelectedRowBg,
+      tableSelectedRowHoverBg = token.tableSelectedRowHoverBg,
+      tableFooterTextColor = token.tableFooterTextColor,
+      tableFooterBg = token.tableFooterBg,
+      paddingContentVerticalLG = token.paddingContentVerticalLG,
+      wireframe = token.wireframe;
+  var tableBorder = lineWidth + "px " + lineType + " " + tableBorderColor;
+  return _defineProperty({}, componentCls + "-wrapper", _extends(_extends({
+    clear: 'both',
+    maxWidth: '100%'
+  }, clearFix()), (_extends2 = {}, _defineProperty(_extends2, componentCls, _extends(_extends({}, resetComponent(token)), {
+    fontSize: tableFontSize,
+    background: tableBg,
+    borderRadius: tableRadius
+  })), _defineProperty(_extends2, "table", {
+    width: '100%',
+    textAlign: 'start',
+    borderRadius: tableRadius + "px " + tableRadius + "px 0 0",
+    borderCollapse: 'separate',
+    borderSpacing: 0
+  }), _defineProperty(_extends2, "\n          " + componentCls + "-thead > tr > th,\n          " + componentCls + "-tbody > tr > td,\n          tfoot > tr > th,\n          tfoot > tr > td\n        ", {
+    position: 'relative',
+    padding: paddingContentVerticalLG + "px " + tablePaddingHorizontal + "px",
+    overflowWrap: 'break-word'
+  }), _defineProperty(_extends2, componentCls + "-title", {
+    padding: tablePaddingVertical + "px " + tablePaddingHorizontal + "px"
+  }), _defineProperty(_extends2, componentCls + "-thead", {
+    '> tr > th': _defineProperty({
+      position: 'relative',
+      color: tableHeaderTextColor,
+      fontWeight: fontWeightStrong,
+      textAlign: 'start',
+      background: tableHeaderBg,
+      borderBottom: tableBorder,
+      transition: "background " + motionDurationSlow + " ease",
+      "&[colspan]:not([colspan='1'])": {
+        textAlign: 'center'
+      }
+    }, "&:not(:last-child):not(" + componentCls + "-selection-column):not(" + componentCls + "-row-expand-icon-cell):not([colspan])::before", {
+      position: 'absolute',
+      top: '50%',
+      insetInlineEnd: 0,
+      width: 1,
+      height: '1.6em',
+      backgroundColor: tableHeaderCellSplitColor,
+      transform: 'translateY(-50%)',
+      transition: "background-color " + motionDurationSlow,
+      content: '""'
+    }),
+    '> tr:not(:last-child) > th[colspan]': {
+      borderBottom: 0
+    }
+  }), _defineProperty(_extends2, componentCls + "-tbody", {
+    '> tr': (_tr = {
+      '> td': _defineProperty({
+        borderTop: tableBorder,
+        transition: "background " + motionDurationSlow
+      }, "\n              > " + componentCls + "-wrapper:only-child,\n              > " + componentCls + "-expanded-row-fixed > " + componentCls + "-wrapper:only-child\n            ", _defineProperty({}, componentCls, _defineProperty({
+        marginBlock: "-" + tablePaddingVertical + "px",
+        marginInline: token.tableExpandColumnWidth - tablePaddingHorizontal + "px -" + tablePaddingHorizontal + "px"
+      }, componentCls + "-tbody > tr:last-child > td", {
+        borderBottom: 0,
+        '&:first-child, &:last-child': {
+          borderRadius: 0
+        }
+      }))),
+      '&:last-child > td': {
+        borderBottom: tableBorder
+      }
+    }, _defineProperty(_tr, "&:first-child > td,\n            &" + componentCls + "-measure-row + tr > td", {
+      borderTop: 'none'
+    }), _defineProperty(_tr, "\n            &" + componentCls + "-row:hover > td,\n            > td" + componentCls + "-cell-row-hover\n          ", {
+      background: tableRowHoverBg
+    }), _defineProperty(_tr, "&" + componentCls + "-row-selected", {
+      '> td': {
+        background: tableSelectedRowBg
+      },
+      '&:hover > td': {
+        background: tableSelectedRowHoverBg
+      }
+    }), _tr)
+  }), _defineProperty(_extends2, componentCls + ":not(" + componentCls + "-bordered) " + componentCls + "-tbody > tr", wireframe ? undefined : (_ref3 = {}, _defineProperty(_ref3, "&" + componentCls + "-row:hover, &" + componentCls + "-row" + componentCls + "-row-selected", _defineProperty({}, "+ tr" + componentCls + "-row > td", {
+    borderTopColor: 'transparent'
+  })), _defineProperty(_ref3, "&" + componentCls + "-row:last-child:hover > td,\n          &" + componentCls + "-row" + componentCls + "-row-selected:last-child > td", {
+    borderBottomColor: 'transparent'
+  }), _defineProperty(_ref3, "\n          &" + componentCls + "-row:hover > td,\n          > td" + componentCls + "-cell-row-hover,\n          &" + componentCls + "-row" + componentCls + "-row-selected > td\n        ", {
+    borderTopColor: 'transparent',
+    '&:first-child': {
+      borderStartStartRadius: tableRadius,
+      borderEndStartRadius: tableRadius
+    },
+    '&:last-child': {
+      borderStartEndRadius: tableRadius,
+      borderEndEndRadius: tableRadius
+    }
+  }), _ref3)), _defineProperty(_extends2, componentCls + "-footer", {
+    padding: tablePaddingVertical + "px " + tablePaddingHorizontal + "px",
+    color: tableFooterTextColor,
+    background: tableFooterBg
+  }), _extends2)));
+}; // ============================== Export ==============================
+
+
+export default genComponentStyleHook('Table', function (token) {
+  var controlItemBgActive = token.controlItemBgActive,
+      controlItemBgActiveHover = token.controlItemBgActiveHover,
+      colorTextPlaceholder = token.colorTextPlaceholder,
+      colorTextHeading = token.colorTextHeading,
+      colorSplit = token.colorSplit,
+      fontSize = token.fontSize,
+      padding = token.padding,
+      paddingXS = token.paddingXS,
+      paddingSM = token.paddingSM,
+      controlHeight = token.controlHeight,
+      colorFillAlter = token.colorFillAlter,
+      colorIcon = token.colorIcon,
+      colorIconHover = token.colorIconHover,
+      opacityLoading = token.opacityLoading,
+      colorBgContainer = token.colorBgContainer,
+      colorFillSecondary = token.colorFillSecondary,
+      borderRadiusLG = token.borderRadiusLG,
+      colorFillContent = token.colorFillContent,
+      checkboxSize = token.controlInteractiveSize;
+  var baseColorAction = new TinyColor(colorIcon);
+  var baseColorActionHover = new TinyColor(colorIconHover);
+  var tableSelectedRowBg = controlItemBgActive;
+  var zIndexTableFixed = 2;
+  var colorFillAlterSolid = new TinyColor(colorFillAlter).onBackground(colorBgContainer).toHexString();
+  var tableToken = mergeToken(token, {
+    tableFontSize: fontSize,
+    tableBg: colorBgContainer,
+    tableRadius: borderRadiusLG,
+    tablePaddingVertical: padding,
+    tablePaddingHorizontal: padding,
+    tablePaddingVerticalMiddle: paddingSM,
+    tablePaddingHorizontalMiddle: paddingXS,
+    tablePaddingVerticalSmall: paddingXS,
+    tablePaddingHorizontalSmall: paddingXS,
+    tableBorderColor: colorSplit,
+    tableHeaderTextColor: colorTextHeading,
+    tableHeaderBg: colorFillAlterSolid,
+    tableFooterTextColor: colorTextHeading,
+    tableFooterBg: colorFillAlterSolid,
+    tableHeaderCellSplitColor: colorSplit,
+    tableHeaderSortBg: colorFillSecondary,
+    tableHeaderSortHoverBg: colorFillContent,
+    tableHeaderIconColor: baseColorAction.clone().setAlpha(baseColorAction.getAlpha() * opacityLoading).toRgbString(),
+    tableHeaderIconColorHover: baseColorActionHover.clone().setAlpha(baseColorActionHover.getAlpha() * opacityLoading).toRgbString(),
+    tableBodySortBg: colorFillAlter,
+    tableFixedHeaderSortActiveBg: colorFillSecondary,
+    tableHeaderFilterActiveBg: colorFillContent,
+    tableFilterDropdownBg: colorBgContainer,
+    tableRowHoverBg: colorFillAlterSolid,
+    tableSelectedRowBg: tableSelectedRowBg,
+    tableSelectedRowHoverBg: controlItemBgActiveHover,
+    zIndexTableFixed: zIndexTableFixed,
+    zIndexTableSticky: zIndexTableFixed + 1,
+    tableFontSizeMiddle: fontSize,
+    tableFontSizeSmall: fontSize,
+    tableSelectionColumnWidth: controlHeight,
+    tableExpandIconBg: colorBgContainer,
+    tableExpandColumnWidth: checkboxSize + 2 * token.padding,
+    tableExpandedRowBg: colorFillAlter,
+    // Dropdown
+    tableFilterDropdownWidth: 120,
+    tableFilterDropdownHeight: 264,
+    tableFilterDropdownSearchWidth: 140,
+    // Virtual Scroll Bar
+    tableScrollThumbSize: 8,
+    tableScrollThumbBg: colorTextPlaceholder,
+    tableScrollThumbBgHover: colorTextHeading,
+    tableScrollBg: colorSplit
+  });
+  return [genTableStyle(tableToken), genPaginationStyle(tableToken), genSummaryStyle(tableToken), genSorterStyle(tableToken), genFilterStyle(tableToken), genBorderedStyle(tableToken), genRadiusStyle(tableToken), genExpandStyle(tableToken), genSummaryStyle(tableToken), genEmptyStyle(tableToken), genSelectionStyle(tableToken), genFixedStyle(tableToken), genStickyStyle(tableToken), genEllipsisStyle(tableToken), genSizeStyle(tableToken), genRtlStyle(tableToken)];
+});

package/es/table/style/pagination.d.ts

@@ -0,0 +1,5 @@
+import type { CSSObject } from '@ant-design/cssinjs';
+import type { GenerateStyle } from '../../theme/internal';
+import type { TableToken } from './index';
+declare const genPaginationStyle: GenerateStyle<TableToken, CSSObject>;
+export default genPaginationStyle;

package/es/table/style/pagination.js

@@ -0,0 +1,29 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+var genPaginationStyle = function genPaginationStyle(token) {
+  var _ref;
+
+  var componentCls = token.componentCls,
+      antCls = token.antCls;
+  return _defineProperty({}, componentCls + "-wrapper", (_ref = {}, _defineProperty(_ref, componentCls + "-pagination" + antCls + "-pagination", {
+    margin: token.margin + "px 0"
+  }), _defineProperty(_ref, componentCls + "-pagination", {
+    display: 'flex',
+    flexWrap: 'wrap',
+    rowGap: token.paddingXS,
+    '> *': {
+      flex: 'none'
+    },
+    '&-left': {
+      justifyContent: 'flex-start'
+    },
+    '&-center': {
+      justifyContent: 'center'
+    },
+    '&-right': {
+      justifyContent: 'flex-end'
+    }
+  }), _ref));
+};
+
+export default genPaginationStyle;

package/es/table/style/radius.d.ts

@@ -0,0 +1,5 @@
+import type { CSSObject } from '@ant-design/cssinjs';
+import type { GenerateStyle } from '../../theme/internal';
+import type { TableToken } from './index';
+declare const genRadiusStyle: GenerateStyle<TableToken, CSSObject>;
+export default genRadiusStyle;