antdv-next 0.0.111 → 1.0.0-alpha.2

package/dist/table/style/expand.js

@@ -0,0 +1,91 @@
+import { operationUnit } from "../../style/index.js";
+import { unit } from "@antdv-next/cssinjs";
+
+//#region src/table/style/expand.ts
+const genExpandStyle = (token) => {
+	const { componentCls, antCls, motionDurationSlow, lineWidth, paddingXS, lineType, tableBorderColor, tableExpandIconBg, tableExpandColumnWidth, borderRadius, tablePaddingVertical, tablePaddingHorizontal, tableExpandedRowBg, paddingXXS, expandIconMarginTop, expandIconSize, expandIconHalfInner, expandIconScale, calc } = token;
+	const tableBorder = `${unit(lineWidth)} ${lineType} ${tableBorderColor}`;
+	const expandIconLineOffset = calc(paddingXXS).sub(lineWidth).equal();
+	return { [`${componentCls}-wrapper`]: {
+		[`${componentCls}-expand-icon-col`]: { width: tableExpandColumnWidth },
+		[`${componentCls}-row-expand-icon-cell`]: {
+			textAlign: "center",
+			[`${componentCls}-row-expand-icon`]: {
+				display: "inline-flex",
+				float: "none",
+				verticalAlign: "sub"
+			}
+		},
+		[`${componentCls}-row-indent`]: {
+			height: 1,
+			float: "left"
+		},
+		[`${componentCls}-row-expand-icon`]: {
+			...operationUnit(token),
+			"position": "relative",
+			"float": "left",
+			"width": expandIconSize,
+			"height": expandIconSize,
+			"color": "inherit",
+			"lineHeight": unit(expandIconSize),
+			"background": tableExpandIconBg,
+			"border": tableBorder,
+			borderRadius,
+			"transform": `scale(${expandIconScale})`,
+			"&:focus, &:hover, &:active": { borderColor: "currentcolor" },
+			"&::before, &::after": {
+				position: "absolute",
+				background: "currentcolor",
+				transition: `transform ${motionDurationSlow} ease-out`,
+				content: "\"\""
+			},
+			"&::before": {
+				top: expandIconHalfInner,
+				insetInlineEnd: expandIconLineOffset,
+				insetInlineStart: expandIconLineOffset,
+				height: lineWidth
+			},
+			"&::after": {
+				top: expandIconLineOffset,
+				bottom: expandIconLineOffset,
+				insetInlineStart: expandIconHalfInner,
+				width: lineWidth,
+				transform: "rotate(90deg)"
+			},
+			"&-collapsed::before": { transform: "rotate(-180deg)" },
+			"&-collapsed::after": { transform: "rotate(0deg)" },
+			"&-spaced": {
+				"&::before, &::after": {
+					display: "none",
+					content: "none"
+				},
+				"background": "transparent",
+				"border": 0,
+				"visibility": "hidden"
+			}
+		},
+		[`${componentCls}-row-indent + ${componentCls}-row-expand-icon`]: {
+			marginTop: expandIconMarginTop,
+			marginInlineEnd: paddingXS
+		},
+		[`tr${componentCls}-expanded-row`]: {
+			"&, &:hover": { "> th, > td": { background: tableExpandedRowBg } },
+			[`${antCls}-descriptions-view`]: {
+				display: "flex",
+				table: {
+					flex: "auto",
+					width: "100%"
+				}
+			}
+		},
+		[`${componentCls}-expanded-row-fixed`]: {
+			position: "relative",
+			margin: `${unit(calc(tablePaddingVertical).mul(-1).equal())} ${unit(calc(tablePaddingHorizontal).mul(-1).equal())}`,
+			padding: `${unit(tablePaddingVertical)} ${unit(tablePaddingHorizontal)}`
+		}
+	} };
+};
+var expand_default = genExpandStyle;
+
+//#endregion
+export { expand_default as default };

package/dist/table/style/filter.js

@@ -0,0 +1,103 @@
+import { resetComponent } from "../../style/index.js";
+import { unit } from "@antdv-next/cssinjs";
+
+//#region src/table/style/filter.ts
+const genFilterStyle = (token) => {
+	const { componentCls, antCls, iconCls, tableFilterDropdownWidth, tableFilterDropdownSearchWidth, paddingXXS, paddingXS, colorText, lineWidth, lineType, tableBorderColor, headerIconColor, fontSizeSM, tablePaddingHorizontal, borderRadius, motionDurationSlow, colorIcon, colorPrimary, tableHeaderFilterActiveBg, colorTextDisabled, tableFilterDropdownBg, tableFilterDropdownHeight, controlItemBgHover, controlItemBgActive, boxShadowSecondary, filterDropdownMenuBg, calc } = token;
+	const dropdownPrefixCls = `${antCls}-dropdown`;
+	const tableFilterDropdownPrefixCls = `${componentCls}-filter-dropdown`;
+	const treePrefixCls = `${antCls}-tree`;
+	const tableBorder = `${unit(lineWidth)} ${lineType} ${tableBorderColor}`;
+	return [
+		{ [`${componentCls}-wrapper`]: {
+			[`${componentCls}-filter-column`]: {
+				display: "flex",
+				justifyContent: "space-between"
+			},
+			[`${componentCls}-filter-trigger`]: {
+				"position": "relative",
+				"display": "flex",
+				"alignItems": "center",
+				"marginBlock": calc(paddingXXS).mul(-1).equal(),
+				"marginInline": `${unit(paddingXXS)} ${unit(calc(tablePaddingHorizontal).div(2).mul(-1).equal())}`,
+				"padding": `0 ${unit(paddingXXS)}`,
+				"color": headerIconColor,
+				"fontSize": fontSizeSM,
+				borderRadius,
+				"cursor": "pointer",
+				"transition": `all ${motionDurationSlow}`,
+				"&:hover": {
+					color: colorIcon,
+					background: tableHeaderFilterActiveBg
+				},
+				"&.active": { color: colorPrimary }
+			}
+		} },
+		{ [`${antCls}-dropdown`]: { [tableFilterDropdownPrefixCls]: {
+			...resetComponent(token),
+			minWidth: tableFilterDropdownWidth,
+			backgroundColor: tableFilterDropdownBg,
+			borderRadius,
+			boxShadow: boxShadowSecondary,
+			overflow: "hidden",
+			[`${dropdownPrefixCls}-menu`]: {
+				"maxHeight": tableFilterDropdownHeight,
+				"overflowX": "hidden",
+				"border": 0,
+				"boxShadow": "none",
+				"borderRadius": "unset",
+				"backgroundColor": filterDropdownMenuBg,
+				"&:empty::after": {
+					display: "block",
+					padding: `${unit(paddingXS)} 0`,
+					color: colorTextDisabled,
+					fontSize: fontSizeSM,
+					textAlign: "center",
+					content: "\"Not Found\""
+				}
+			},
+			[`${tableFilterDropdownPrefixCls}-tree`]: {
+				paddingBlock: `${unit(paddingXS)} 0`,
+				paddingInline: paddingXS,
+				[treePrefixCls]: { padding: 0 },
+				[`${treePrefixCls}-treenode ${treePrefixCls}-node-content-wrapper:hover`]: { backgroundColor: controlItemBgHover },
+				[`${treePrefixCls}-treenode-checkbox-checked ${treePrefixCls}-node-content-wrapper`]: { "&, &:hover": { backgroundColor: controlItemBgActive } }
+			},
+			[`${tableFilterDropdownPrefixCls}-search`]: {
+				"padding": paddingXS,
+				"borderBottom": tableBorder,
+				"&-input": {
+					input: { minWidth: tableFilterDropdownSearchWidth },
+					[iconCls]: { color: colorTextDisabled }
+				}
+			},
+			[`${tableFilterDropdownPrefixCls}-checkall`]: {
+				width: "100%",
+				marginBottom: paddingXXS,
+				marginInlineStart: paddingXXS
+			},
+			[`${tableFilterDropdownPrefixCls}-btns`]: {
+				display: "flex",
+				justifyContent: "space-between",
+				padding: `${unit(calc(paddingXS).sub(lineWidth).equal())} ${unit(paddingXS)}`,
+				overflow: "hidden",
+				borderTop: tableBorder
+			}
+		} } },
+		{ [`${antCls}-dropdown ${tableFilterDropdownPrefixCls}, ${tableFilterDropdownPrefixCls}-submenu`]: {
+			[`${antCls}-checkbox-wrapper + span`]: {
+				paddingInlineStart: paddingXS,
+				color: colorText
+			},
+			"> ul": {
+				maxHeight: "calc(100vh - 130px)",
+				overflowX: "hidden",
+				overflowY: "auto"
+			}
+		} }
+	];
+};
+var filter_default = genFilterStyle;
+
+//#endregion
+export { filter_default as default };

package/dist/table/style/fixed.js

@@ -0,0 +1,48 @@
+//#region src/table/style/fixed.ts
+function getShadowStyle({ colorSplit: shadowColor }) {
+	return [{ boxShadow: `inset 10px 0 8px -8px ${shadowColor}` }, { boxShadow: `inset -10px 0 8px -8px ${shadowColor}` }];
+}
+const genFixedStyle = (token) => {
+	const { componentCls, lineWidth, motionDurationSlow, zIndexTableFixed, tableBg, calc } = token;
+	const cellCls = `${componentCls}-cell`;
+	const fixCellCls = `${cellCls}-fix`;
+	const sharedShadowStyle = {
+		position: "absolute",
+		top: 0,
+		bottom: calc(lineWidth).mul(-1).equal(),
+		width: 30,
+		transition: `box-shadow ${motionDurationSlow}`,
+		content: "\"\"",
+		pointerEvents: "none"
+	};
+	const [leftShadowStyle, rightShadowStyle] = getShadowStyle(token);
+	return { [`${componentCls}-wrapper`]: {
+		[`${cellCls}${fixCellCls}`]: { position: "sticky" },
+		[fixCellCls]: {
+			"zIndex": `calc(var(--z-offset-reverse) + ${zIndexTableFixed})`,
+			"background": tableBg,
+			"&:after": sharedShadowStyle,
+			"&-start:after": { insetInlineStart: "100%" },
+			"&-end:after": { insetInlineEnd: "100%" },
+			"&-start-shadow-show:after": leftShadowStyle,
+			"&-end-shadow-show:after": rightShadowStyle
+		},
+		[`${componentCls}-container`]: {
+			"position": "relative",
+			"&:before, &:after": {
+				...sharedShadowStyle,
+				zIndex: `calc(var(--columns-count) * 2 + ${zIndexTableFixed} + 1)`
+			},
+			"&:before": { insetInlineStart: 0 },
+			"&:after": { insetInlineEnd: 0 }
+		},
+		[`${componentCls}-has-fix-start ${componentCls}-container:before`]: { display: "none" },
+		[`${componentCls}-has-fix-end ${componentCls}-container:after`]: { display: "none" },
+		[`${componentCls}-fix-start-shadow-show ${componentCls}-container:before`]: leftShadowStyle,
+		[`${componentCls}-fix-end-shadow-show ${componentCls}-container:after`]: rightShadowStyle
+	} };
+};
+var fixed_default = genFixedStyle;
+
+//#endregion
+export { fixed_default as default, getShadowStyle };

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

@@ -0,0 +1,175 @@
+import "../../theme/internal.js";
+import "vue";
+
+//#region src/table/style/index.d.ts
+interface ComponentToken {
+  /**
+   * @desc 表头背景
+   * @descEN Background of table header
+   */
+  headerBg: string;
+  /**
+   * @desc 表头文字颜色
+   * @descEN Color of table header text
+   */
+  headerColor: string;
+  /**
+   * @desc 表头排序激活态背景色
+   * @descEN Background color of table header when sorted
+   */
+  headerSortActiveBg: string;
+  /**
+   * @desc 表头排序激活态悬浮背景色
+   * @descEN Background color of table header when sorted and hovered
+   */
+  headerSortHoverBg: string;
+  /**
+   * @desc 表格排序列背景色
+   * @descEN Background color of table sorted column
+   */
+  bodySortBg: string;
+  /**
+   * @desc 表格行悬浮背景色
+   * @descEN Background color of table hovered row
+   */
+  rowHoverBg: string;
+  /**
+   * @desc 表格行选中背景色
+   * @descEN Background color of table selected row
+   */
+  rowSelectedBg: string;
+  /**
+   * @desc 表格行选中悬浮背景色
+   * @descEN Background color of table selected row when hovered
+   */
+  rowSelectedHoverBg: string;
+  /**
+   * @desc 表格行展开背景色
+   * @descEN Background color of table expanded row
+   */
+  rowExpandedBg: string;
+  /**
+   * @desc 单元格纵向内间距
+   * @descEN Vertical padding of table cell
+   */
+  cellPaddingBlock: number;
+  /**
+   * @desc 单元格横向内间距（默认大尺寸）
+   * @descEN Horizontal padding of table cell (large size by default)
+   */
+  cellPaddingInline: number;
+  /**
+   * @desc 单元格纵向内间距（中等尺寸）
+   * @descEN Vertical padding of table cell (middle size)
+   */
+  cellPaddingBlockMD: number;
+  /**
+   * @desc 单元格横向内间距（中等尺寸）
+   * @descEN Horizontal padding of table cell (middle size)
+   */
+  cellPaddingInlineMD: number;
+  /**
+   * @desc 单元格纵向内间距（小尺寸）
+   * @descEN Vertical padding of table cell (small size)
+   */
+  cellPaddingBlockSM: number;
+  /**
+   * @desc 单元格横向内间距（小尺寸）
+   * @descEN Horizontal padding of table cell (small size)
+   */
+  cellPaddingInlineSM: number;
+  /**
+   * @desc 表格边框/分割线颜色
+   * @descEN Border color of table
+   */
+  borderColor: string;
+  /**
+   * @desc 表头圆角
+   * @descEN Border radius of table header
+   */
+  headerBorderRadius: number;
+  /**
+   * @desc 表格底部背景色
+   * @descEN Background of footer
+   */
+  footerBg: string;
+  /**
+   * @desc 表格底部文字颜色
+   * @descEN Color of footer text
+   */
+  footerColor: string;
+  /**
+   * @desc 单元格文字大小（默认大尺寸）
+   * @descEN Font size of table cell (large size by default)
+   */
+  cellFontSize: number;
+  /**
+   * @desc 单元格文字大小（中等尺寸）
+   * @descEN Font size of table cell (middle size)
+   */
+  cellFontSizeMD: number;
+  /**
+   * @desc 单元格文字大小（小尺寸）
+   * @descEN Font size of table cell (small size)
+   */
+  cellFontSizeSM: number;
+  /**
+   * @desc 表头分割线颜色
+   * @descEN Split border color of table header
+   */
+  headerSplitColor: string;
+  /**
+   * @desc 固定表头排序激活态背景色
+   * @descEN Background color of fixed table header when sorted
+   */
+  fixedHeaderSortActiveBg: string;
+  /**
+   * @desc 表头过滤按钮悬浮背景色
+   * @descEN Background color of table header filter button when hovered
+   */
+  headerFilterHoverBg: string;
+  /**
+   * @desc 过滤下拉菜单选项背景
+   * @descEN Background of filter dropdown menu item
+   */
+  filterDropdownMenuBg: string;
+  /**
+   * @desc 过滤下拉菜单颜色
+   * @descEN Color of filter dropdown
+   */
+  filterDropdownBg: string;
+  /**
+   * @desc 展开按钮背景色
+   * @descEN Background of expand button
+   */
+  expandIconBg: string;
+  /**
+   * @desc 选择列宽度
+   * @descEN Width of selection column
+   */
+  selectionColumnWidth: number | string;
+  /**
+   * @desc Sticky 模式下滚动条背景色
+   * @descEN Background of sticky scrollbar
+   */
+  stickyScrollBarBg: string;
+  /**
+   * @desc Sticky 模式下滚动条圆角
+   * @descEN Border radius of sticky scrollbar
+   */
+  stickyScrollBarBorderRadius: number;
+  /** @internal */
+  expandIconMarginTop: number;
+  /** @internal */
+  expandIconHalfInner: number;
+  /** @internal */
+  expandIconSize: number;
+  /** @internal */
+  expandIconScale: number;
+  /** @internal */
+  headerIconColor: string;
+  /** @internal */
+  headerIconHoverColor: string;
+}
+//#endregion
+export { ComponentToken };

package/dist/table/style/index.js

@@ -0,0 +1,245 @@
+import { clearFix, resetComponent } from "../../style/index.js";
+import { genStyleHooks } from "../../theme/util/genStyleUtils.js";
+import { mergeToken } from "../../theme/internal.js";
+import bordered_default from "./bordered.js";
+import ellipsis_default from "./ellipsis.js";
+import empty_default from "./empty.js";
+import expand_default from "./expand.js";
+import filter_default from "./filter.js";
+import fixed_default from "./fixed.js";
+import pagination_default from "./pagination.js";
+import radius_default from "./radius.js";
+import rtl_default from "./rtl.js";
+import selection_default from "./selection.js";
+import size_default from "./size.js";
+import sorter_default from "./sorter.js";
+import sticky_default from "./sticky.js";
+import summary_default from "./summary.js";
+import virtual_default from "./virtual.js";
+import { unit } from "@antdv-next/cssinjs";
+import { FastColor } from "@ant-design/fast-color";
+
+//#region src/table/style/index.ts
+const genTableStyle = (token) => {
+	const { componentCls, fontWeightStrong, tablePaddingVertical, tablePaddingHorizontal, tableExpandColumnWidth, lineWidth, lineType, tableBorderColor, tableFontSize, tableBg, tableRadius, tableHeaderTextColor, motionDurationMid, tableHeaderBg, tableHeaderCellSplitColor, tableFooterTextColor, tableFooterBg, calc } = token;
+	const tableBorder = `${unit(lineWidth)} ${lineType} ${tableBorderColor}`;
+	return { [`${componentCls}-wrapper`]: {
+		clear: "both",
+		maxWidth: "100%",
+		["--rc-virtual-list-scrollbar-bg"]: token.tableScrollBg,
+		...clearFix(),
+		[componentCls]: {
+			...resetComponent(token),
+			fontSize: tableFontSize,
+			background: tableBg,
+			borderRadius: `${unit(tableRadius)} ${unit(tableRadius)} 0 0`,
+			scrollbarColor: `${token.tableScrollThumbBg} ${token.tableScrollBg}`
+		},
+		table: {
+			width: "100%",
+			textAlign: "start",
+			borderRadius: `${unit(tableRadius)} ${unit(tableRadius)} 0 0`,
+			borderCollapse: "separate",
+			borderSpacing: 0
+		},
+		[`
+          ${componentCls}-cell,
+          ${componentCls}-thead > tr > th,
+          ${componentCls}-tbody > tr > th,
+          ${componentCls}-tbody > tr > td,
+          tfoot > tr > th,
+          tfoot > tr > td
+        `]: {
+			position: "relative",
+			padding: `${unit(tablePaddingVertical)} ${unit(tablePaddingHorizontal)}`,
+			overflowWrap: "break-word"
+		},
+		[`${componentCls}-title`]: { padding: `${unit(tablePaddingVertical)} ${unit(tablePaddingHorizontal)}` },
+		[`${componentCls}-thead`]: {
+			[`
+          > tr > th,
+          > tr > td
+        `]: {
+				"position": "relative",
+				"color": tableHeaderTextColor,
+				"fontWeight": fontWeightStrong,
+				"textAlign": "start",
+				"background": tableHeaderBg,
+				"borderBottom": tableBorder,
+				"transition": `background ${motionDurationMid} 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 ${motionDurationMid}`,
+					content: "\"\""
+				}
+			},
+			"> tr:not(:last-child) > th[colspan]": { borderBottom: 0 }
+		},
+		[`${componentCls}-tbody`]: { "> tr": {
+			"> th, > td": {
+				transition: `background ${motionDurationMid}, border-color ${motionDurationMid}`,
+				borderBottom: tableBorder,
+				[`
+              > ${componentCls}-wrapper:only-child,
+              > ${componentCls}-expanded-row-fixed > ${componentCls}-wrapper:only-child
+            `]: { [componentCls]: {
+					marginBlock: unit(calc(tablePaddingVertical).mul(-1).equal()),
+					marginInline: `${unit(calc(tableExpandColumnWidth).sub(tablePaddingHorizontal).equal())}
+                ${unit(calc(tablePaddingHorizontal).mul(-1).equal())}`,
+					[`${componentCls}-tbody > tr:last-child > td`]: {
+						"borderBottomWidth": 0,
+						"&:first-child, &:last-child": { borderRadius: 0 }
+					}
+				} }
+			},
+			"> th": {
+				position: "relative",
+				color: tableHeaderTextColor,
+				fontWeight: fontWeightStrong,
+				textAlign: "start",
+				background: tableHeaderBg,
+				borderBottom: tableBorder,
+				transition: `background ${motionDurationMid} ease`
+			},
+			[`& > ${componentCls}-measure-cell`]: {
+				paddingBlock: `0 !important`,
+				borderBlock: `0 !important`,
+				[`${componentCls}-measure-cell-content`]: {
+					height: 0,
+					overflow: "hidden",
+					pointerEvents: "none"
+				}
+			}
+		} },
+		[`${componentCls}-footer`]: {
+			padding: `${unit(tablePaddingVertical)} ${unit(tablePaddingHorizontal)}`,
+			color: tableFooterTextColor,
+			background: tableFooterBg
+		}
+	} };
+};
+const prepareComponentToken = (token) => {
+	const { colorFillAlter, colorBgContainer, colorTextHeading, colorFillSecondary, colorFillContent, controlItemBgActive, controlItemBgActiveHover, padding, paddingSM, paddingXS, colorBorderSecondary, borderRadiusLG, controlHeight, colorTextPlaceholder, fontSize, fontSizeSM, lineHeight, lineWidth, colorIcon, colorIconHover, opacityLoading, controlInteractiveSize } = token;
+	const colorFillSecondarySolid = new FastColor(colorFillSecondary).onBackground(colorBgContainer).toHexString();
+	const colorFillContentSolid = new FastColor(colorFillContent).onBackground(colorBgContainer).toHexString();
+	const colorFillAlterSolid = new FastColor(colorFillAlter).onBackground(colorBgContainer).toHexString();
+	const baseColorAction = new FastColor(colorIcon);
+	const baseColorActionHover = new FastColor(colorIconHover);
+	const expandIconHalfInner = controlInteractiveSize / 2 - lineWidth;
+	const expandIconSize = expandIconHalfInner * 2 + lineWidth * 3;
+	return {
+		headerBg: colorFillAlterSolid,
+		headerColor: colorTextHeading,
+		headerSortActiveBg: colorFillSecondarySolid,
+		headerSortHoverBg: colorFillContentSolid,
+		bodySortBg: colorFillAlterSolid,
+		rowHoverBg: colorFillAlterSolid,
+		rowSelectedBg: controlItemBgActive,
+		rowSelectedHoverBg: controlItemBgActiveHover,
+		rowExpandedBg: colorFillAlter,
+		cellPaddingBlock: padding,
+		cellPaddingInline: padding,
+		cellPaddingBlockMD: paddingSM,
+		cellPaddingInlineMD: paddingXS,
+		cellPaddingBlockSM: paddingXS,
+		cellPaddingInlineSM: paddingXS,
+		borderColor: colorBorderSecondary,
+		headerBorderRadius: borderRadiusLG,
+		footerBg: colorFillAlterSolid,
+		footerColor: colorTextHeading,
+		cellFontSize: fontSize,
+		cellFontSizeMD: fontSize,
+		cellFontSizeSM: fontSize,
+		headerSplitColor: colorBorderSecondary,
+		fixedHeaderSortActiveBg: colorFillSecondarySolid,
+		headerFilterHoverBg: colorFillContent,
+		filterDropdownMenuBg: colorBgContainer,
+		filterDropdownBg: colorBgContainer,
+		expandIconBg: colorBgContainer,
+		selectionColumnWidth: controlHeight,
+		stickyScrollBarBg: colorTextPlaceholder,
+		stickyScrollBarBorderRadius: 100,
+		expandIconMarginTop: (fontSize * lineHeight - lineWidth * 3) / 2 - Math.ceil((fontSizeSM * 1.4 - lineWidth * 3) / 2),
+		headerIconColor: baseColorAction.clone().setA(baseColorAction.a * opacityLoading).toRgbString(),
+		headerIconHoverColor: baseColorActionHover.clone().setA(baseColorActionHover.a * opacityLoading).toRgbString(),
+		expandIconHalfInner,
+		expandIconSize,
+		expandIconScale: controlInteractiveSize / expandIconSize
+	};
+};
+const zIndexTableFixed = 2;
+var style_default = genStyleHooks("Table", (token) => {
+	const { colorTextHeading, colorSplit, colorBgContainer, controlInteractiveSize: checkboxSize, headerBg, headerColor, headerSortActiveBg, headerSortHoverBg, bodySortBg, rowHoverBg, rowSelectedBg, rowSelectedHoverBg, rowExpandedBg, cellPaddingBlock, cellPaddingInline, cellPaddingBlockMD, cellPaddingInlineMD, cellPaddingBlockSM, cellPaddingInlineSM, borderColor, footerBg, footerColor, headerBorderRadius, cellFontSize, cellFontSizeMD, cellFontSizeSM, headerSplitColor, fixedHeaderSortActiveBg, headerFilterHoverBg, filterDropdownBg, expandIconBg, selectionColumnWidth, stickyScrollBarBg, calc } = token;
+	const tableToken = mergeToken(token, {
+		tableFontSize: cellFontSize,
+		tableBg: colorBgContainer,
+		tableRadius: headerBorderRadius,
+		tablePaddingVertical: cellPaddingBlock,
+		tablePaddingHorizontal: cellPaddingInline,
+		tablePaddingVerticalMiddle: cellPaddingBlockMD,
+		tablePaddingHorizontalMiddle: cellPaddingInlineMD,
+		tablePaddingVerticalSmall: cellPaddingBlockSM,
+		tablePaddingHorizontalSmall: cellPaddingInlineSM,
+		tableBorderColor: borderColor,
+		tableHeaderTextColor: headerColor,
+		tableHeaderBg: headerBg,
+		tableFooterTextColor: footerColor,
+		tableFooterBg: footerBg,
+		tableHeaderCellSplitColor: headerSplitColor,
+		tableHeaderSortBg: headerSortActiveBg,
+		tableHeaderSortHoverBg: headerSortHoverBg,
+		tableBodySortBg: bodySortBg,
+		tableFixedHeaderSortActiveBg: fixedHeaderSortActiveBg,
+		tableHeaderFilterActiveBg: headerFilterHoverBg,
+		tableFilterDropdownBg: filterDropdownBg,
+		tableRowHoverBg: rowHoverBg,
+		tableSelectedRowBg: rowSelectedBg,
+		tableSelectedRowHoverBg: rowSelectedHoverBg,
+		zIndexTableFixed,
+		tableFontSizeMiddle: cellFontSizeMD,
+		tableFontSizeSmall: cellFontSizeSM,
+		tableSelectionColumnWidth: selectionColumnWidth,
+		tableExpandIconBg: expandIconBg,
+		tableExpandColumnWidth: calc(checkboxSize).add(calc(token.padding).mul(2)).equal(),
+		tableExpandedRowBg: rowExpandedBg,
+		tableFilterDropdownWidth: 120,
+		tableFilterDropdownHeight: 264,
+		tableFilterDropdownSearchWidth: 140,
+		tableScrollThumbSize: 8,
+		tableScrollThumbBg: stickyScrollBarBg,
+		tableScrollThumbBgHover: colorTextHeading,
+		tableScrollBg: colorSplit
+	});
+	return [
+		genTableStyle(tableToken),
+		pagination_default(tableToken),
+		summary_default(tableToken),
+		sorter_default(tableToken),
+		filter_default(tableToken),
+		bordered_default(tableToken),
+		radius_default(tableToken),
+		expand_default(tableToken),
+		summary_default(tableToken),
+		empty_default(tableToken),
+		selection_default(tableToken),
+		fixed_default(tableToken),
+		sticky_default(tableToken),
+		ellipsis_default(tableToken),
+		size_default(tableToken),
+		rtl_default(tableToken),
+		virtual_default(tableToken)
+	];
+}, prepareComponentToken, {
+	resetFont: false,
+	unitless: { expandIconScale: true }
+});
+
+//#endregion
+export { style_default as default };

package/dist/table/style/pagination.js

@@ -0,0 +1,22 @@
+import { unit } from "@antdv-next/cssinjs";
+
+//#region src/table/style/pagination.ts
+const genPaginationStyle = (token) => {
+	const { componentCls, antCls, margin } = token;
+	return { [`${componentCls}-wrapper`]: {
+		[`${componentCls}-pagination${antCls}-pagination`]: { margin: `${unit(margin)} 0` },
+		[`${componentCls}-pagination`]: {
+			"display": "flex",
+			"flexWrap": "wrap",
+			"rowGap": token.paddingXS,
+			"> *": { flex: "none" },
+			"&-start": { justifyContent: "flex-start" },
+			"&-center": { justifyContent: "center" },
+			"&-end": { justifyContent: "flex-end" }
+		}
+	} };
+};
+var pagination_default = genPaginationStyle;
+
+//#endregion
+export { pagination_default as default };