@aloudata/aloudata-design 3.0.24 → 3.0.26

package/dist/Table/components/ExpandCell.js

@@ -20,9 +20,13 @@ function ExpandCell(props) {
 	const expandable = getExpandableConfig(propsExpandable);
 	const defaultExpandIconRender = (params) => {
 		const { record, onExpand, isExpanded: isExpandedIcon } = params;
-		return /* @__PURE__ */ jsx("span", {
+		return /* @__PURE__ */ jsx("button", {
+			type: "button",
 			className: prefixCls("expand-btn-inner"),
-			onClick: () => {
+			"aria-label": `${isExpandedIcon ? "Collapse" : "Expand"} row ${key}`,
+			"aria-expanded": isExpandedIcon,
+			onClick: (event) => {
+				event.stopPropagation();
 				if (isLeaf) return;
 				onExpand(record, !isExpanded);
 			},

package/dist/Table/components/ExpandCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandCell.js","names":[],"sources":["../../../src/Table/components/ExpandCell.tsx"],"sourcesContent":["import _ from 'lodash';\nimport React from 'react';\nimport { ArrowDownLightLine, ArrowRightLightLine } from '../../Icon';\nimport { getRowKey, prefixCls } from '../helper';\nimport { IExpandableInfo, getExpandableConfig } from '../hooks/useExpandable';\nimport { IExpandIconProps, ITableExpandable, TRowKey } from '../types';\n\nexport default function ExpandCell<TDataItem extends object>(\n  props: IProps<TDataItem>,\n) {\n  const {\n    children,\n    expandableInfo,\n    data,\n    rowKey,\n    expandable: propsExpandable,\n  } = props;\n  if (!expandableInfo.isExpandable || !rowKey) {\n    // 配置了折叠展开时，会在前面的流程中强制检查 rowKey 字段是否存在\n    return <>{children}</>;\n  }\n  const { expandItemMap, onExpand } = expandableInfo;\n  const key = getRowKey(data, rowKey);\n  const expandItem = expandItemMap[key];\n\n  if (!expandItem) {\n    console.error('expandItem in not found', key, expandItemMap);\n    return <>{children}</>;\n  }\n  const { level, isExpanded, isLeaf } = expandItem;\n\n  const expandable = getExpandableConfig(propsExpandable);\n  const defaultExpandIconRender = (params: IExpandIconProps<TDataItem>) => {\n    const { record, onExpand, isExpanded: isExpandedIcon } = params;\n    return (\n      <span\n        className={prefixCls('expand-btn-inner')}\n        onClick={() => {\n          if (isLeaf) {\n            return;\n          }\n          onExpand(record, !isExpanded);\n        }}\n      >\n        {isExpandedIcon ? <ArrowDownLightLine /> : <ArrowRightLightLine />}\n      </span>\n    );\n  };\n  const expandIcon = expandable.expandIcon || defaultExpandIconRender;\n\n  const iconNode = isLeaf\n    ? null\n    : expandIcon({\n        record: data,\n        onExpand,\n        isExpanded: !!isExpanded,\n      });\n\n  return (\n    <div className={prefixCls('expandable-td')}>\n      <div className={prefixCls('indent-list')}>\n        {_.map(_.range(level), (i) => {\n          return <div className={prefixCls('indent-item')} key={i} />;\n        })}\n      </div>\n      <div className={prefixCls('expand-btn')}>{iconNode}</div>\n      <div className={prefixCls('expand-content')}>{children}</div>\n    </div>\n  );\n}\n\ninterface IProps<TDataItem extends object> {\n  expandableInfo: IExpandableInfo<TDataItem>;\n  data: TDataItem;\n  children: React.ReactNode;\n  rowKey?: TRowKey<TDataItem>;\n  expandable?: ITableExpandable<TDataItem> | boolean;\n}\n"],"mappings":";;;;;;;;AAOA,SAAwB,WACtB,OACA;CACA,MAAM,EACJ,UACA,gBACA,MACA,QACA,YAAY,oBACV;AACJ,KAAI,CAAC,eAAe,gBAAgB,CAAC,OAEnC,QAAO,oBAAA,UAAA,EAAG,UAAY,CAAA;CAExB,MAAM,EAAE,eAAe,aAAa;CACpC,MAAM,MAAM,UAAU,MAAM,OAAO;CACnC,MAAM,aAAa,cAAc;AAEjC,KAAI,CAAC,YAAY;AACf,UAAQ,MAAM,2BAA2B,KAAK,cAAc;AAC5D,SAAO,oBAAA,UAAA,EAAG,UAAY,CAAA;;CAExB,MAAM,EAAE,OAAO,YAAY,WAAW;CAEtC,MAAM,aAAa,oBAAoB,gBAAgB;CACvD,MAAM,2BAA2B,WAAwC;EACvE,MAAM,EAAE,QAAQ,UAAU,YAAY,mBAAmB;AACzD,SACE,oBAAC,QAAD;GACE,WAAW,UAAU,mBAAmB;GACxC,eAAe;AACb,QAAI,OACF;AAEF,aAAS,QAAQ,CAAC,WAAW;;aAG9B,iBAAiB,oBAAC,MAAD,EAAsB,CAAA,GAAG,oBAAC,QAAD,EAAuB,CAAA;GAC7D,CAAA;;CAGX,MAAM,aAAa,WAAW,cAAc;CAE5C,MAAM,WAAW,SACb,OACA,WAAW;EACT,QAAQ;EACR;EACA,YAAY,CAAC,CAAC;EACf,CAAC;AAEN,QACE,qBAAC,OAAD;EAAK,WAAW,UAAU,gBAAgB;YAA1C;GACE,oBAAC,OAAD;IAAK,WAAW,UAAU,cAAc;cACrC,EAAE,IAAI,EAAE,MAAM,MAAM,GAAG,MAAM;AAC5B,YAAO,oBAAC,OAAD,EAAK,WAAW,UAAU,cAAc,EAAY,EAAL,EAAK;MAC3D;IACE,CAAA;GACN,oBAAC,OAAD;IAAK,WAAW,UAAU,aAAa;cAAG;IAAe,CAAA;GACzD,oBAAC,OAAD;IAAK,WAAW,UAAU,iBAAiB;IAAG;IAAe,CAAA;GACzD"}
+{"version":3,"file":"ExpandCell.js","names":[],"sources":["../../../src/Table/components/ExpandCell.tsx"],"sourcesContent":["import _ from 'lodash';\nimport React from 'react';\nimport { ArrowDownLightLine, ArrowRightLightLine } from '../../Icon';\nimport { getRowKey, prefixCls } from '../helper';\nimport { IExpandableInfo, getExpandableConfig } from '../hooks/useExpandable';\nimport { IExpandIconProps, ITableExpandable, TRowKey } from '../types';\n\nexport default function ExpandCell<TDataItem extends object>(\n  props: IProps<TDataItem>,\n) {\n  const {\n    children,\n    expandableInfo,\n    data,\n    rowKey,\n    expandable: propsExpandable,\n  } = props;\n  if (!expandableInfo.isExpandable || !rowKey) {\n    // 配置了折叠展开时，会在前面的流程中强制检查 rowKey 字段是否存在\n    return <>{children}</>;\n  }\n  const { expandItemMap, onExpand } = expandableInfo;\n  const key = getRowKey(data, rowKey);\n  const expandItem = expandItemMap[key];\n\n  if (!expandItem) {\n    console.error('expandItem in not found', key, expandItemMap);\n    return <>{children}</>;\n  }\n  const { level, isExpanded, isLeaf } = expandItem;\n\n  const expandable = getExpandableConfig(propsExpandable);\n  const defaultExpandIconRender = (params: IExpandIconProps<TDataItem>) => {\n    const { record, onExpand, isExpanded: isExpandedIcon } = params;\n    return (\n      <button\n        type=\"button\"\n        className={prefixCls('expand-btn-inner')}\n        aria-label={`${isExpandedIcon ? 'Collapse' : 'Expand'} row ${key}`}\n        aria-expanded={isExpandedIcon}\n        onClick={(event) => {\n          event.stopPropagation();\n          if (isLeaf) {\n            return;\n          }\n          onExpand(record, !isExpanded);\n        }}\n      >\n        {isExpandedIcon ? <ArrowDownLightLine /> : <ArrowRightLightLine />}\n      </button>\n    );\n  };\n  const expandIcon = expandable.expandIcon || defaultExpandIconRender;\n\n  const iconNode = isLeaf\n    ? null\n    : expandIcon({\n        record: data,\n        onExpand,\n        isExpanded: !!isExpanded,\n      });\n\n  return (\n    <div className={prefixCls('expandable-td')}>\n      <div className={prefixCls('indent-list')}>\n        {_.map(_.range(level), (i) => {\n          return <div className={prefixCls('indent-item')} key={i} />;\n        })}\n      </div>\n      <div className={prefixCls('expand-btn')}>{iconNode}</div>\n      <div className={prefixCls('expand-content')}>{children}</div>\n    </div>\n  );\n}\n\ninterface IProps<TDataItem extends object> {\n  expandableInfo: IExpandableInfo<TDataItem>;\n  data: TDataItem;\n  children: React.ReactNode;\n  rowKey?: TRowKey<TDataItem>;\n  expandable?: ITableExpandable<TDataItem> | boolean;\n}\n"],"mappings":";;;;;;;;AAOA,SAAwB,WACtB,OACA;CACA,MAAM,EACJ,UACA,gBACA,MACA,QACA,YAAY,oBACV;AACJ,KAAI,CAAC,eAAe,gBAAgB,CAAC,OAEnC,QAAO,oBAAA,UAAA,EAAG,UAAY,CAAA;CAExB,MAAM,EAAE,eAAe,aAAa;CACpC,MAAM,MAAM,UAAU,MAAM,OAAO;CACnC,MAAM,aAAa,cAAc;AAEjC,KAAI,CAAC,YAAY;AACf,UAAQ,MAAM,2BAA2B,KAAK,cAAc;AAC5D,SAAO,oBAAA,UAAA,EAAG,UAAY,CAAA;;CAExB,MAAM,EAAE,OAAO,YAAY,WAAW;CAEtC,MAAM,aAAa,oBAAoB,gBAAgB;CACvD,MAAM,2BAA2B,WAAwC;EACvE,MAAM,EAAE,QAAQ,UAAU,YAAY,mBAAmB;AACzD,SACE,oBAAC,UAAD;GACE,MAAK;GACL,WAAW,UAAU,mBAAmB;GACxC,cAAY,GAAG,iBAAiB,aAAa,SAAS,OAAO;GAC7D,iBAAe;GACf,UAAU,UAAU;AAClB,UAAM,iBAAiB;AACvB,QAAI,OACF;AAEF,aAAS,QAAQ,CAAC,WAAW;;aAG9B,iBAAiB,oBAAC,MAAD,EAAsB,CAAA,GAAG,oBAAC,QAAD,EAAuB,CAAA;GAC3D,CAAA;;CAGb,MAAM,aAAa,WAAW,cAAc;CAE5C,MAAM,WAAW,SACb,OACA,WAAW;EACT,QAAQ;EACR;EACA,YAAY,CAAC,CAAC;EACf,CAAC;AAEN,QACE,qBAAC,OAAD;EAAK,WAAW,UAAU,gBAAgB;YAA1C;GACE,oBAAC,OAAD;IAAK,WAAW,UAAU,cAAc;cACrC,EAAE,IAAI,EAAE,MAAM,MAAM,GAAG,MAAM;AAC5B,YAAO,oBAAC,OAAD,EAAK,WAAW,UAAU,cAAc,EAAY,EAAL,EAAK;MAC3D;IACE,CAAA;GACN,oBAAC,OAAD;IAAK,WAAW,UAAU,aAAa;cAAG;IAAe,CAAA;GACzD,oBAAC,OAAD;IAAK,WAAW,UAAU,iBAAiB;IAAG;IAAe,CAAA;GACzD"}

package/dist/Table/components/Header.js

@@ -9,6 +9,8 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function Header(props) {
 	const { column } = props;
 	const { title, dataIndex, align, ellipsis, sortOrder, onSort } = column.columnDef.meta;
+	const isSortable = sortOrder !== void 0 && !!dataIndex && typeof onSort === "function";
+	const ariaSort = sortOrder === "ascend" ? "ascending" : sortOrder === "descend" ? "descending" : "none";
 	let sortIcon = /* @__PURE__ */ jsx(Memo$1, {
 		size: 20,
 		color: "var(--action-neutral-normal)"
@@ -22,7 +24,7 @@ function Header(props) {
 		color: "var(--action-primary-normal)"
 	});
 	const onClickTh = useCallback((e) => {
-		if (sortOrder === void 0 || !dataIndex || typeof onSort !== "function") return;
+		if (!isSortable || !dataIndex) return;
 		e.stopPropagation();
 		let newSortOrder;
 		if (sortOrder === "ascend") newSortOrder = "descend";
@@ -31,29 +33,35 @@ function Header(props) {
 		onSort(dataIndex, newSortOrder);
 	}, [
 		dataIndex,
+		isSortable,
 		onSort,
 		sortOrder
 	]);
-	let content = title;
-	if (typeof content === "string") {
-		if (sortOrder !== void 0) content = /* @__PURE__ */ jsxs("span", {
-			className: prefixCls("sort-th-inner"),
-			children: [/* @__PURE__ */ jsx("span", {
-				className: prefixCls("sort-title"),
-				children: title
-			}), /* @__PURE__ */ jsx("span", {
-				className: prefixCls("sort-btn"),
-				children: sortIcon
-			})]
-		});
-	}
+	const content = isSortable ? /* @__PURE__ */ jsxs("span", {
+		className: prefixCls("sort-th-inner"),
+		children: [/* @__PURE__ */ jsx("span", {
+			className: prefixCls("sort-title"),
+			children: title
+		}), /* @__PURE__ */ jsx("span", {
+			className: prefixCls("sort-btn"),
+			"aria-hidden": "true",
+			children: sortIcon
+		})]
+	}) : title;
 	return typeof title === "string" ? /* @__PURE__ */ jsx("div", {
+		role: isSortable ? "columnheader" : void 0,
+		"aria-sort": isSortable ? ariaSort : void 0,
 		className: cn(prefixCls("th-default"), "tw-text-typography-label", prefixCls(`align-${align}`), {
 			[prefixCls("td-ellipsis-content")]: ellipsis,
-			[prefixCls("th-sortable")]: sortOrder !== void 0
+			[prefixCls("th-sortable")]: isSortable
 		}),
-		onClick: onClickTh,
-		children: content
+		children: isSortable ? /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: prefixCls("sort-trigger"),
+			"aria-label": `Sort by ${title}`,
+			onClick: onClickTh,
+			children: content
+		}) : content
 	}, dataIndex) : /* @__PURE__ */ jsx(Fragment, { children: title });
 }
 //#endregion

package/dist/Table/components/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","names":[],"sources":["../../../src/Table/components/Header.tsx"],"sourcesContent":["import { Column } from '@tanstack/react-table';\nimport { cn } from '../../lib/utils';\nimport React, { MouseEventHandler, useCallback } from 'react';\nimport SortAscIcon from '../../Icon/components/SortAscendingOrderColor';\nimport SortIcon from '../../Icon/components/SortColor';\nimport SortDescIcon from '../../Icon/components/SortDescendingOrderColor';\nimport { prefixCls } from '../helper';\nimport { ITableColumn, ITableProps } from '../types';\n\nexport default function Header<T extends object>(props: IProps<T>) {\n  const { column } = props;\n  const { title, dataIndex, align, ellipsis, sortOrder, onSort } = column\n    .columnDef.meta as ITableColumn & { onSort: ITableProps<T>['onSort'] };\n\n  let sortIcon = <SortIcon size={20} color={'var(--action-neutral-normal)'} />;\n  if (sortOrder === 'ascend') {\n    sortIcon = <SortAscIcon size={20} color={'var(--action-primary-normal)'} />;\n  } else if (sortOrder === 'descend') {\n    sortIcon = (\n      <SortDescIcon size={20} color={'var(--action-primary-normal)'} />\n    );\n  }\n\n  const onClickTh = useCallback<MouseEventHandler>(\n    (e) => {\n      if (\n        sortOrder === undefined ||\n        !dataIndex ||\n        typeof onSort !== 'function'\n      ) {\n        return;\n      }\n      e.stopPropagation();\n\n      let newSortOrder: typeof sortOrder;\n      if (sortOrder === 'ascend') {\n        newSortOrder = 'descend';\n      } else if (sortOrder === 'descend') {\n        newSortOrder = null;\n      } else {\n        newSortOrder = 'ascend';\n      }\n      onSort(dataIndex, newSortOrder);\n    },\n    [dataIndex, onSort, sortOrder],\n  );\n\n  let content = title;\n  if (typeof content === 'string') {\n    if (sortOrder !== undefined) {\n      content = (\n        <span className={prefixCls('sort-th-inner')}>\n          <span className={prefixCls('sort-title')}>{title}</span>\n          <span className={prefixCls('sort-btn')}>{sortIcon}</span>\n        </span>\n      );\n    }\n  }\n\n  return typeof title === 'string' ? (\n    <div\n      key={dataIndex}\n      className={cn(\n        prefixCls('th-default'),\n        'tw-text-typography-label',\n        prefixCls(`align-${align}`),\n        {\n          [prefixCls('td-ellipsis-content')]: ellipsis,\n          [prefixCls('th-sortable')]: sortOrder !== undefined,\n        },\n      )}\n      onClick={onClickTh}\n    >\n      {content}\n    </div>\n  ) : (\n    <>{title}</>\n  );\n}\n\nexport interface IProps<T> {\n  column: Column<T>;\n}\n"],"mappings":";;;;;;;;AASA,SAAwB,OAAyB,OAAkB;CACjE,MAAM,EAAE,WAAW;CACnB,MAAM,EAAE,OAAO,WAAW,OAAO,UAAU,WAAW,WAAW,OAC9D,UAAU;CAEb,IAAI,WAAW,oBAAC,QAAD;EAAU,MAAM;EAAI,OAAO;EAAkC,CAAA;AAC5E,KAAI,cAAc,SAChB,YAAW,oBAAC,MAAD;EAAa,MAAM;EAAI,OAAO;EAAkC,CAAA;UAClE,cAAc,UACvB,YACE,oBAAC,QAAD;EAAc,MAAM;EAAI,OAAO;EAAkC,CAAA;CAIrE,MAAM,YAAY,aACf,MAAM;AACL,MACE,cAAc,UACd,CAAC,aACD,OAAO,WAAW,WAElB;AAEF,IAAE,iBAAiB;EAEnB,IAAI;AACJ,MAAI,cAAc,SAChB,gBAAe;WACN,cAAc,UACvB,gBAAe;MAEf,gBAAe;AAEjB,SAAO,WAAW,aAAa;IAEjC;EAAC;EAAW;EAAQ;EAAU,CAC/B;CAED,IAAI,UAAU;AACd,KAAI,OAAO,YAAY,UACrB;MAAI,cAAc,OAChB,WACE,qBAAC,QAAD;GAAM,WAAW,UAAU,gBAAgB;aAA3C,CACE,oBAAC,QAAD;IAAM,WAAW,UAAU,aAAa;cAAG;IAAa,CAAA,EACxD,oBAAC,QAAD;IAAM,WAAW,UAAU,WAAW;cAAG;IAAgB,CAAA,CACpD;;;AAKb,QAAO,OAAO,UAAU,WACtB,oBAAC,OAAD;EAEE,WAAW,GACT,UAAU,aAAa,EACvB,4BACA,UAAU,SAAS,QAAQ,EAC3B;IACG,UAAU,sBAAsB,GAAG;IACnC,UAAU,cAAc,GAAG,cAAc;GAC3C,CACF;EACD,SAAS;YAER;EACG,EAbC,UAaD,GAEN,oBAAA,UAAA,EAAA,UAAG,OAAS,CAAA"}
+{"version":3,"file":"Header.js","names":[],"sources":["../../../src/Table/components/Header.tsx"],"sourcesContent":["import { Column } from '@tanstack/react-table';\nimport { cn } from '../../lib/utils';\nimport React, { MouseEventHandler, useCallback } from 'react';\nimport SortAscIcon from '../../Icon/components/SortAscendingOrderColor';\nimport SortIcon from '../../Icon/components/SortColor';\nimport SortDescIcon from '../../Icon/components/SortDescendingOrderColor';\nimport { prefixCls } from '../helper';\nimport { ITableColumn, ITableProps } from '../types';\n\nexport default function Header<T extends object>(props: IProps<T>) {\n  const { column } = props;\n  const { title, dataIndex, align, ellipsis, sortOrder, onSort } = column\n    .columnDef.meta as ITableColumn & { onSort: ITableProps<T>['onSort'] };\n  const isSortable =\n    sortOrder !== undefined && !!dataIndex && typeof onSort === 'function';\n  const ariaSort =\n    sortOrder === 'ascend'\n      ? 'ascending'\n      : sortOrder === 'descend'\n      ? 'descending'\n      : 'none';\n\n  let sortIcon = <SortIcon size={20} color={'var(--action-neutral-normal)'} />;\n  if (sortOrder === 'ascend') {\n    sortIcon = <SortAscIcon size={20} color={'var(--action-primary-normal)'} />;\n  } else if (sortOrder === 'descend') {\n    sortIcon = (\n      <SortDescIcon size={20} color={'var(--action-primary-normal)'} />\n    );\n  }\n\n  const onClickTh = useCallback<MouseEventHandler>(\n    (e) => {\n      if (!isSortable || !dataIndex) {\n        return;\n      }\n      e.stopPropagation();\n\n      let newSortOrder: typeof sortOrder;\n      if (sortOrder === 'ascend') {\n        newSortOrder = 'descend';\n      } else if (sortOrder === 'descend') {\n        newSortOrder = null;\n      } else {\n        newSortOrder = 'ascend';\n      }\n      onSort(dataIndex, newSortOrder);\n    },\n    [dataIndex, isSortable, onSort, sortOrder],\n  );\n\n  const content = isSortable ? (\n    <span className={prefixCls('sort-th-inner')}>\n      <span className={prefixCls('sort-title')}>{title}</span>\n      <span className={prefixCls('sort-btn')} aria-hidden=\"true\">\n        {sortIcon}\n      </span>\n    </span>\n  ) : (\n    title\n  );\n\n  return typeof title === 'string' ? (\n    <div\n      key={dataIndex}\n      role={isSortable ? 'columnheader' : undefined}\n      aria-sort={isSortable ? ariaSort : undefined}\n      className={cn(\n        prefixCls('th-default'),\n        'tw-text-typography-label',\n        prefixCls(`align-${align}`),\n        {\n          [prefixCls('td-ellipsis-content')]: ellipsis,\n          [prefixCls('th-sortable')]: isSortable,\n        },\n      )}\n    >\n      {isSortable ? (\n        <button\n          type=\"button\"\n          className={prefixCls('sort-trigger')}\n          aria-label={`Sort by ${title}`}\n          onClick={onClickTh}\n        >\n          {content}\n        </button>\n      ) : (\n        content\n      )}\n    </div>\n  ) : (\n    <>{title}</>\n  );\n}\n\nexport interface IProps<T> {\n  column: Column<T>;\n}\n"],"mappings":";;;;;;;;AASA,SAAwB,OAAyB,OAAkB;CACjE,MAAM,EAAE,WAAW;CACnB,MAAM,EAAE,OAAO,WAAW,OAAO,UAAU,WAAW,WAAW,OAC9D,UAAU;CACb,MAAM,aACJ,cAAc,UAAa,CAAC,CAAC,aAAa,OAAO,WAAW;CAC9D,MAAM,WACJ,cAAc,WACV,cACA,cAAc,YACd,eACA;CAEN,IAAI,WAAW,oBAAC,QAAD;EAAU,MAAM;EAAI,OAAO;EAAkC,CAAA;AAC5E,KAAI,cAAc,SAChB,YAAW,oBAAC,MAAD;EAAa,MAAM;EAAI,OAAO;EAAkC,CAAA;UAClE,cAAc,UACvB,YACE,oBAAC,QAAD;EAAc,MAAM;EAAI,OAAO;EAAkC,CAAA;CAIrE,MAAM,YAAY,aACf,MAAM;AACL,MAAI,CAAC,cAAc,CAAC,UAClB;AAEF,IAAE,iBAAiB;EAEnB,IAAI;AACJ,MAAI,cAAc,SAChB,gBAAe;WACN,cAAc,UACvB,gBAAe;MAEf,gBAAe;AAEjB,SAAO,WAAW,aAAa;IAEjC;EAAC;EAAW;EAAY;EAAQ;EAAU,CAC3C;CAED,MAAM,UAAU,aACd,qBAAC,QAAD;EAAM,WAAW,UAAU,gBAAgB;YAA3C,CACE,oBAAC,QAAD;GAAM,WAAW,UAAU,aAAa;aAAG;GAAa,CAAA,EACxD,oBAAC,QAAD;GAAM,WAAW,UAAU,WAAW;GAAE,eAAY;aACjD;GACI,CAAA,CACF;MAEP;AAGF,QAAO,OAAO,UAAU,WACtB,oBAAC,OAAD;EAEE,MAAM,aAAa,iBAAiB;EACpC,aAAW,aAAa,WAAW;EACnC,WAAW,GACT,UAAU,aAAa,EACvB,4BACA,UAAU,SAAS,QAAQ,EAC3B;IACG,UAAU,sBAAsB,GAAG;IACnC,UAAU,cAAc,GAAG;GAC7B,CACF;YAEA,aACC,oBAAC,UAAD;GACE,MAAK;GACL,WAAW,UAAU,eAAe;GACpC,cAAY,WAAW;GACvB,SAAS;aAER;GACM,CAAA,GAET;EAEE,EAzBC,UAyBD,GAEN,oBAAA,UAAA,EAAA,UAAG,OAAS,CAAA"}

package/dist/Table/hooks/useFixed.js

@@ -5,13 +5,17 @@ import { useCallback } from "react";
 function useFixed({ columnWidths, tableColumns, y, scrollbarWidth }) {
 	return useCallback((index, isHeader = false) => {
 		const { fixed } = tableColumns[index].meta;
+		const previousFixed = (tableColumns[index - 1]?.meta)?.fixed;
+		const nextFixed = (tableColumns[index + 1]?.meta)?.fixed;
 		const style = {};
 		if (fixed === "left") style.left = getFixedColumnOffset(columnWidths, index, true);
 		else if (fixed === "right") style.right = getFixedColumnOffset(columnWidths, index, false) + (isHeader && y !== void 0 ? scrollbarWidth : 0);
 		return {
 			className: cn({
 				[prefixCls("fixed-left")]: fixed === "left",
-				[prefixCls("fixed-right")]: fixed === "right"
+				[prefixCls("fixed-left-last")]: fixed === "left" && nextFixed !== "left",
+				[prefixCls("fixed-right")]: fixed === "right",
+				[prefixCls("fixed-right-first")]: fixed === "right" && previousFixed !== "right"
 			}),
 			style,
 			fixed

package/dist/Table/hooks/useFixed.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFixed.js","names":[],"sources":["../../../src/Table/hooks/useFixed.ts"],"sourcesContent":["import { ColumnDef } from '@tanstack/react-table';\nimport { cn } from '../../lib/utils';\nimport { useCallback } from 'react';\nimport { prefixCls } from '../helper';\nimport { IInnerTableColumn } from '../types';\n\nexport default function useFixed<TDataItem>({\n  columnWidths,\n  tableColumns,\n  y,\n  scrollbarWidth,\n}: {\n  columnWidths: number[];\n  tableColumns: Array<ColumnDef<TDataItem, unknown>>;\n  y?: string | number;\n  scrollbarWidth: number;\n}) {\n  return useCallback(\n    (index: number, isHeader: boolean = false) => {\n      const column = tableColumns[index];\n      const { fixed } = column.meta as IInnerTableColumn;\n\n      const style: React.CSSProperties = {};\n      if (fixed === 'left') {\n        style.left = getFixedColumnOffset(columnWidths, index, true);\n      } else if (fixed === 'right') {\n        style.right =\n          getFixedColumnOffset(columnWidths, index, false) +\n          (isHeader && y !== undefined ? scrollbarWidth : 0);\n      }\n\n      return {\n        className: cn({\n          [prefixCls('fixed-left')]: fixed === 'left',\n          [prefixCls('fixed-right')]: fixed === 'right',\n        }),\n        style: style,\n        fixed,\n      };\n    },\n    [tableColumns, y, scrollbarWidth, columnWidths],\n  );\n}\n\n/**\n * 获取固定列相对边缘的偏移量\n * @param columns 所有列\n * @param index 当前列的索引\n */\nfunction getFixedColumnOffset(\n  columnWidths: number[],\n  index: number,\n  isLeft: boolean,\n) {\n  let offset = 0;\n  let relativeIndex = index;\n  const list = [...columnWidths];\n  if (!isLeft) {\n    list.reverse();\n    relativeIndex = list.length - index - 1;\n  }\n  for (let i = 0; i < relativeIndex; i++) {\n    const colWidth = columnWidths[i];\n    offset += colWidth;\n  }\n  return offset;\n}\n"],"mappings":";;;;AAMA,SAAwB,SAAoB,EAC1C,cACA,cACA,GACA,kBAMC;AACD,QAAO,aACJ,OAAe,WAAoB,UAAU;EAE5C,MAAM,EAAE,UADO,aAAa,OACH;EAEzB,MAAM,QAA6B,EAAE;AACrC,MAAI,UAAU,OACZ,OAAM,OAAO,qBAAqB,cAAc,OAAO,KAAK;WACnD,UAAU,QACnB,OAAM,QACJ,qBAAqB,cAAc,OAAO,MAAM,IAC/C,YAAY,MAAM,SAAY,iBAAiB;AAGpD,SAAO;GACL,WAAW,GAAG;KACX,UAAU,aAAa,GAAG,UAAU;KACpC,UAAU,cAAc,GAAG,UAAU;IACvC,CAAC;GACK;GACP;GACD;IAEH;EAAC;EAAc;EAAG;EAAgB;EAAa,CAChD;;;;;;;AAQH,SAAS,qBACP,cACA,OACA,QACA;CACA,IAAI,SAAS;CACb,IAAI,gBAAgB;CACpB,MAAM,OAAO,CAAC,GAAG,aAAa;AAC9B,KAAI,CAAC,QAAQ;AACX,OAAK,SAAS;AACd,kBAAgB,KAAK,SAAS,QAAQ;;AAExC,MAAK,IAAI,IAAI,GAAG,IAAI,eAAe,KAAK;EACtC,MAAM,WAAW,aAAa;AAC9B,YAAU;;AAEZ,QAAO"}
+{"version":3,"file":"useFixed.js","names":[],"sources":["../../../src/Table/hooks/useFixed.ts"],"sourcesContent":["import { ColumnDef } from '@tanstack/react-table';\nimport { cn } from '../../lib/utils';\nimport { useCallback } from 'react';\nimport { prefixCls } from '../helper';\nimport { IInnerTableColumn } from '../types';\n\nexport default function useFixed<TDataItem>({\n  columnWidths,\n  tableColumns,\n  y,\n  scrollbarWidth,\n}: {\n  columnWidths: number[];\n  tableColumns: Array<ColumnDef<TDataItem, unknown>>;\n  y?: string | number;\n  scrollbarWidth: number;\n}) {\n  return useCallback(\n    (index: number, isHeader: boolean = false) => {\n      const column = tableColumns[index];\n      const { fixed } = column.meta as IInnerTableColumn;\n      const previousFixed = (\n        tableColumns[index - 1]?.meta as IInnerTableColumn | undefined\n      )?.fixed;\n      const nextFixed = (\n        tableColumns[index + 1]?.meta as IInnerTableColumn | undefined\n      )?.fixed;\n\n      const style: React.CSSProperties = {};\n      if (fixed === 'left') {\n        style.left = getFixedColumnOffset(columnWidths, index, true);\n      } else if (fixed === 'right') {\n        style.right =\n          getFixedColumnOffset(columnWidths, index, false) +\n          (isHeader && y !== undefined ? scrollbarWidth : 0);\n      }\n\n      return {\n        className: cn({\n          [prefixCls('fixed-left')]: fixed === 'left',\n          [prefixCls('fixed-left-last')]:\n            fixed === 'left' && nextFixed !== 'left',\n          [prefixCls('fixed-right')]: fixed === 'right',\n          [prefixCls('fixed-right-first')]:\n            fixed === 'right' && previousFixed !== 'right',\n        }),\n        style: style,\n        fixed,\n      };\n    },\n    [tableColumns, y, scrollbarWidth, columnWidths],\n  );\n}\n\n/**\n * 获取固定列相对边缘的偏移量\n * @param columns 所有列\n * @param index 当前列的索引\n */\nfunction getFixedColumnOffset(\n  columnWidths: number[],\n  index: number,\n  isLeft: boolean,\n) {\n  let offset = 0;\n  let relativeIndex = index;\n  const list = [...columnWidths];\n  if (!isLeft) {\n    list.reverse();\n    relativeIndex = list.length - index - 1;\n  }\n  for (let i = 0; i < relativeIndex; i++) {\n    const colWidth = columnWidths[i];\n    offset += colWidth;\n  }\n  return offset;\n}\n"],"mappings":";;;;AAMA,SAAwB,SAAoB,EAC1C,cACA,cACA,GACA,kBAMC;AACD,QAAO,aACJ,OAAe,WAAoB,UAAU;EAE5C,MAAM,EAAE,UADO,aAAa,OACH;EACzB,MAAM,iBACJ,aAAa,QAAQ,IAAI,OACxB;EACH,MAAM,aACJ,aAAa,QAAQ,IAAI,OACxB;EAEH,MAAM,QAA6B,EAAE;AACrC,MAAI,UAAU,OACZ,OAAM,OAAO,qBAAqB,cAAc,OAAO,KAAK;WACnD,UAAU,QACnB,OAAM,QACJ,qBAAqB,cAAc,OAAO,MAAM,IAC/C,YAAY,MAAM,SAAY,iBAAiB;AAGpD,SAAO;GACL,WAAW,GAAG;KACX,UAAU,aAAa,GAAG,UAAU;KACpC,UAAU,kBAAkB,GAC3B,UAAU,UAAU,cAAc;KACnC,UAAU,cAAc,GAAG,UAAU;KACrC,UAAU,oBAAoB,GAC7B,UAAU,WAAW,kBAAkB;IAC1C,CAAC;GACK;GACP;GACD;IAEH;EAAC;EAAc;EAAG;EAAgB;EAAa,CAChD;;;;;;;AAQH,SAAS,qBACP,cACA,OACA,QACA;CACA,IAAI,SAAS;CACb,IAAI,gBAAgB;CACpB,MAAM,OAAO,CAAC,GAAG,aAAa;AAC9B,KAAI,CAAC,QAAQ;AACX,OAAK,SAAS;AACd,kBAAgB,KAAK,SAAS,QAAQ;;AAExC,MAAK,IAAI,IAAI,GAAG,IAAI,eAAe,KAAK;EACtC,MAAM,WAAW,aAAa;AAC9B,YAAU;;AAEZ,QAAO"}

package/dist/Table/hooks/useRowSelection.js

@@ -1,7 +1,7 @@
 import Checkbox from "../../Checkbox/index.js";
 import { getRowKey, hasFixedLeftColumn, prefixCls } from "../helper.js";
 import { useCallback, useMemo, useState } from "react";
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/Table/hooks/useRowSelection.tsx
 function useRowSelection(props) {
 	const { columns, rowSelection, rowKey, data, isExpandable, flattenData } = props;
@@ -38,7 +38,7 @@ function useRowSelection(props) {
 	const unSelectAll = useCallback(() => {
 		changeSelectedRowKeys([]);
 	}, [changeSelectedRowKeys]);
-	const onClickAllCheckbox = useCallback(() => {
+	const onChangeAllCheckbox = useCallback(() => {
 		if (checkboxAllStatus === "all") unSelectAll();
 		else selectAll();
 	}, [
@@ -68,7 +68,7 @@ function useRowSelection(props) {
 		isExpandable,
 		getDescendantKeys
 	]);
-	const onClickCheckbox = useCallback((key, isChecked) => () => {
+	const onChangeCheckbox = useCallback((key, isChecked) => () => {
 		changeSelectedRowKeys(calculateCascadeSelection(key, isChecked, selectedRowKeys, rowSelection?.checkStrictly, isExpandable, getDescendantKeys, getAncestorKeys));
 	}, [
 		selectedRowKeys,
@@ -81,10 +81,13 @@ function useRowSelection(props) {
 	const getCheckboxAllNode = (children) => /* @__PURE__ */ jsx("div", {
 		className: prefixCls("row-selection-all"),
 		children: /* @__PURE__ */ jsx(Checkbox, {
-			onClick: onClickAllCheckbox,
+			onChange: onChangeAllCheckbox,
 			checked: checkboxAllStatus === "all",
 			indeterminate: checkboxAllStatus === "indeterminate",
-			children
+			children: children || /* @__PURE__ */ jsx("span", {
+				className: "tw-sr-only",
+				children: "Select all rows"
+			})
 		})
 	});
 	if (!rowSelection) return {
@@ -114,10 +117,14 @@ function useRowSelection(props) {
 			return /* @__PURE__ */ jsx("div", {
 				className: prefixCls("row-selection-item"),
 				children: /* @__PURE__ */ jsx(Checkbox, {
-					onClick: onClickCheckbox(key, nodeStatus.checked || nodeStatus.indeterminate),
+					onChange: onChangeCheckbox(key, nodeStatus.checked || nodeStatus.indeterminate),
 					checked: nodeStatus.checked,
 					indeterminate: nodeStatus.indeterminate,
-					...checkboxProps
+					...checkboxProps,
+					children: /* @__PURE__ */ jsxs("span", {
+						className: "tw-sr-only",
+						children: ["Select row ", key]
+					})
 				})
 			});
 		},

package/dist/Table/hooks/useRowSelection.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRowSelection.js","names":[],"sources":["../../../src/Table/hooks/useRowSelection.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport Checkbox from '../../Checkbox';\nimport { getRowKey, hasFixedLeftColumn, prefixCls } from '../helper';\nimport { IRowSelection, ITableColumn, ITableProps } from '../types';\n\nexport default function useRowSelection<TDataItem extends object>(\n  props: ITableProps<TDataItem> & {\n    isExpandable?: boolean;\n    flattenData?: TDataItem[];\n  },\n): IRowSelectionInfo<TDataItem> {\n  const { columns, rowSelection, rowKey, data, isExpandable, flattenData } =\n    props;\n\n  const [selectedRowKeysState, setSelectedRowKeysState] = useState(\n    rowSelection?.selectedRowKeys || rowSelection?.defaultSelectedRowKeys || [],\n  );\n\n  const selectedRowKeys = rowSelection?.selectedRowKeys || selectedRowKeysState;\n\n  const getSelectedRows = useCallback(\n    (rowKeys: string[]) => {\n      return data.filter((record) =>\n        rowKeys.includes(getRowKey(record, rowKey)),\n      );\n    },\n    [data, rowKey],\n  );\n\n  // 获取用于全选状态计算和数据获取的完整数据\n  const allDataForSelection = useMemo(() => {\n    // 如果开启了 expandable，使用扁平化后的数据\n    if (isExpandable && flattenData) {\n      return flattenData;\n    }\n    // 否则使用原始数据\n    return data;\n  }, [isExpandable, flattenData, data]);\n\n  // 从完整数据中获取选中的行\n  const getAllSelectedRows = useCallback(\n    (rowKeys: string[]) => {\n      return allDataForSelection.filter((record) =>\n        rowKeys.includes(getRowKey(record, rowKey)),\n      );\n    },\n    [allDataForSelection, rowKey],\n  );\n\n  const changeSelectedRowKeys = useCallback(\n    (newSelectedRowKeys: string[]) => {\n      setSelectedRowKeysState(newSelectedRowKeys);\n\n      // 获取所有选中的行数据（包括被折叠的子项）\n      const allSelectedRows = getAllSelectedRows(newSelectedRowKeys);\n      rowSelection?.onChange?.(newSelectedRowKeys, allSelectedRows);\n    },\n    [getAllSelectedRows, rowSelection],\n  );\n\n  const checkboxAllStatus = getCheckboxAllStatus(\n    allDataForSelection,\n    selectedRowKeys,\n    rowKey,\n    rowSelection?.getCheckboxProps,\n  );\n\n  const selectAll = useCallback(() => {\n    const newKeys = getDataWithoutDisabled(\n      allDataForSelection,\n      rowSelection?.getCheckboxProps,\n    ).map((record) => getRowKey(record, rowKey));\n\n    changeSelectedRowKeys(newKeys);\n  }, [\n    allDataForSelection,\n    rowKey,\n    rowSelection?.getCheckboxProps,\n    changeSelectedRowKeys,\n  ]);\n\n  const unSelectAll = useCallback(() => {\n    changeSelectedRowKeys([]);\n  }, [changeSelectedRowKeys]);\n\n  const onClickAllCheckbox = useCallback<(e?: React.MouseEvent) => void>(() => {\n    if (checkboxAllStatus === 'all') {\n      unSelectAll();\n    } else {\n      selectAll();\n    }\n  }, [checkboxAllStatus, unSelectAll, selectAll]);\n\n  // 获取节点的所有子孙节点keys\n  const getDescendantKeys = useCallback(\n    (parentKey: string): string[] => {\n      return getNodeDescendants(parentKey, isExpandable, flattenData, rowKey);\n    },\n    [isExpandable, flattenData, rowKey],\n  );\n\n  // 获取节点的所有祖先节点keys\n  const getAncestorKeys = useCallback(\n    (targetKey: string): string[] => {\n      return getNodeAncestors(targetKey, isExpandable, flattenData, rowKey);\n    },\n    [isExpandable, flattenData, rowKey],\n  );\n\n  // 获取节点的选择状态（考虑子节点状态）\n  const getNodeCheckStatus = useCallback(\n    (nodeKey: string): { checked: boolean; indeterminate: boolean } => {\n      return calculateNodeCheckStatus(\n        nodeKey,\n        selectedRowKeys,\n        rowSelection?.checkStrictly,\n        isExpandable,\n        getDescendantKeys,\n      );\n    },\n    [\n      selectedRowKeys,\n      rowSelection?.checkStrictly,\n      isExpandable,\n      getDescendantKeys,\n    ],\n  );\n\n  const onClickCheckbox = useCallback(\n    (key: string, isChecked: boolean) => () => {\n      const newKeys = calculateCascadeSelection(\n        key,\n        isChecked,\n        selectedRowKeys,\n        rowSelection?.checkStrictly,\n        isExpandable,\n        getDescendantKeys,\n        getAncestorKeys,\n      );\n\n      changeSelectedRowKeys(newKeys);\n    },\n    [\n      selectedRowKeys,\n      changeSelectedRowKeys,\n      rowSelection?.checkStrictly,\n      isExpandable,\n      getDescendantKeys,\n      getAncestorKeys,\n    ],\n  );\n\n  // 全选按钮\n  const getCheckboxAllNode = (children?: React.ReactNode) => (\n    <div className={prefixCls('row-selection-all')}>\n      <Checkbox\n        onClick={onClickAllCheckbox}\n        checked={checkboxAllStatus === 'all'}\n        indeterminate={checkboxAllStatus === 'indeterminate'}\n      >\n        {children}\n      </Checkbox>\n    </div>\n  );\n\n  if (!rowSelection) {\n    return {\n      columns,\n      isRowSelectionEnabled: false,\n      getCheckboxAllNode,\n      selectedRowKeys: [],\n      selectedRowKeysInCurrPage: [],\n      unSelectAll,\n      isShowRowSelectionInFooter: false,\n      items: [],\n      onChange: () => {},\n    };\n  }\n\n  if (!rowKey) {\n    throw new Error('rowKey is required when rowSelection is enabled');\n  }\n\n  const fixed = !!rowSelection.fixed || hasFixedLeftColumn(columns);\n\n  const rowSelectionColumn: ITableColumn<TDataItem> = {\n    dataIndex: '',\n    title: (\n      <div className={prefixCls('row-selection-all-header-wrap')}>\n        {getCheckboxAllNode()}\n      </div>\n    ),\n    width: 48,\n    render: (text: unknown, record: TDataItem) => {\n      const key = getRowKey(record, rowKey);\n      const nodeStatus = getNodeCheckStatus(key);\n      const checkboxProps = rowSelection.getCheckboxProps?.(record) || {};\n\n      return (\n        <div className={prefixCls('row-selection-item')}>\n          <Checkbox\n            onClick={onClickCheckbox(\n              key,\n              nodeStatus.checked || nodeStatus.indeterminate,\n            )}\n            checked={nodeStatus.checked}\n            indeterminate={nodeStatus.indeterminate}\n            {...checkboxProps}\n          />\n        </div>\n      );\n    },\n    fixed: fixed ? 'left' : undefined,\n  };\n\n  const selectedRowKeysInCurrPage = getDataWithoutDisabled(\n    data,\n    rowSelection.getCheckboxProps,\n  )\n    .map((record) => getRowKey(record, rowKey))\n    .filter((key) => selectedRowKeys.includes(key));\n\n  const isShowRowSelectionInFooter = selectedRowKeysInCurrPage.length > 0;\n\n  const items =\n    rowSelection.items?.map((operationItem) => ({\n      ...operationItem,\n      onClick: (e: React.MouseEvent) => {\n        operationItem.onClick(\n          selectedRowKeysInCurrPage,\n          getSelectedRows(selectedRowKeysInCurrPage),\n          e,\n        );\n      },\n    })) || [];\n\n  return {\n    columns: [rowSelectionColumn, ...columns],\n    isRowSelectionEnabled: true,\n    getCheckboxAllNode,\n    selectedRowKeys: selectedRowKeys, // 返回完整的选中项列表\n    selectedRowKeysInCurrPage, // 当前页面可见的选中项\n    unSelectAll,\n    isShowRowSelectionInFooter,\n    items,\n    onChange: changeSelectedRowKeys,\n  };\n}\n\nfunction getCheckboxAllStatus<TDataItem extends object>(\n  data: TDataItem[],\n  selectedRowKeys: string[],\n  rowKey: ITableProps<TDataItem>['rowKey'],\n  getCheckboxProps?: IRowSelection<TDataItem>['getCheckboxProps'],\n): 'all' | 'none' | 'indeterminate' {\n  const enabledData = getDataWithoutDisabled(data, getCheckboxProps);\n\n  if (enabledData.length === 0) {\n    return 'none';\n  }\n\n  const selectedEnabledCount = enabledData.filter((record) =>\n    selectedRowKeys.includes(getRowKey(record, rowKey)),\n  ).length;\n\n  if (selectedEnabledCount === 0) {\n    return 'none';\n  }\n  if (selectedEnabledCount === enabledData.length) {\n    return 'all';\n  }\n  return 'indeterminate';\n}\n\nfunction getDataWithoutDisabled<TDataItem extends object>(\n  data: TDataItem[],\n  getCheckboxProps?: IRowSelection<TDataItem>['getCheckboxProps'],\n) {\n  return data.filter((record) => {\n    const checkboxProps = getCheckboxProps?.(record) || {};\n    const { disabled } = checkboxProps;\n    return !disabled;\n  });\n}\n\nexport interface IRowSelectionInfo<TDataItem extends object> {\n  columns: ITableProps<TDataItem>['columns'];\n  isRowSelectionEnabled: boolean;\n  getCheckboxAllNode: ((children?: React.ReactNode) => React.ReactNode) | null;\n  selectedRowKeys: string[]; // 完整的选中项列表\n  selectedRowKeysInCurrPage: string[]; // 当前页面可见的选中项\n  unSelectAll: () => void;\n  isShowRowSelectionInFooter: boolean;\n  items: {\n    key: string;\n    label: React.ReactNode;\n    onClick: (e: React.MouseEvent) => void;\n  }[];\n  onChange: (selectedRowKeys: string[]) => void;\n}\n\n/**\n * 获取节点的所有子孙节点keys\n * @param parentKey 父节点key\n * @param isExpandable 是否启用展开功能\n * @param flattenData 扁平化后的数据（包含所有节点，包括子节点）\n * @param rowKey 行key获取函数\n * @returns 子孙节点keys数组\n */\nexport function getNodeDescendants<TDataItem extends object>(\n  parentKey: string,\n  isExpandable?: boolean,\n  flattenData?: TDataItem[],\n  rowKey?: ITableProps<TDataItem>['rowKey'],\n): string[] {\n  if (!isExpandable || !flattenData || !rowKey) return [];\n\n  const descendants: string[] = [];\n\n  // 找到父节点在flattenData中的记录\n  const parentNode = flattenData.find(\n    (item) => getRowKey(item, rowKey) === parentKey,\n  );\n  if (!parentNode) return [];\n\n  // 从原始节点的children中收集所有子孙节点\n  const collectDescendants = (node: any) => {\n    const children = node.children || [];\n    children.forEach((child: any) => {\n      const childKey = getRowKey(child, rowKey);\n      descendants.push(childKey);\n      collectDescendants(child);\n    });\n  };\n\n  collectDescendants(parentNode);\n  return descendants;\n}\n\n/**\n * 获取节点的所有祖先节点keys\n * @param targetKey 目标节点key\n * @param isExpandable 是否启用展开功能\n * @param flattenData 扁平化后的数据\n * @param rowKey 行key获取函数\n * @returns 祖先节点keys数组（从直接父节点到根节点）\n */\nexport function getNodeAncestors<TDataItem extends object>(\n  targetKey: string,\n  isExpandable?: boolean,\n  flattenData?: TDataItem[],\n  rowKey?: ITableProps<TDataItem>['rowKey'],\n): string[] {\n  if (!isExpandable || !flattenData || !rowKey) return [];\n\n  const ancestors: string[] = [];\n\n  // 找到目标节点的直接父节点\n  const findDirectParent = (childKey: string): TDataItem | null => {\n    for (const item of flattenData) {\n      const children = (item as any).children || [];\n      if (\n        children.some((child: any) => getRowKey(child, rowKey) === childKey)\n      ) {\n        return item;\n      }\n    }\n    return null;\n  };\n\n  let currentKey = targetKey;\n\n  for (;;) {\n    const parent = findDirectParent(currentKey);\n    if (!parent) break;\n\n    const parentKey = getRowKey(parent, rowKey);\n    ancestors.push(parentKey);\n    currentKey = parentKey;\n  }\n\n  return ancestors;\n}\n\n/**\n * 计算级联选择后的keys（包含向上级联）\n * @param targetKey 被操作的节点key\n * @param isChecked 当前是否选中\n * @param currentSelectedKeys 当前已选中的keys\n * @param checkStrictly 是否严格模式\n * @param isExpandable 是否启用展开功能\n * @param getDescendantKeys 获取子孙节点keys的函数\n * @param getAncestorKeys 获取祖先节点keys的函数\n * @returns 新的选中keys\n */\nexport function calculateCascadeSelection(\n  targetKey: string,\n  isChecked: boolean,\n  currentSelectedKeys: string[],\n  checkStrictly?: boolean,\n  isExpandable?: boolean,\n  getDescendantKeys?: (nodeKey: string) => string[],\n  getAncestorKeys?: (nodeKey: string) => string[],\n): string[] {\n  if (\n    checkStrictly ||\n    !isExpandable ||\n    !getDescendantKeys ||\n    !getAncestorKeys\n  ) {\n    // 严格模式，不进行级联\n    return isChecked\n      ? currentSelectedKeys.filter((key) => key !== targetKey)\n      : [...currentSelectedKeys, targetKey];\n  }\n\n  let newKeys = [...currentSelectedKeys];\n\n  if (isChecked) {\n    // 取消选择：移除目标节点和所有子孙节点\n    newKeys = newKeys.filter((key) => key !== targetKey);\n    const descendants = getDescendantKeys(targetKey);\n    newKeys = newKeys.filter((key) => !descendants.includes(key));\n\n    // 向上级联：检查父节点是否需要取消选择\n    const ancestors = getAncestorKeys(targetKey);\n    ancestors.forEach((ancestorKey) => {\n      const ancestorDescendants = getDescendantKeys(ancestorKey);\n      const selectedDescendantsCount = ancestorDescendants.filter((key) =>\n        newKeys.includes(key),\n      ).length;\n\n      // 如果子孙节点没有全部选中，则父节点也应该取消选择\n      if (selectedDescendantsCount < ancestorDescendants.length) {\n        newKeys = newKeys.filter((key) => key !== ancestorKey);\n      }\n    });\n  } else {\n    // 选择：添加目标节点和所有子孙节点\n    if (!newKeys.includes(targetKey)) {\n      newKeys.push(targetKey);\n    }\n    const descendants = getDescendantKeys(targetKey);\n    descendants.forEach((descendantKey) => {\n      if (!newKeys.includes(descendantKey)) {\n        newKeys.push(descendantKey);\n      }\n    });\n\n    // 向上级联：检查父节点是否需要选择\n    const ancestors = getAncestorKeys(targetKey);\n    ancestors.forEach((ancestorKey) => {\n      const ancestorDescendants = getDescendantKeys(ancestorKey);\n      const selectedDescendantsCount = ancestorDescendants.filter((key) =>\n        newKeys.includes(key),\n      ).length;\n\n      // 如果所有子孙节点都被选中，则父节点也应该被选中\n      if (\n        selectedDescendantsCount === ancestorDescendants.length &&\n        !newKeys.includes(ancestorKey)\n      ) {\n        newKeys.push(ancestorKey);\n      }\n    });\n  }\n\n  return newKeys;\n}\n\n/**\n * 计算节点的选择状态（考虑子节点状态）\n * @param nodeKey 节点key\n * @param selectedRowKeys 已选中的keys\n * @param checkStrictly 是否严格模式\n * @param isExpandable 是否启用展开功能\n * @param getDescendantKeys 获取子孙节点keys的函数\n * @returns 节点的选择状态\n */\nexport function calculateNodeCheckStatus(\n  nodeKey: string,\n  selectedRowKeys: string[],\n  checkStrictly?: boolean,\n  isExpandable?: boolean,\n  getDescendantKeys?: (nodeKey: string) => string[],\n): { checked: boolean; indeterminate: boolean } {\n  if (checkStrictly || !isExpandable || !getDescendantKeys) {\n    // 严格模式下或非展开模式，直接返回节点本身的选择状态\n    return {\n      checked: selectedRowKeys.includes(nodeKey),\n      indeterminate: false,\n    };\n  }\n\n  const descendants = getDescendantKeys(nodeKey);\n\n  // 如果没有子节点，直接返回本身状态\n  if (descendants.length === 0) {\n    return {\n      checked: selectedRowKeys.includes(nodeKey),\n      indeterminate: false,\n    };\n  }\n\n  const selectedDescendants = descendants.filter((key) =>\n    selectedRowKeys.includes(key),\n  );\n  const isNodeSelected = selectedRowKeys.includes(nodeKey);\n\n  if (isNodeSelected && selectedDescendants.length === descendants.length) {\n    // 节点本身选中且所有子节点都选中\n    return { checked: true, indeterminate: false };\n  } else if (!isNodeSelected && selectedDescendants.length === 0) {\n    // 节点本身未选中且所有子节点都未选中\n    return { checked: false, indeterminate: false };\n  } else {\n    // 部分选中的情况：节点选中但子节点未全选，或节点未选中但部分子节点选中\n    return { checked: false, indeterminate: true };\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"useRowSelection.js","names":[],"sources":["../../../src/Table/hooks/useRowSelection.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport Checkbox from '../../Checkbox';\nimport { getRowKey, hasFixedLeftColumn, prefixCls } from '../helper';\nimport { IRowSelection, ITableColumn, ITableProps } from '../types';\n\nexport default function useRowSelection<TDataItem extends object>(\n  props: ITableProps<TDataItem> & {\n    isExpandable?: boolean;\n    flattenData?: TDataItem[];\n  },\n): IRowSelectionInfo<TDataItem> {\n  const { columns, rowSelection, rowKey, data, isExpandable, flattenData } =\n    props;\n\n  const [selectedRowKeysState, setSelectedRowKeysState] = useState(\n    rowSelection?.selectedRowKeys || rowSelection?.defaultSelectedRowKeys || [],\n  );\n\n  const selectedRowKeys = rowSelection?.selectedRowKeys || selectedRowKeysState;\n\n  const getSelectedRows = useCallback(\n    (rowKeys: string[]) => {\n      return data.filter((record) =>\n        rowKeys.includes(getRowKey(record, rowKey)),\n      );\n    },\n    [data, rowKey],\n  );\n\n  // 获取用于全选状态计算和数据获取的完整数据\n  const allDataForSelection = useMemo(() => {\n    // 如果开启了 expandable，使用扁平化后的数据\n    if (isExpandable && flattenData) {\n      return flattenData;\n    }\n    // 否则使用原始数据\n    return data;\n  }, [isExpandable, flattenData, data]);\n\n  // 从完整数据中获取选中的行\n  const getAllSelectedRows = useCallback(\n    (rowKeys: string[]) => {\n      return allDataForSelection.filter((record) =>\n        rowKeys.includes(getRowKey(record, rowKey)),\n      );\n    },\n    [allDataForSelection, rowKey],\n  );\n\n  const changeSelectedRowKeys = useCallback(\n    (newSelectedRowKeys: string[]) => {\n      setSelectedRowKeysState(newSelectedRowKeys);\n\n      // 获取所有选中的行数据（包括被折叠的子项）\n      const allSelectedRows = getAllSelectedRows(newSelectedRowKeys);\n      rowSelection?.onChange?.(newSelectedRowKeys, allSelectedRows);\n    },\n    [getAllSelectedRows, rowSelection],\n  );\n\n  const checkboxAllStatus = getCheckboxAllStatus(\n    allDataForSelection,\n    selectedRowKeys,\n    rowKey,\n    rowSelection?.getCheckboxProps,\n  );\n\n  const selectAll = useCallback(() => {\n    const newKeys = getDataWithoutDisabled(\n      allDataForSelection,\n      rowSelection?.getCheckboxProps,\n    ).map((record) => getRowKey(record, rowKey));\n\n    changeSelectedRowKeys(newKeys);\n  }, [\n    allDataForSelection,\n    rowKey,\n    rowSelection?.getCheckboxProps,\n    changeSelectedRowKeys,\n  ]);\n\n  const unSelectAll = useCallback(() => {\n    changeSelectedRowKeys([]);\n  }, [changeSelectedRowKeys]);\n\n  const onChangeAllCheckbox = useCallback(() => {\n    if (checkboxAllStatus === 'all') {\n      unSelectAll();\n    } else {\n      selectAll();\n    }\n  }, [checkboxAllStatus, unSelectAll, selectAll]);\n\n  // 获取节点的所有子孙节点keys\n  const getDescendantKeys = useCallback(\n    (parentKey: string): string[] => {\n      return getNodeDescendants(parentKey, isExpandable, flattenData, rowKey);\n    },\n    [isExpandable, flattenData, rowKey],\n  );\n\n  // 获取节点的所有祖先节点keys\n  const getAncestorKeys = useCallback(\n    (targetKey: string): string[] => {\n      return getNodeAncestors(targetKey, isExpandable, flattenData, rowKey);\n    },\n    [isExpandable, flattenData, rowKey],\n  );\n\n  // 获取节点的选择状态（考虑子节点状态）\n  const getNodeCheckStatus = useCallback(\n    (nodeKey: string): { checked: boolean; indeterminate: boolean } => {\n      return calculateNodeCheckStatus(\n        nodeKey,\n        selectedRowKeys,\n        rowSelection?.checkStrictly,\n        isExpandable,\n        getDescendantKeys,\n      );\n    },\n    [\n      selectedRowKeys,\n      rowSelection?.checkStrictly,\n      isExpandable,\n      getDescendantKeys,\n    ],\n  );\n\n  const onChangeCheckbox = useCallback(\n    (key: string, isChecked: boolean) => () => {\n      const newKeys = calculateCascadeSelection(\n        key,\n        isChecked,\n        selectedRowKeys,\n        rowSelection?.checkStrictly,\n        isExpandable,\n        getDescendantKeys,\n        getAncestorKeys,\n      );\n\n      changeSelectedRowKeys(newKeys);\n    },\n    [\n      selectedRowKeys,\n      changeSelectedRowKeys,\n      rowSelection?.checkStrictly,\n      isExpandable,\n      getDescendantKeys,\n      getAncestorKeys,\n    ],\n  );\n\n  // 全选按钮\n  const getCheckboxAllNode = (children?: React.ReactNode) => (\n    <div className={prefixCls('row-selection-all')}>\n      <Checkbox\n        onChange={onChangeAllCheckbox}\n        checked={checkboxAllStatus === 'all'}\n        indeterminate={checkboxAllStatus === 'indeterminate'}\n      >\n        {children || <span className=\"tw-sr-only\">Select all rows</span>}\n      </Checkbox>\n    </div>\n  );\n\n  if (!rowSelection) {\n    return {\n      columns,\n      isRowSelectionEnabled: false,\n      getCheckboxAllNode,\n      selectedRowKeys: [],\n      selectedRowKeysInCurrPage: [],\n      unSelectAll,\n      isShowRowSelectionInFooter: false,\n      items: [],\n      onChange: () => {},\n    };\n  }\n\n  if (!rowKey) {\n    throw new Error('rowKey is required when rowSelection is enabled');\n  }\n\n  const fixed = !!rowSelection.fixed || hasFixedLeftColumn(columns);\n\n  const rowSelectionColumn: ITableColumn<TDataItem> = {\n    dataIndex: '',\n    title: (\n      <div className={prefixCls('row-selection-all-header-wrap')}>\n        {getCheckboxAllNode()}\n      </div>\n    ),\n    width: 48,\n    render: (text: unknown, record: TDataItem) => {\n      const key = getRowKey(record, rowKey);\n      const nodeStatus = getNodeCheckStatus(key);\n      const checkboxProps = rowSelection.getCheckboxProps?.(record) || {};\n\n      return (\n        <div className={prefixCls('row-selection-item')}>\n          <Checkbox\n            onChange={onChangeCheckbox(\n              key,\n              nodeStatus.checked || nodeStatus.indeterminate,\n            )}\n            checked={nodeStatus.checked}\n            indeterminate={nodeStatus.indeterminate}\n            {...checkboxProps}\n          >\n            <span className=\"tw-sr-only\">Select row {key}</span>\n          </Checkbox>\n        </div>\n      );\n    },\n    fixed: fixed ? 'left' : undefined,\n  };\n\n  const selectedRowKeysInCurrPage = getDataWithoutDisabled(\n    data,\n    rowSelection.getCheckboxProps,\n  )\n    .map((record) => getRowKey(record, rowKey))\n    .filter((key) => selectedRowKeys.includes(key));\n\n  const isShowRowSelectionInFooter = selectedRowKeysInCurrPage.length > 0;\n\n  const items =\n    rowSelection.items?.map((operationItem) => ({\n      ...operationItem,\n      onClick: (e: React.MouseEvent) => {\n        operationItem.onClick(\n          selectedRowKeysInCurrPage,\n          getSelectedRows(selectedRowKeysInCurrPage),\n          e,\n        );\n      },\n    })) || [];\n\n  return {\n    columns: [rowSelectionColumn, ...columns],\n    isRowSelectionEnabled: true,\n    getCheckboxAllNode,\n    selectedRowKeys: selectedRowKeys, // 返回完整的选中项列表\n    selectedRowKeysInCurrPage, // 当前页面可见的选中项\n    unSelectAll,\n    isShowRowSelectionInFooter,\n    items,\n    onChange: changeSelectedRowKeys,\n  };\n}\n\nfunction getCheckboxAllStatus<TDataItem extends object>(\n  data: TDataItem[],\n  selectedRowKeys: string[],\n  rowKey: ITableProps<TDataItem>['rowKey'],\n  getCheckboxProps?: IRowSelection<TDataItem>['getCheckboxProps'],\n): 'all' | 'none' | 'indeterminate' {\n  const enabledData = getDataWithoutDisabled(data, getCheckboxProps);\n\n  if (enabledData.length === 0) {\n    return 'none';\n  }\n\n  const selectedEnabledCount = enabledData.filter((record) =>\n    selectedRowKeys.includes(getRowKey(record, rowKey)),\n  ).length;\n\n  if (selectedEnabledCount === 0) {\n    return 'none';\n  }\n  if (selectedEnabledCount === enabledData.length) {\n    return 'all';\n  }\n  return 'indeterminate';\n}\n\nfunction getDataWithoutDisabled<TDataItem extends object>(\n  data: TDataItem[],\n  getCheckboxProps?: IRowSelection<TDataItem>['getCheckboxProps'],\n) {\n  return data.filter((record) => {\n    const checkboxProps = getCheckboxProps?.(record) || {};\n    const { disabled } = checkboxProps;\n    return !disabled;\n  });\n}\n\nexport interface IRowSelectionInfo<TDataItem extends object> {\n  columns: ITableProps<TDataItem>['columns'];\n  isRowSelectionEnabled: boolean;\n  getCheckboxAllNode: ((children?: React.ReactNode) => React.ReactNode) | null;\n  selectedRowKeys: string[]; // 完整的选中项列表\n  selectedRowKeysInCurrPage: string[]; // 当前页面可见的选中项\n  unSelectAll: () => void;\n  isShowRowSelectionInFooter: boolean;\n  items: {\n    key: string;\n    label: React.ReactNode;\n    onClick: (e: React.MouseEvent) => void;\n  }[];\n  onChange: (selectedRowKeys: string[]) => void;\n}\n\n/**\n * 获取节点的所有子孙节点keys\n * @param parentKey 父节点key\n * @param isExpandable 是否启用展开功能\n * @param flattenData 扁平化后的数据（包含所有节点，包括子节点）\n * @param rowKey 行key获取函数\n * @returns 子孙节点keys数组\n */\nexport function getNodeDescendants<TDataItem extends object>(\n  parentKey: string,\n  isExpandable?: boolean,\n  flattenData?: TDataItem[],\n  rowKey?: ITableProps<TDataItem>['rowKey'],\n): string[] {\n  if (!isExpandable || !flattenData || !rowKey) return [];\n\n  const descendants: string[] = [];\n\n  // 找到父节点在flattenData中的记录\n  const parentNode = flattenData.find(\n    (item) => getRowKey(item, rowKey) === parentKey,\n  );\n  if (!parentNode) return [];\n\n  // 从原始节点的children中收集所有子孙节点\n  const collectDescendants = (node: any) => {\n    const children = node.children || [];\n    children.forEach((child: any) => {\n      const childKey = getRowKey(child, rowKey);\n      descendants.push(childKey);\n      collectDescendants(child);\n    });\n  };\n\n  collectDescendants(parentNode);\n  return descendants;\n}\n\n/**\n * 获取节点的所有祖先节点keys\n * @param targetKey 目标节点key\n * @param isExpandable 是否启用展开功能\n * @param flattenData 扁平化后的数据\n * @param rowKey 行key获取函数\n * @returns 祖先节点keys数组（从直接父节点到根节点）\n */\nexport function getNodeAncestors<TDataItem extends object>(\n  targetKey: string,\n  isExpandable?: boolean,\n  flattenData?: TDataItem[],\n  rowKey?: ITableProps<TDataItem>['rowKey'],\n): string[] {\n  if (!isExpandable || !flattenData || !rowKey) return [];\n\n  const ancestors: string[] = [];\n\n  // 找到目标节点的直接父节点\n  const findDirectParent = (childKey: string): TDataItem | null => {\n    for (const item of flattenData) {\n      const children = (item as any).children || [];\n      if (\n        children.some((child: any) => getRowKey(child, rowKey) === childKey)\n      ) {\n        return item;\n      }\n    }\n    return null;\n  };\n\n  let currentKey = targetKey;\n\n  for (;;) {\n    const parent = findDirectParent(currentKey);\n    if (!parent) break;\n\n    const parentKey = getRowKey(parent, rowKey);\n    ancestors.push(parentKey);\n    currentKey = parentKey;\n  }\n\n  return ancestors;\n}\n\n/**\n * 计算级联选择后的keys（包含向上级联）\n * @param targetKey 被操作的节点key\n * @param isChecked 当前是否选中\n * @param currentSelectedKeys 当前已选中的keys\n * @param checkStrictly 是否严格模式\n * @param isExpandable 是否启用展开功能\n * @param getDescendantKeys 获取子孙节点keys的函数\n * @param getAncestorKeys 获取祖先节点keys的函数\n * @returns 新的选中keys\n */\nexport function calculateCascadeSelection(\n  targetKey: string,\n  isChecked: boolean,\n  currentSelectedKeys: string[],\n  checkStrictly?: boolean,\n  isExpandable?: boolean,\n  getDescendantKeys?: (nodeKey: string) => string[],\n  getAncestorKeys?: (nodeKey: string) => string[],\n): string[] {\n  if (\n    checkStrictly ||\n    !isExpandable ||\n    !getDescendantKeys ||\n    !getAncestorKeys\n  ) {\n    // 严格模式，不进行级联\n    return isChecked\n      ? currentSelectedKeys.filter((key) => key !== targetKey)\n      : [...currentSelectedKeys, targetKey];\n  }\n\n  let newKeys = [...currentSelectedKeys];\n\n  if (isChecked) {\n    // 取消选择：移除目标节点和所有子孙节点\n    newKeys = newKeys.filter((key) => key !== targetKey);\n    const descendants = getDescendantKeys(targetKey);\n    newKeys = newKeys.filter((key) => !descendants.includes(key));\n\n    // 向上级联：检查父节点是否需要取消选择\n    const ancestors = getAncestorKeys(targetKey);\n    ancestors.forEach((ancestorKey) => {\n      const ancestorDescendants = getDescendantKeys(ancestorKey);\n      const selectedDescendantsCount = ancestorDescendants.filter((key) =>\n        newKeys.includes(key),\n      ).length;\n\n      // 如果子孙节点没有全部选中，则父节点也应该取消选择\n      if (selectedDescendantsCount < ancestorDescendants.length) {\n        newKeys = newKeys.filter((key) => key !== ancestorKey);\n      }\n    });\n  } else {\n    // 选择：添加目标节点和所有子孙节点\n    if (!newKeys.includes(targetKey)) {\n      newKeys.push(targetKey);\n    }\n    const descendants = getDescendantKeys(targetKey);\n    descendants.forEach((descendantKey) => {\n      if (!newKeys.includes(descendantKey)) {\n        newKeys.push(descendantKey);\n      }\n    });\n\n    // 向上级联：检查父节点是否需要选择\n    const ancestors = getAncestorKeys(targetKey);\n    ancestors.forEach((ancestorKey) => {\n      const ancestorDescendants = getDescendantKeys(ancestorKey);\n      const selectedDescendantsCount = ancestorDescendants.filter((key) =>\n        newKeys.includes(key),\n      ).length;\n\n      // 如果所有子孙节点都被选中，则父节点也应该被选中\n      if (\n        selectedDescendantsCount === ancestorDescendants.length &&\n        !newKeys.includes(ancestorKey)\n      ) {\n        newKeys.push(ancestorKey);\n      }\n    });\n  }\n\n  return newKeys;\n}\n\n/**\n * 计算节点的选择状态（考虑子节点状态）\n * @param nodeKey 节点key\n * @param selectedRowKeys 已选中的keys\n * @param checkStrictly 是否严格模式\n * @param isExpandable 是否启用展开功能\n * @param getDescendantKeys 获取子孙节点keys的函数\n * @returns 节点的选择状态\n */\nexport function calculateNodeCheckStatus(\n  nodeKey: string,\n  selectedRowKeys: string[],\n  checkStrictly?: boolean,\n  isExpandable?: boolean,\n  getDescendantKeys?: (nodeKey: string) => string[],\n): { checked: boolean; indeterminate: boolean } {\n  if (checkStrictly || !isExpandable || !getDescendantKeys) {\n    // 严格模式下或非展开模式，直接返回节点本身的选择状态\n    return {\n      checked: selectedRowKeys.includes(nodeKey),\n      indeterminate: false,\n    };\n  }\n\n  const descendants = getDescendantKeys(nodeKey);\n\n  // 如果没有子节点，直接返回本身状态\n  if (descendants.length === 0) {\n    return {\n      checked: selectedRowKeys.includes(nodeKey),\n      indeterminate: false,\n    };\n  }\n\n  const selectedDescendants = descendants.filter((key) =>\n    selectedRowKeys.includes(key),\n  );\n  const isNodeSelected = selectedRowKeys.includes(nodeKey);\n\n  if (isNodeSelected && selectedDescendants.length === descendants.length) {\n    // 节点本身选中且所有子节点都选中\n    return { checked: true, indeterminate: false };\n  } else if (!isNodeSelected && selectedDescendants.length === 0) {\n    // 节点本身未选中且所有子节点都未选中\n    return { checked: false, indeterminate: false };\n  } else {\n    // 部分选中的情况：节点选中但子节点未全选，或节点未选中但部分子节点选中\n    return { checked: false, indeterminate: true };\n  }\n}\n"],"mappings":"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"}

package/dist/Table/index.js

@@ -46,7 +46,7 @@ function TableResizeWrapper({ children, onResize }) {
 	});
 }
 function Table(props, ref) {
-	const { data, bordered, rowKey, columnSizing, sticky, loading, pagination, scroll = {}, empty: emptyComponent, virtual = false, rowClassName = () => "", onRowClick, onError, onSort, expandable, rowDnd } = props;
+	const { data, bordered, rowKey, columnSizing, sticky, loading, pagination, scroll = {}, empty: emptyComponent, virtual = false, rowClassName = () => "", onRowClick, onError, onSort, expandable, rowDnd, rowSelection } = props;
 	const [totalSize, setTotalSize] = useState(null);
 	const [hoverRowId, setHoverRowId] = useState(null);
 	const { y } = scroll;
@@ -336,11 +336,15 @@ function Table(props, ref) {
 				] });
 			} else content = allRowCells.map((cell, index) => renderBodyCell(row, cell, index));
 			const rowId = row.id;
+			const isRowSelected = rowSelectionInfo.isRowSelectionEnabled && rowSelectionInfo.selectedRowKeys.includes(rowId);
+			const isRowSelectionDisabled = rowSelectionInfo.isRowSelectionEnabled && !!rowSelection?.getCheckboxProps?.(row.original).disabled;
 			const rowNode = /* @__PURE__ */ jsx("div", {
 				"data-index": virtual ? rowData.index : rowIndex,
 				className: cn(prefixCls("tr"), {
 					[prefixCls("row-hover")]: rowDndInfo.draggingRowId ? void 0 : hoverRowId === rowId,
 					[prefixCls("row-dragging")]: rowDndInfo.draggingRowId === rowId,
+					[prefixCls("row-selected")]: isRowSelected,
+					[prefixCls("row-selection-disabled")]: isRowSelectionDisabled,
 					[prefixCls("no-border-tr")]: isShowPagination && rowIndex === rows.length - 1
 				}, rowClassName(row.original, rowIndex)),
 				ref: (node) => {
@@ -351,7 +355,9 @@ function Table(props, ref) {
 					}
 				},
 				onClick: onClickRow(row.original, rowIndex),
-				onMouseEnter: () => setHoverRowId(rowId),
+				onMouseEnter: () => {
+					if (!isRowSelectionDisabled) setHoverRowId(rowId);
+				},
 				onMouseLeave: () => setHoverRowId(null),
 				style: virtual ? {
 					position: "absolute",

package/dist/Table/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Table/index.tsx"],"sourcesContent":["import {\n  Cell,\n  Header,\n  Row,\n  flexRender,\n  getCoreRowModel,\n  useReactTable,\n} from '@tanstack/react-table';\nimport { VirtualItem, useVirtualizer } from '@tanstack/react-virtual';\nimport { cn } from '../lib/utils';\nimport './table.css';\nimport _ from 'lodash';\nimport React, {\n  CSSProperties,\n  ForwardedRef,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { Empty, Spin } from '..';\nimport ExpandCell from './components/ExpandCell';\nimport Footer from './components/Footer';\nimport DndWrapper from './components/DndWrapper';\nimport { getRowKey, getTableColumns, prefixCls } from './helper';\nimport useExpandable, { getExpandableConfig } from './hooks/useExpandable';\nimport useFixed from './hooks/useFixed';\nimport useRowSelection from './hooks/useRowSelection';\nimport useScroll from './hooks/useScroll';\nimport { ITableProps, ITableRef } from './types';\nimport useRowDnd from './hooks/useRowDnd';\n\nconst HEADER_HEIGHT = 41;\nconst FOOTER_HEIGHT = 52;\n\nfunction TableResizeWrapper({\n  children,\n  onResize,\n}: {\n  children: React.ReactNode;\n  onResize: (width: number, height: number) => void;\n}) {\n  const ref = useRef<HTMLDivElement>(null);\n  const onResizeRef = useRef(onResize);\n  onResizeRef.current = onResize;\n  useEffect(() => {\n    const el = ref.current;\n    if (!el) return;\n    let prevW = 0;\n    let prevH = 0;\n    const ro = new window.ResizeObserver(() => {\n      const w = el.offsetWidth;\n      const h = el.offsetHeight;\n      if (w === prevW && h === prevH) return;\n      prevW = w;\n      prevH = h;\n      onResizeRef.current(w, h);\n    });\n    ro.observe(el);\n    return () => ro.disconnect();\n  }, []);\n  return (\n    <div ref={ref} style={{ height: '100%' }}>\n      {children}\n    </div>\n  );\n}\n\nfunction Table<TDataItem extends object>(\n  props: ITableProps<TDataItem>,\n  ref: ForwardedRef<ITableRef>,\n) {\n  const {\n    data,\n    bordered,\n    rowKey,\n    columnSizing,\n    sticky,\n    loading,\n    pagination,\n    scroll = {},\n    empty: emptyComponent,\n    virtual = false,\n    rowClassName = () => '',\n    onRowClick,\n    onError,\n    onSort,\n    expandable,\n    rowDnd,\n  } = props;\n  const [totalSize, setTotalSize] = useState<{\n    width: number;\n    height: number;\n  } | null>(null);\n\n  const [hoverRowId, setHoverRowId] = useState<string | null>(null);\n\n  const { y } = scroll;\n  const {\n    containerWidth,\n    onBodyScroll,\n    headerRef,\n    bodyRef,\n    isPingLeft,\n    isPingRight,\n    scrollbarWidth,\n    changeIsPing,\n  } = useScroll({\n    totalSize,\n    scroll,\n  });\n\n  const scrollToFirstRow = useCallback(() => {\n    if (!bodyRef.current) {\n      return;\n    }\n    bodyRef.current.scrollTop = 0;\n  }, [bodyRef]);\n\n  useImperativeHandle(ref, () => ({\n    scrollToFirstRow,\n  }));\n\n  const expandableInfo = useExpandable({\n    expandable,\n    data,\n    rowKey,\n  });\n  const expandableConfig = getExpandableConfig(expandable);\n\n  const rowSelectionInfo = useRowSelection({\n    ...props,\n    data: expandableInfo.data,\n    isExpandable: expandableInfo.isExpandable,\n    flattenData: expandableInfo.flattenData,\n  });\n\n  const rowDndInfo = useRowDnd({\n    ...props,\n    columns: rowSelectionInfo.columns,\n    data: expandableInfo.data,\n  });\n\n  const tableColumns = useMemo(() => {\n    return getTableColumns<TDataItem>({\n      columns: rowDndInfo.columns,\n      containerWidth: containerWidth || 0,\n      onError,\n      onSort,\n    });\n  }, [containerWidth, onError, onSort, rowDndInfo.columns]);\n\n  const tableInstance = useReactTable<TDataItem>({\n    columns: tableColumns,\n    // 排除掉被折叠的行\n    data: rowDndInfo.tableData,\n    getCoreRowModel: getCoreRowModel(),\n    getRowId: (row, index) => {\n      return getRowKey(row, rowKey, index);\n    },\n    columnResizeMode: 'onChange',\n  });\n\n  const headerGroups = tableInstance.getHeaderGroups();\n\n  const columnWidths = headerGroups[0].headers.map((header) =>\n    header.getSize(),\n  );\n  const getColumnFixedInfo = useFixed<TDataItem>({\n    columnWidths,\n    tableColumns,\n    y,\n    scrollbarWidth,\n  });\n\n  // 渲染 header\n  const { rows } = tableInstance.getRowModel();\n\n  const isStickyWork = !!sticky && y === undefined;\n  const headerStyle: CSSProperties = {};\n  if (isStickyWork && _.get(sticky, 'offsetHeader')) {\n    headerStyle.top = _.get(sticky, 'offsetHeader', 0);\n  }\n\n  const totalColumnsWidth = _.sum(columnWidths);\n\n  useEffect(() => {\n    // 总列宽改变时，重新计算是否需要显示固定列的阴影\n    changeIsPing(totalColumnsWidth);\n  }, [changeIsPing, totalColumnsWidth]);\n\n  const renderHeaderCell = useCallback(\n    (header: Header<TDataItem, unknown>, index: number) => {\n      // 选择行的列不能拖动宽度\n      const showResizer =\n        columnSizing &&\n        !(!!rowSelectionInfo.isRowSelectionEnabled && index === 0);\n      const { className: fixedClassName, style: fixedStyle } =\n        getColumnFixedInfo(index, true);\n      return (\n        <div\n          className={cn(prefixCls('th'), fixedClassName)}\n          style={{ width: header.getSize(), ...fixedStyle }}\n          key={header.id}\n        >\n          {flexRender(header.column.columnDef.header, header.getContext())}\n          {showResizer && (\n            <div\n              onMouseDown={header.getResizeHandler()}\n              onTouchStart={header.getResizeHandler()}\n              className={cn(prefixCls('resizer'), {\n                [prefixCls('self-resizing')]: header.column.getIsResizing(),\n              })}\n            />\n          )}\n        </div>\n      );\n    },\n    [columnSizing, rowSelectionInfo, getColumnFixedInfo],\n  );\n\n  const visibleColumns = tableInstance.getVisibleLeafColumns();\n\n  const columnVirtualizer = useVirtualizer({\n    count: tableColumns.length,\n    estimateSize: (index: number) => visibleColumns[index].getSize(),\n    getScrollElement: () => bodyRef.current,\n    horizontal: true,\n    overscan: 5,\n  });\n\n  const virtualColumns = columnVirtualizer.getVirtualItems();\n\n  //different virtualization strategy for columns - instead of absolute and translateY, we add empty columns to the left and right\n  let virtualPaddingLeft: number | undefined;\n  let virtualPaddingRight: number | undefined;\n\n  if (columnVirtualizer && virtualColumns?.length) {\n    virtualPaddingLeft = virtualColumns[0]?.start ?? 0;\n    virtualPaddingRight =\n      columnVirtualizer.getTotalSize() -\n      (virtualColumns[virtualColumns.length - 1]?.end ?? 0);\n  }\n\n  const headerContent = (\n    <div\n      className={cn(prefixCls('header'), {\n        [prefixCls('overflow-x')]: true,\n        [prefixCls('sticky')]: isStickyWork,\n        [prefixCls('resizing')]:\n          tableInstance.getState().columnSizingInfo.isResizingColumn,\n      })}\n      ref={headerRef}\n      style={headerStyle}\n    >\n      {_.map(headerGroups, (headerGroup) => {\n        const allHeaderCells = headerGroup.headers;\n        const virtualColumns = columnVirtualizer.getVirtualItems();\n\n        const middleVirtualColumns: VirtualItem[] = [];\n        // 将固定列单独拎出来，固定列不受列虚拟化影响，必须要渲染\n        const leftFixedColumns: {\n          header: Header<TDataItem, unknown>;\n          index: number;\n        }[] = [];\n        const rightFixedColumns: {\n          header: Header<TDataItem, unknown>;\n          index: number;\n        }[] = [];\n        let content: React.ReactNode | null = null;\n        if (virtual) {\n          _.forEach(allHeaderCells, (header, index) => {\n            const fixedInfo = getColumnFixedInfo(index);\n            if (fixedInfo.fixed === 'left') {\n              leftFixedColumns.push({ header, index });\n            }\n            if (fixedInfo.fixed === 'right') {\n              rightFixedColumns.push({ header, index });\n            }\n          });\n\n          _.forEach(virtualColumns, (virtualColumn) => {\n            const colIndex = virtualColumn.index;\n            const fixedInfo = getColumnFixedInfo(colIndex);\n            if (fixedInfo.fixed !== 'left' && fixedInfo.fixed !== 'right') {\n              middleVirtualColumns.push(virtualColumn);\n            }\n          });\n          content = (\n            <>\n              {virtualPaddingLeft ? (\n                //fake empty column to the left for virtualization scroll padding\n                <div\n                  className={prefixCls('virtual-padding-left')}\n                  style={{ width: virtualPaddingLeft }}\n                />\n              ) : null}\n              {leftFixedColumns.map(({ header, index }) => {\n                return renderHeaderCell(header, index);\n              })}\n              {_.map(middleVirtualColumns, (virtualColumn) => {\n                const header = allHeaderCells[virtualColumn.index];\n                return renderHeaderCell(header, virtualColumn.index);\n              })}\n              {rightFixedColumns.map(({ header, index }) => {\n                return renderHeaderCell(header, index);\n              })}\n              {virtualPaddingRight ? (\n                //fake empty column to the right for virtualization scroll padding\n                <div\n                  className={prefixCls('virtual-padding-right')}\n                  style={{ width: virtualPaddingRight }}\n                />\n              ) : null}\n            </>\n          );\n        } else {\n          content = _.map(allHeaderCells, (header, index) =>\n            renderHeaderCell(header, index),\n          );\n        }\n\n        return (\n          <div\n            className={prefixCls('tr')}\n            key={headerGroup.id}\n            style={{ width: totalColumnsWidth }}\n          >\n            {content}\n            {y !== undefined && (\n              <div\n                className={prefixCls('header-scroll-placeholder')}\n                style={{ flexBasis: scrollbarWidth }}\n              />\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n\n  const onClickRow = useCallback(\n    (rowData: TDataItem, rowIndex: number) => () => {\n      if (typeof onRowClick !== 'function') {\n        return;\n      }\n      if (window.getSelection()?.toString().length !== 0) {\n        // 防止选择文本时触发 onRowClick\n        return;\n      }\n      onRowClick(rowData, rowIndex);\n    },\n    [onRowClick],\n  );\n\n  const isShowPagination = !!(\n    pagination &&\n    (pagination.total > pagination.pageSize || pagination.showSizeChanger)\n  );\n  const isShowRowSelection = rowSelectionInfo.isShowRowSelectionInFooter;\n\n  const isShowFooter = isShowPagination || isShowRowSelection;\n\n  // 空态切换 size 的阈值\n  const EMPTY_SMALL_SIZE_HEIGHT = 436;\n  const isSmallEmpty = totalSize && totalSize.height < EMPTY_SMALL_SIZE_HEIGHT;\n\n  const isEmpty = rows.length === 0 && !loading;\n\n  const rowVirtualizer = useVirtualizer({\n    count: rows.length,\n    estimateSize: () => 48, // estimate row height for accurate scrollbar dragging\n    // 没有测量出 bodyRef.current 的高度时，返回 null，避免虚拟化器从 DOM 获取异常高度\n    getScrollElement: () => (totalSize ? bodyRef.current : null),\n    // measure dynamic row height, except in firefox because it measures table border height incorrectly\n    measureElement:\n      typeof window !== 'undefined' &&\n      navigator.userAgent.indexOf('Firefox') === -1\n        ? (element) => element?.getBoundingClientRect().height\n        : undefined,\n    overscan: 5,\n  });\n\n  const tableRows = virtual ? rowVirtualizer.getVirtualItems() : rows;\n\n  const renderBodyCell = useCallback(\n    (row: Row<TDataItem>, cell: Cell<TDataItem, unknown>, colIndex: number) => {\n      const { className: fixedClassName, style: fixedStyle } =\n        getColumnFixedInfo(colIndex);\n      const tdContent = flexRender(\n        cell.column.columnDef.cell,\n        cell.getContext(),\n      );\n      return (\n        <div\n          className={cn(prefixCls('td'), fixedClassName)}\n          key={cell.id}\n          style={{ width: cell.column.getSize(), ...fixedStyle }}\n        >\n          {expandableInfo.isExpandable &&\n          colIndex === (rowSelectionInfo.isRowSelectionEnabled ? 1 : 0) ? (\n            <ExpandCell\n              expandableInfo={expandableInfo}\n              expandable={expandable}\n              data={row.original}\n              rowKey={rowKey}\n            >\n              {tdContent}\n            </ExpandCell>\n          ) : (\n            tdContent\n          )}\n        </div>\n      );\n    },\n    [\n      expandableInfo,\n      expandable,\n      rowKey,\n      getColumnFixedInfo,\n      rowSelectionInfo.isRowSelectionEnabled,\n    ],\n  );\n\n  // 渲染 body\n  const bodyContent = (\n    <div\n      className={prefixCls('body')}\n      style={{\n        width: totalColumnsWidth,\n        height: virtual\n          ? totalSize\n            ? rowVirtualizer.getTotalSize()\n            : 0\n          : 'auto',\n      }}\n    >\n      {isEmpty ? (\n        <div style={{ width: totalSize?.width }}>\n          <div style={{ visibility: 'hidden' }}>\n            {emptyComponent || (\n              <div\n                className={cn(prefixCls('empty'), {\n                  [prefixCls('empty-small')]: isSmallEmpty,\n                })}\n              >\n                <Empty\n                  image={isSmallEmpty ? null : Empty.PRESENTED_IMAGE_SEARCH}\n                  size={isSmallEmpty ? 'small' : undefined}\n                />\n              </div>\n            )}\n          </div>\n          <div\n            aria-invalid=\"true\"\n            style={{\n              position: 'absolute',\n              top: 40,\n              left: 0,\n              right: 0,\n              bottom: 0,\n            }}\n          >\n            {emptyComponent || (\n              <div\n                className={cn(prefixCls('empty'), {\n                  [prefixCls('empty-small')]: isSmallEmpty,\n                })}\n              >\n                <Empty\n                  image={isSmallEmpty ? null : Empty.PRESENTED_IMAGE_SEARCH}\n                  size={isSmallEmpty ? 'small' : undefined}\n                />\n              </div>\n            )}\n          </div>\n        </div>\n      ) : (\n        _.reduce<Row<TDataItem> | VirtualItem, React.ReactNode[]>(\n          tableRows,\n          (rowList, rowData, rowIndex) => {\n            const row = virtual\n              ? rows[rowData.index]\n              : (rowData as Row<TDataItem>);\n            const allRowCells = row.getVisibleCells();\n\n            let content: React.ReactNode | null = null;\n            // 将固定列单独拎出来，固定列不受列虚拟化影响，必须要渲染\n            const leftFixedColumns: {\n              cell: Cell<TDataItem, unknown>;\n              index: number;\n            }[] = [];\n            const rightFixedColumns: {\n              cell: Cell<TDataItem, unknown>;\n              index: number;\n            }[] = [];\n\n            if (virtual) {\n              const virtualColumns = columnVirtualizer.getVirtualItems();\n\n              const middleVirtualColumns: VirtualItem[] = [];\n\n              _.forEach(allRowCells, (cell, index) => {\n                const fixedInfo = getColumnFixedInfo(index);\n                if (fixedInfo.fixed === 'left') {\n                  leftFixedColumns.push({ cell, index });\n                }\n                if (fixedInfo.fixed === 'right') {\n                  rightFixedColumns.push({ cell, index });\n                }\n              });\n\n              _.forEach(virtualColumns, (virtualColumn) => {\n                const colIndex = virtualColumn.index;\n                const fixedInfo = getColumnFixedInfo(colIndex);\n                if (fixedInfo.fixed !== 'left' && fixedInfo.fixed !== 'right') {\n                  middleVirtualColumns.push(virtualColumn);\n                }\n              });\n              content = (\n                <>\n                  {virtualPaddingLeft ? (\n                    //fake empty column to the left for virtualization scroll padding\n                    <div\n                      className={prefixCls('virtual-padding-left')}\n                      style={{ width: virtualPaddingLeft }}\n                    />\n                  ) : null}\n                  {leftFixedColumns.map(({ cell, index }) => {\n                    return renderBodyCell(row, cell, index);\n                  })}\n                  {middleVirtualColumns.map((virtualColumn) => {\n                    const colIndex = virtualColumn.index;\n                    const cell = allRowCells[colIndex];\n                    return renderBodyCell(row, cell, colIndex);\n                  })}\n                  {rightFixedColumns.map(({ cell, index }) => {\n                    return renderBodyCell(row, cell, index);\n                  })}\n                  {virtualPaddingRight ? (\n                    //fake empty column to the right for virtualization scroll padding\n                    <div\n                      className={prefixCls('virtual-padding-right')}\n                      style={{ width: virtualPaddingRight }}\n                    />\n                  ) : null}\n                </>\n              );\n            } else {\n              content = allRowCells.map((cell, index) =>\n                renderBodyCell(row, cell, index),\n              );\n            }\n            const rowId = row.id;\n\n            const rowNode = (\n              <div\n                key={rowId}\n                data-index={virtual ? (rowData as VirtualItem).index : rowIndex}\n                className={cn(\n                  prefixCls('tr'),\n                  {\n                    // 需要用 state 的原因是，存在固定列的情况，左右侧的固定列在 dom 结构上不在同一个 tr 上，所以不能用 css 的 :hover 来实现\n                    // 当拖拽行时，不显示 hover 状态\n                    [prefixCls('row-hover')]: rowDndInfo.draggingRowId\n                      ? undefined\n                      : hoverRowId === rowId,\n                    [prefixCls('row-dragging')]:\n                      rowDndInfo.draggingRowId === rowId,\n                    [prefixCls('no-border-tr')]:\n                      isShowPagination && rowIndex === rows.length - 1,\n                  },\n                  rowClassName(row.original, rowIndex),\n                )}\n                ref={(node) => {\n                  // 只在虚拟滚动模式下才测量行高度，避免非虚拟模式下的不必要重渲染\n                  if (virtual) {\n                    rowVirtualizer.measureElement(node);\n                  }\n\n                  // 如果启用了行拖拽，则设置行引用\n                  if (rowDnd && node) {\n                    const rowRef = rowDndInfo.getRowRef(row.original, rowIndex);\n                    if (rowRef) {\n                      rowRef.current = node;\n                    }\n                  }\n                }}\n                onClick={onClickRow(row.original, rowIndex)}\n                onMouseEnter={() => setHoverRowId(rowId)}\n                onMouseLeave={() => setHoverRowId(null)}\n                style={\n                  virtual\n                    ? {\n                        position: 'absolute',\n                        transform: `translateY(${\n                          (rowData as VirtualItem).start\n                        }px)`,\n                      }\n                    : {}\n                }\n              >\n                {content}\n              </div>\n            );\n            rowList.push(rowNode);\n\n            // 渲染额外展开的行\n            const expandItem = expandableInfo.expandItemMap[rowId];\n            const customExpandRowKey =\n              expandableInfo.isExpandable && expandItem?.customExpandRowKey;\n            const hasCustomExpandRowKey = !!customExpandRowKey;\n            if (hasCustomExpandRowKey) {\n              // 在该行的下面追加自定义展开行\n              const expandedRowRender = expandableConfig.expandedRowRender;\n              if (typeof expandedRowRender !== 'function') {\n                console.error('expandedRowRender must be a function');\n                return rowList;\n              }\n              if (expandItem?.isExpanded !== true) {\n                return rowList;\n              }\n              const customRow = (\n                <div\n                  key={customExpandRowKey}\n                  className={cn(prefixCls('tr'))}\n                  onClick={onClickRow(row.original, rowIndex)}\n                >\n                  {expandedRowRender(row.original, expandItem.level + 1)}\n                </div>\n              );\n              rowList.push(customRow);\n            }\n            return rowList;\n          },\n          [],\n        )\n      )}\n    </div>\n  );\n\n  const tableContentHeight = useMemo(() => {\n    return y && totalSize\n      ? totalSize.height - HEADER_HEIGHT - (isShowFooter ? FOOTER_HEIGHT : 0)\n      : 'auto';\n  }, [y, totalSize, isShowFooter]);\n\n  const tableContent = (\n    <Spin spinning={!!loading}>\n      <div className={prefixCls('content')}>\n        {headerContent}\n        <div\n          style={{\n            height: tableContentHeight,\n            position: virtual ? 'relative' : undefined,\n          }}\n          className={cn(prefixCls('body-scroll'), {\n            [prefixCls('scroll-y')]: y !== undefined,\n            [prefixCls('scroll-hidden')]: isEmpty,\n          })}\n          ref={bodyRef}\n          onScroll={onBodyScroll}\n        >\n          {bodyContent}\n        </div>\n        {isShowFooter && (\n          <Footer\n            rowSelectionInfo={rowSelectionInfo}\n            isShowPagination={isShowPagination}\n            pagination={pagination}\n            scroll={scroll}\n            scrollToFirstRow={scrollToFirstRow}\n          />\n        )}\n      </div>\n    </Spin>\n  );\n\n  const tableStyle: CSSProperties = {};\n  if (y) {\n    tableStyle.height = y;\n  }\n\n  return (\n    <div\n      className={cn(prefixCls('container'), {\n        [prefixCls('bordered')]: bordered,\n      })}\n      style={tableStyle}\n    >\n      <TableResizeWrapper\n        onResize={(w, h) =>\n          setTotalSize((prev) => {\n            if (prev && prev.width === w && prev.height === h) return prev;\n            return { width: w, height: h };\n          })\n        }\n      >\n        <div\n          className={cn(prefixCls('main'), {\n            [prefixCls('overflow-hidden')]: !!y,\n            [prefixCls('ping-left')]: isPingLeft,\n            [prefixCls('ping-right')]: isPingRight,\n          })}\n        >\n          {rowDnd ? <DndWrapper>{tableContent}</DndWrapper> : tableContent}\n        </div>\n      </TableResizeWrapper>\n    </div>\n  );\n}\n\nexport default forwardRef(Table) as <TDataItem extends object>(\n  props: ITableProps<TDataItem> & {\n    ref?: React.ForwardedRef<ITableRef>;\n  },\n) => ReturnType<typeof Table>;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Table/index.tsx"],"sourcesContent":["import {\n  Cell,\n  Header,\n  Row,\n  flexRender,\n  getCoreRowModel,\n  useReactTable,\n} from '@tanstack/react-table';\nimport { VirtualItem, useVirtualizer } from '@tanstack/react-virtual';\nimport { cn } from '../lib/utils';\nimport './table.css';\nimport _ from 'lodash';\nimport React, {\n  CSSProperties,\n  ForwardedRef,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { Empty, Spin } from '..';\nimport ExpandCell from './components/ExpandCell';\nimport Footer from './components/Footer';\nimport DndWrapper from './components/DndWrapper';\nimport { getRowKey, getTableColumns, prefixCls } from './helper';\nimport useExpandable, { getExpandableConfig } from './hooks/useExpandable';\nimport useFixed from './hooks/useFixed';\nimport useRowSelection from './hooks/useRowSelection';\nimport useScroll from './hooks/useScroll';\nimport { ITableProps, ITableRef } from './types';\nimport useRowDnd from './hooks/useRowDnd';\n\nconst HEADER_HEIGHT = 41;\nconst FOOTER_HEIGHT = 52;\n\nfunction TableResizeWrapper({\n  children,\n  onResize,\n}: {\n  children: React.ReactNode;\n  onResize: (width: number, height: number) => void;\n}) {\n  const ref = useRef<HTMLDivElement>(null);\n  const onResizeRef = useRef(onResize);\n  onResizeRef.current = onResize;\n  useEffect(() => {\n    const el = ref.current;\n    if (!el) return;\n    let prevW = 0;\n    let prevH = 0;\n    const ro = new window.ResizeObserver(() => {\n      const w = el.offsetWidth;\n      const h = el.offsetHeight;\n      if (w === prevW && h === prevH) return;\n      prevW = w;\n      prevH = h;\n      onResizeRef.current(w, h);\n    });\n    ro.observe(el);\n    return () => ro.disconnect();\n  }, []);\n  return (\n    <div ref={ref} style={{ height: '100%' }}>\n      {children}\n    </div>\n  );\n}\n\nfunction Table<TDataItem extends object>(\n  props: ITableProps<TDataItem>,\n  ref: ForwardedRef<ITableRef>,\n) {\n  const {\n    data,\n    bordered,\n    rowKey,\n    columnSizing,\n    sticky,\n    loading,\n    pagination,\n    scroll = {},\n    empty: emptyComponent,\n    virtual = false,\n    rowClassName = () => '',\n    onRowClick,\n    onError,\n    onSort,\n    expandable,\n    rowDnd,\n    rowSelection,\n  } = props;\n  const [totalSize, setTotalSize] = useState<{\n    width: number;\n    height: number;\n  } | null>(null);\n\n  const [hoverRowId, setHoverRowId] = useState<string | null>(null);\n\n  const { y } = scroll;\n  const {\n    containerWidth,\n    onBodyScroll,\n    headerRef,\n    bodyRef,\n    isPingLeft,\n    isPingRight,\n    scrollbarWidth,\n    changeIsPing,\n  } = useScroll({\n    totalSize,\n    scroll,\n  });\n\n  const scrollToFirstRow = useCallback(() => {\n    if (!bodyRef.current) {\n      return;\n    }\n    bodyRef.current.scrollTop = 0;\n  }, [bodyRef]);\n\n  useImperativeHandle(ref, () => ({\n    scrollToFirstRow,\n  }));\n\n  const expandableInfo = useExpandable({\n    expandable,\n    data,\n    rowKey,\n  });\n  const expandableConfig = getExpandableConfig(expandable);\n\n  const rowSelectionInfo = useRowSelection({\n    ...props,\n    data: expandableInfo.data,\n    isExpandable: expandableInfo.isExpandable,\n    flattenData: expandableInfo.flattenData,\n  });\n\n  const rowDndInfo = useRowDnd({\n    ...props,\n    columns: rowSelectionInfo.columns,\n    data: expandableInfo.data,\n  });\n\n  const tableColumns = useMemo(() => {\n    return getTableColumns<TDataItem>({\n      columns: rowDndInfo.columns,\n      containerWidth: containerWidth || 0,\n      onError,\n      onSort,\n    });\n  }, [containerWidth, onError, onSort, rowDndInfo.columns]);\n\n  const tableInstance = useReactTable<TDataItem>({\n    columns: tableColumns,\n    // 排除掉被折叠的行\n    data: rowDndInfo.tableData,\n    getCoreRowModel: getCoreRowModel(),\n    getRowId: (row, index) => {\n      return getRowKey(row, rowKey, index);\n    },\n    columnResizeMode: 'onChange',\n  });\n\n  const headerGroups = tableInstance.getHeaderGroups();\n\n  const columnWidths = headerGroups[0].headers.map((header) =>\n    header.getSize(),\n  );\n  const getColumnFixedInfo = useFixed<TDataItem>({\n    columnWidths,\n    tableColumns,\n    y,\n    scrollbarWidth,\n  });\n\n  // 渲染 header\n  const { rows } = tableInstance.getRowModel();\n\n  const isStickyWork = !!sticky && y === undefined;\n  const headerStyle: CSSProperties = {};\n  if (isStickyWork && _.get(sticky, 'offsetHeader')) {\n    headerStyle.top = _.get(sticky, 'offsetHeader', 0);\n  }\n\n  const totalColumnsWidth = _.sum(columnWidths);\n\n  useEffect(() => {\n    // 总列宽改变时，重新计算是否需要显示固定列的阴影\n    changeIsPing(totalColumnsWidth);\n  }, [changeIsPing, totalColumnsWidth]);\n\n  const renderHeaderCell = useCallback(\n    (header: Header<TDataItem, unknown>, index: number) => {\n      // 选择行的列不能拖动宽度\n      const showResizer =\n        columnSizing &&\n        !(!!rowSelectionInfo.isRowSelectionEnabled && index === 0);\n      const { className: fixedClassName, style: fixedStyle } =\n        getColumnFixedInfo(index, true);\n      return (\n        <div\n          className={cn(prefixCls('th'), fixedClassName)}\n          style={{ width: header.getSize(), ...fixedStyle }}\n          key={header.id}\n        >\n          {flexRender(header.column.columnDef.header, header.getContext())}\n          {showResizer && (\n            <div\n              onMouseDown={header.getResizeHandler()}\n              onTouchStart={header.getResizeHandler()}\n              className={cn(prefixCls('resizer'), {\n                [prefixCls('self-resizing')]: header.column.getIsResizing(),\n              })}\n            />\n          )}\n        </div>\n      );\n    },\n    [columnSizing, rowSelectionInfo, getColumnFixedInfo],\n  );\n\n  const visibleColumns = tableInstance.getVisibleLeafColumns();\n\n  const columnVirtualizer = useVirtualizer({\n    count: tableColumns.length,\n    estimateSize: (index: number) => visibleColumns[index].getSize(),\n    getScrollElement: () => bodyRef.current,\n    horizontal: true,\n    overscan: 5,\n  });\n\n  const virtualColumns = columnVirtualizer.getVirtualItems();\n\n  //different virtualization strategy for columns - instead of absolute and translateY, we add empty columns to the left and right\n  let virtualPaddingLeft: number | undefined;\n  let virtualPaddingRight: number | undefined;\n\n  if (columnVirtualizer && virtualColumns?.length) {\n    virtualPaddingLeft = virtualColumns[0]?.start ?? 0;\n    virtualPaddingRight =\n      columnVirtualizer.getTotalSize() -\n      (virtualColumns[virtualColumns.length - 1]?.end ?? 0);\n  }\n\n  const headerContent = (\n    <div\n      className={cn(prefixCls('header'), {\n        [prefixCls('overflow-x')]: true,\n        [prefixCls('sticky')]: isStickyWork,\n        [prefixCls('resizing')]:\n          tableInstance.getState().columnSizingInfo.isResizingColumn,\n      })}\n      ref={headerRef}\n      style={headerStyle}\n    >\n      {_.map(headerGroups, (headerGroup) => {\n        const allHeaderCells = headerGroup.headers;\n        const virtualColumns = columnVirtualizer.getVirtualItems();\n\n        const middleVirtualColumns: VirtualItem[] = [];\n        // 将固定列单独拎出来，固定列不受列虚拟化影响，必须要渲染\n        const leftFixedColumns: {\n          header: Header<TDataItem, unknown>;\n          index: number;\n        }[] = [];\n        const rightFixedColumns: {\n          header: Header<TDataItem, unknown>;\n          index: number;\n        }[] = [];\n        let content: React.ReactNode | null = null;\n        if (virtual) {\n          _.forEach(allHeaderCells, (header, index) => {\n            const fixedInfo = getColumnFixedInfo(index);\n            if (fixedInfo.fixed === 'left') {\n              leftFixedColumns.push({ header, index });\n            }\n            if (fixedInfo.fixed === 'right') {\n              rightFixedColumns.push({ header, index });\n            }\n          });\n\n          _.forEach(virtualColumns, (virtualColumn) => {\n            const colIndex = virtualColumn.index;\n            const fixedInfo = getColumnFixedInfo(colIndex);\n            if (fixedInfo.fixed !== 'left' && fixedInfo.fixed !== 'right') {\n              middleVirtualColumns.push(virtualColumn);\n            }\n          });\n          content = (\n            <>\n              {virtualPaddingLeft ? (\n                //fake empty column to the left for virtualization scroll padding\n                <div\n                  className={prefixCls('virtual-padding-left')}\n                  style={{ width: virtualPaddingLeft }}\n                />\n              ) : null}\n              {leftFixedColumns.map(({ header, index }) => {\n                return renderHeaderCell(header, index);\n              })}\n              {_.map(middleVirtualColumns, (virtualColumn) => {\n                const header = allHeaderCells[virtualColumn.index];\n                return renderHeaderCell(header, virtualColumn.index);\n              })}\n              {rightFixedColumns.map(({ header, index }) => {\n                return renderHeaderCell(header, index);\n              })}\n              {virtualPaddingRight ? (\n                //fake empty column to the right for virtualization scroll padding\n                <div\n                  className={prefixCls('virtual-padding-right')}\n                  style={{ width: virtualPaddingRight }}\n                />\n              ) : null}\n            </>\n          );\n        } else {\n          content = _.map(allHeaderCells, (header, index) =>\n            renderHeaderCell(header, index),\n          );\n        }\n\n        return (\n          <div\n            className={prefixCls('tr')}\n            key={headerGroup.id}\n            style={{ width: totalColumnsWidth }}\n          >\n            {content}\n            {y !== undefined && (\n              <div\n                className={prefixCls('header-scroll-placeholder')}\n                style={{ flexBasis: scrollbarWidth }}\n              />\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n\n  const onClickRow = useCallback(\n    (rowData: TDataItem, rowIndex: number) => () => {\n      if (typeof onRowClick !== 'function') {\n        return;\n      }\n      if (window.getSelection()?.toString().length !== 0) {\n        // 防止选择文本时触发 onRowClick\n        return;\n      }\n      onRowClick(rowData, rowIndex);\n    },\n    [onRowClick],\n  );\n\n  const isShowPagination = !!(\n    pagination &&\n    (pagination.total > pagination.pageSize || pagination.showSizeChanger)\n  );\n  const isShowRowSelection = rowSelectionInfo.isShowRowSelectionInFooter;\n\n  const isShowFooter = isShowPagination || isShowRowSelection;\n\n  // 空态切换 size 的阈值\n  const EMPTY_SMALL_SIZE_HEIGHT = 436;\n  const isSmallEmpty = totalSize && totalSize.height < EMPTY_SMALL_SIZE_HEIGHT;\n\n  const isEmpty = rows.length === 0 && !loading;\n\n  const rowVirtualizer = useVirtualizer({\n    count: rows.length,\n    estimateSize: () => 48, // estimate row height for accurate scrollbar dragging\n    // 没有测量出 bodyRef.current 的高度时，返回 null，避免虚拟化器从 DOM 获取异常高度\n    getScrollElement: () => (totalSize ? bodyRef.current : null),\n    // measure dynamic row height, except in firefox because it measures table border height incorrectly\n    measureElement:\n      typeof window !== 'undefined' &&\n      navigator.userAgent.indexOf('Firefox') === -1\n        ? (element) => element?.getBoundingClientRect().height\n        : undefined,\n    overscan: 5,\n  });\n\n  const tableRows = virtual ? rowVirtualizer.getVirtualItems() : rows;\n\n  const renderBodyCell = useCallback(\n    (row: Row<TDataItem>, cell: Cell<TDataItem, unknown>, colIndex: number) => {\n      const { className: fixedClassName, style: fixedStyle } =\n        getColumnFixedInfo(colIndex);\n      const tdContent = flexRender(\n        cell.column.columnDef.cell,\n        cell.getContext(),\n      );\n      return (\n        <div\n          className={cn(prefixCls('td'), fixedClassName)}\n          key={cell.id}\n          style={{ width: cell.column.getSize(), ...fixedStyle }}\n        >\n          {expandableInfo.isExpandable &&\n          colIndex === (rowSelectionInfo.isRowSelectionEnabled ? 1 : 0) ? (\n            <ExpandCell\n              expandableInfo={expandableInfo}\n              expandable={expandable}\n              data={row.original}\n              rowKey={rowKey}\n            >\n              {tdContent}\n            </ExpandCell>\n          ) : (\n            tdContent\n          )}\n        </div>\n      );\n    },\n    [\n      expandableInfo,\n      expandable,\n      rowKey,\n      getColumnFixedInfo,\n      rowSelectionInfo.isRowSelectionEnabled,\n    ],\n  );\n\n  // 渲染 body\n  const bodyContent = (\n    <div\n      className={prefixCls('body')}\n      style={{\n        width: totalColumnsWidth,\n        height: virtual\n          ? totalSize\n            ? rowVirtualizer.getTotalSize()\n            : 0\n          : 'auto',\n      }}\n    >\n      {isEmpty ? (\n        <div style={{ width: totalSize?.width }}>\n          <div style={{ visibility: 'hidden' }}>\n            {emptyComponent || (\n              <div\n                className={cn(prefixCls('empty'), {\n                  [prefixCls('empty-small')]: isSmallEmpty,\n                })}\n              >\n                <Empty\n                  image={isSmallEmpty ? null : Empty.PRESENTED_IMAGE_SEARCH}\n                  size={isSmallEmpty ? 'small' : undefined}\n                />\n              </div>\n            )}\n          </div>\n          <div\n            aria-invalid=\"true\"\n            style={{\n              position: 'absolute',\n              top: 40,\n              left: 0,\n              right: 0,\n              bottom: 0,\n            }}\n          >\n            {emptyComponent || (\n              <div\n                className={cn(prefixCls('empty'), {\n                  [prefixCls('empty-small')]: isSmallEmpty,\n                })}\n              >\n                <Empty\n                  image={isSmallEmpty ? null : Empty.PRESENTED_IMAGE_SEARCH}\n                  size={isSmallEmpty ? 'small' : undefined}\n                />\n              </div>\n            )}\n          </div>\n        </div>\n      ) : (\n        _.reduce<Row<TDataItem> | VirtualItem, React.ReactNode[]>(\n          tableRows,\n          (rowList, rowData, rowIndex) => {\n            const row = virtual\n              ? rows[rowData.index]\n              : (rowData as Row<TDataItem>);\n            const allRowCells = row.getVisibleCells();\n\n            let content: React.ReactNode | null = null;\n            // 将固定列单独拎出来，固定列不受列虚拟化影响，必须要渲染\n            const leftFixedColumns: {\n              cell: Cell<TDataItem, unknown>;\n              index: number;\n            }[] = [];\n            const rightFixedColumns: {\n              cell: Cell<TDataItem, unknown>;\n              index: number;\n            }[] = [];\n\n            if (virtual) {\n              const virtualColumns = columnVirtualizer.getVirtualItems();\n\n              const middleVirtualColumns: VirtualItem[] = [];\n\n              _.forEach(allRowCells, (cell, index) => {\n                const fixedInfo = getColumnFixedInfo(index);\n                if (fixedInfo.fixed === 'left') {\n                  leftFixedColumns.push({ cell, index });\n                }\n                if (fixedInfo.fixed === 'right') {\n                  rightFixedColumns.push({ cell, index });\n                }\n              });\n\n              _.forEach(virtualColumns, (virtualColumn) => {\n                const colIndex = virtualColumn.index;\n                const fixedInfo = getColumnFixedInfo(colIndex);\n                if (fixedInfo.fixed !== 'left' && fixedInfo.fixed !== 'right') {\n                  middleVirtualColumns.push(virtualColumn);\n                }\n              });\n              content = (\n                <>\n                  {virtualPaddingLeft ? (\n                    //fake empty column to the left for virtualization scroll padding\n                    <div\n                      className={prefixCls('virtual-padding-left')}\n                      style={{ width: virtualPaddingLeft }}\n                    />\n                  ) : null}\n                  {leftFixedColumns.map(({ cell, index }) => {\n                    return renderBodyCell(row, cell, index);\n                  })}\n                  {middleVirtualColumns.map((virtualColumn) => {\n                    const colIndex = virtualColumn.index;\n                    const cell = allRowCells[colIndex];\n                    return renderBodyCell(row, cell, colIndex);\n                  })}\n                  {rightFixedColumns.map(({ cell, index }) => {\n                    return renderBodyCell(row, cell, index);\n                  })}\n                  {virtualPaddingRight ? (\n                    //fake empty column to the right for virtualization scroll padding\n                    <div\n                      className={prefixCls('virtual-padding-right')}\n                      style={{ width: virtualPaddingRight }}\n                    />\n                  ) : null}\n                </>\n              );\n            } else {\n              content = allRowCells.map((cell, index) =>\n                renderBodyCell(row, cell, index),\n              );\n            }\n            const rowId = row.id;\n            const isRowSelected =\n              rowSelectionInfo.isRowSelectionEnabled &&\n              rowSelectionInfo.selectedRowKeys.includes(rowId);\n            const isRowSelectionDisabled =\n              rowSelectionInfo.isRowSelectionEnabled &&\n              !!rowSelection?.getCheckboxProps?.(row.original).disabled;\n\n            const rowNode = (\n              <div\n                key={rowId}\n                data-index={virtual ? (rowData as VirtualItem).index : rowIndex}\n                className={cn(\n                  prefixCls('tr'),\n                  {\n                    // 需要用 state 的原因是，存在固定列的情况，左右侧的固定列在 dom 结构上不在同一个 tr 上，所以不能用 css 的 :hover 来实现\n                    // 当拖拽行时，不显示 hover 状态\n                    [prefixCls('row-hover')]: rowDndInfo.draggingRowId\n                      ? undefined\n                      : hoverRowId === rowId,\n                    [prefixCls('row-dragging')]:\n                      rowDndInfo.draggingRowId === rowId,\n                    [prefixCls('row-selected')]: isRowSelected,\n                    [prefixCls('row-selection-disabled')]:\n                      isRowSelectionDisabled,\n                    [prefixCls('no-border-tr')]:\n                      isShowPagination && rowIndex === rows.length - 1,\n                  },\n                  rowClassName(row.original, rowIndex),\n                )}\n                ref={(node) => {\n                  // 只在虚拟滚动模式下才测量行高度，避免非虚拟模式下的不必要重渲染\n                  if (virtual) {\n                    rowVirtualizer.measureElement(node);\n                  }\n\n                  // 如果启用了行拖拽，则设置行引用\n                  if (rowDnd && node) {\n                    const rowRef = rowDndInfo.getRowRef(row.original, rowIndex);\n                    if (rowRef) {\n                      rowRef.current = node;\n                    }\n                  }\n                }}\n                onClick={onClickRow(row.original, rowIndex)}\n                onMouseEnter={() => {\n                  if (!isRowSelectionDisabled) {\n                    setHoverRowId(rowId);\n                  }\n                }}\n                onMouseLeave={() => setHoverRowId(null)}\n                style={\n                  virtual\n                    ? {\n                        position: 'absolute',\n                        transform: `translateY(${\n                          (rowData as VirtualItem).start\n                        }px)`,\n                      }\n                    : {}\n                }\n              >\n                {content}\n              </div>\n            );\n            rowList.push(rowNode);\n\n            // 渲染额外展开的行\n            const expandItem = expandableInfo.expandItemMap[rowId];\n            const customExpandRowKey =\n              expandableInfo.isExpandable && expandItem?.customExpandRowKey;\n            const hasCustomExpandRowKey = !!customExpandRowKey;\n            if (hasCustomExpandRowKey) {\n              // 在该行的下面追加自定义展开行\n              const expandedRowRender = expandableConfig.expandedRowRender;\n              if (typeof expandedRowRender !== 'function') {\n                console.error('expandedRowRender must be a function');\n                return rowList;\n              }\n              if (expandItem?.isExpanded !== true) {\n                return rowList;\n              }\n              const customRow = (\n                <div\n                  key={customExpandRowKey}\n                  className={cn(prefixCls('tr'))}\n                  onClick={onClickRow(row.original, rowIndex)}\n                >\n                  {expandedRowRender(row.original, expandItem.level + 1)}\n                </div>\n              );\n              rowList.push(customRow);\n            }\n            return rowList;\n          },\n          [],\n        )\n      )}\n    </div>\n  );\n\n  const tableContentHeight = useMemo(() => {\n    return y && totalSize\n      ? totalSize.height - HEADER_HEIGHT - (isShowFooter ? FOOTER_HEIGHT : 0)\n      : 'auto';\n  }, [y, totalSize, isShowFooter]);\n\n  const tableContent = (\n    <Spin spinning={!!loading}>\n      <div className={prefixCls('content')}>\n        {headerContent}\n        <div\n          style={{\n            height: tableContentHeight,\n            position: virtual ? 'relative' : undefined,\n          }}\n          className={cn(prefixCls('body-scroll'), {\n            [prefixCls('scroll-y')]: y !== undefined,\n            [prefixCls('scroll-hidden')]: isEmpty,\n          })}\n          ref={bodyRef}\n          onScroll={onBodyScroll}\n        >\n          {bodyContent}\n        </div>\n        {isShowFooter && (\n          <Footer\n            rowSelectionInfo={rowSelectionInfo}\n            isShowPagination={isShowPagination}\n            pagination={pagination}\n            scroll={scroll}\n            scrollToFirstRow={scrollToFirstRow}\n          />\n        )}\n      </div>\n    </Spin>\n  );\n\n  const tableStyle: CSSProperties = {};\n  if (y) {\n    tableStyle.height = y;\n  }\n\n  return (\n    <div\n      className={cn(prefixCls('container'), {\n        [prefixCls('bordered')]: bordered,\n      })}\n      style={tableStyle}\n    >\n      <TableResizeWrapper\n        onResize={(w, h) =>\n          setTotalSize((prev) => {\n            if (prev && prev.width === w && prev.height === h) return prev;\n            return { width: w, height: h };\n          })\n        }\n      >\n        <div\n          className={cn(prefixCls('main'), {\n            [prefixCls('overflow-hidden')]: !!y,\n            [prefixCls('ping-left')]: isPingLeft,\n            [prefixCls('ping-right')]: isPingRight,\n          })}\n        >\n          {rowDnd ? <DndWrapper>{tableContent}</DndWrapper> : tableContent}\n        </div>\n      </TableResizeWrapper>\n    </div>\n  );\n}\n\nexport default forwardRef(Table) as <TDataItem extends object>(\n  props: ITableProps<TDataItem> & {\n    ref?: React.ForwardedRef<ITableRef>;\n  },\n) => ReturnType<typeof Table>;\n"],"mappings":"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"}

package/dist/Tabs/index.js

@@ -185,7 +185,13 @@ function Tabs(props) {
 							const showClose = isEditable && item.closable !== false;
 							const closeLabel = typeof item.label === "string" || typeof item.label === "number" ? `Remove ${item.label}` : "Remove tab";
 							return /* @__PURE__ */ jsxs("div", {
-								className: cn("ald-tabs-tab ant-tabs-tab tw-relative tw-flex tw-shrink-0 tw-items-center tw-gap-2 tw-whitespace-nowrap tw-transition-colors", isVertical && "tw-w-full tw-self-stretch", isCard ? cn("tw-h-10 tw-rounded-t-[6px] tw-border tw-border-b-0 tw-border-solid tw-px-4 tw-text-sm tw-leading-5", "tw-gap-sp-75", isActive ? "tw-border-[var(--border-default)] tw-bg-[var(--background-default)] tw-font-medium tw-text-[var(--content-brand-primary)]" : "tw-border-[var(--border-default)] tw-bg-[var(--background-default)] tw-text-[var(--content-secondary)] hover:tw-text-inherit") : cn(size === "small" ? "tw-py-2 tw-text-xs tw-leading-4" : "tw-py-2.5 tw-text-sm tw-leading-5", monospace && "tw-justify-center", isActive ? "tw-font-medium tw-text-[var(--content-brand-primary)]" : "tw-font-medium tw-text-[var(--content-secondary)] hover:tw-text-inherit"), item.disabled && "tw-pointer-events-none tw-cursor-default tw-opacity-50"),
+								className: cn("ald-tabs-tab ant-tabs-tab tw-relative tw-flex tw-shrink-0 tw-items-center tw-gap-2 tw-whitespace-nowrap tw-transition-colors", isVertical && "tw-w-full tw-self-stretch", isCard ? cn("tw-h-10 tw-rounded-t-[6px] tw-border tw-border-b-0 tw-border-solid tw-px-4 tw-text-sm tw-leading-5", "tw-gap-sp-75", isActive ? "tw-border-[var(--border-default)] tw-bg-[var(--background-default)] tw-font-medium tw-text-[var(--content-brand-primary)]" : "tw-border-[var(--border-default)] tw-bg-[var(--background-default)] tw-text-[var(--content-secondary)] hover:tw-text-inherit") : cn(size === "small" ? "tw-py-2 tw-text-xs tw-leading-4" : "tw-py-2.5 tw-text-sm tw-leading-5", monospace && "tw-justify-center", isActive ? "tw-font-medium tw-text-[var(--content-brand-primary)]" : "tw-font-medium tw-text-[var(--content-secondary)] hover:tw-text-inherit"), item.disabled && "tw-pointer-events-none tw-cursor-default tw-opacity-50", !item.disabled && [
+									"has-[.ald-tabs-tab-trigger:focus-visible]:tw-shadow-[0_0_0_2px_var(--focus-ring)]",
+									"forced-colors:has-[.ald-tabs-tab-trigger:focus-visible]:tw-outline",
+									"forced-colors:has-[.ald-tabs-tab-trigger:focus-visible]:tw-outline-2",
+									"forced-colors:has-[.ald-tabs-tab-trigger:focus-visible]:tw-outline-offset-2",
+									"forced-colors:has-[.ald-tabs-tab-trigger:focus-visible]:tw-outline-[Highlight]"
+								]),
 								children: [
 									/* @__PURE__ */ jsxs("div", {
 										ref: (node) => {