@lobehub/ui 6.0.0-beta.1 → 6.0.0-beta.10

package/es/Table/pipeline/useSorter.mjs

@@ -0,0 +1,146 @@
+import { getColumnId, getColumnPos, isColumnGroup } from "./columnUtils.mjs";
+import { useMemo } from "react";
+//#region src/Table/pipeline/useSorter.ts
+const DEFAULT_SORT_DIRECTIONS = ["ascend", "descend"];
+const isPlainObject = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
+const getMultiplePriority = (column) => {
+	const { sorter } = column;
+	return isPlainObject(sorter) && typeof sorter.multiple === "number" ? sorter.multiple : false;
+};
+const getSortFunction = (sorter) => {
+	if (typeof sorter === "function") return sorter;
+	if (isPlainObject(sorter) && typeof sorter.compare === "function") return sorter.compare;
+	return false;
+};
+const getNextSortOrder = (sortDirections, current) => {
+	if (!current) return sortDirections[0];
+	return sortDirections[sortDirections.indexOf(current) + 1];
+};
+const collectSortStates = (columns, init, parentPos) => {
+	const states = [];
+	const push = (column, pos, sortOrder) => states.push({
+		column,
+		key: getColumnId(column, pos),
+		multiplePriority: getMultiplePriority(column),
+		sortOrder
+	});
+	columns.forEach((column, index) => {
+		const pos = getColumnPos(index, parentPos);
+		if (isColumnGroup(column)) {
+			if ("sortOrder" in column) push(column, pos, column.sortOrder);
+			states.push(...collectSortStates(column.children, init, pos));
+		} else if (column.sorter) {
+			if ("sortOrder" in column) push(column, pos, column.sortOrder);
+			else if (init && column.defaultSortOrder) push(column, pos, column.defaultSortOrder);
+		}
+	});
+	return states;
+};
+const collectColumnMap = (columns, map = /* @__PURE__ */ new Map(), parentPos) => {
+	columns.forEach((column, index) => {
+		const pos = getColumnPos(index, parentPos);
+		map.set(getColumnId(column, pos), column);
+		if (isColumnGroup(column)) collectColumnMap(column.children, map, pos);
+	});
+	return map;
+};
+const mergeSortStates = (columns, innerStates) => {
+	const controlled = collectSortStates(columns, false);
+	if (controlled.length === 0) {
+		const columnMap = collectColumnMap(columns);
+		return innerStates.filter(({ key }) => columnMap.has(key)).map((state) => ({
+			...state,
+			column: columnMap.get(state.key)
+		}));
+	}
+	const result = [];
+	let valid = true;
+	let multipleMode = null;
+	const patch = (state) => result.push(valid ? state : {
+		...state,
+		sortOrder: null
+	});
+	for (const state of controlled) if (multipleMode === null) {
+		patch(state);
+		if (state.sortOrder) {
+			if (state.multiplePriority === false) valid = false;
+			else multipleMode = true;
+		}
+	} else if (multipleMode && state.multiplePriority !== false) patch(state);
+	else {
+		valid = false;
+		patch(state);
+	}
+	return result;
+};
+const getTriggeredSortStates = (current, next) => {
+	if (next.multiplePriority === false || !current.length || current[0].multiplePriority === false) return [next];
+	return [...current.filter(({ key }) => key !== next.key), next];
+};
+const stateToInfo = ({ column, key, sortOrder }) => ({
+	column,
+	columnKey: column.key ?? key,
+	field: column.dataIndex,
+	order: sortOrder ?? void 0
+});
+const getSorterInfo = (states) => {
+	const active = states.filter(({ sortOrder }) => sortOrder).map((state) => stateToInfo(state));
+	if (active.length === 0 && states.length) return {
+		...stateToInfo(states.at(-1)),
+		column: void 0,
+		columnKey: void 0,
+		field: void 0,
+		order: void 0
+	};
+	if (active.length <= 1) return active[0] ?? {};
+	const [first] = active;
+	for (const field of [
+		"column",
+		"columnKey",
+		"field",
+		"order"
+	]) Object.defineProperty(active, field, {
+		configurable: true,
+		enumerable: false,
+		value: first[field],
+		writable: true
+	});
+	return active;
+};
+const getSortTitleProps = (states) => {
+	const sortColumns = states.map(({ column, sortOrder }) => ({
+		column,
+		order: sortOrder
+	}));
+	return {
+		sortColumn: sortColumns[0]?.column,
+		sortColumns,
+		sortOrder: sortColumns[0]?.order
+	};
+};
+const sortData = (data, states, childrenColumnName = "children") => {
+	const running = states.filter(({ column, sortOrder }) => getSortFunction(column.sorter) && sortOrder).sort((a, b) => b.multiplePriority - a.multiplePriority);
+	if (running.length === 0) return [...data];
+	return [...data].sort((a, b) => {
+		for (const { column, sortOrder } of running) {
+			const result = getSortFunction(column.sorter)(a, b, sortOrder);
+			if (result !== 0) return sortOrder === "ascend" ? result : -result;
+		}
+		return 0;
+	}).map((record) => {
+		const children = record[childrenColumnName];
+		return Array.isArray(children) ? {
+			...record,
+			[childrenColumnName]: sortData(children, states, childrenColumnName)
+		} : record;
+	});
+};
+const useSorter = ({ childrenColumnName, data, sortStates }) => useMemo(() => sortData(data, sortStates, childrenColumnName), [
+	data,
+	sortStates,
+	childrenColumnName
+]);
+//#endregion
+export { DEFAULT_SORT_DIRECTIONS, collectSortStates, getMultiplePriority, getNextSortOrder, getSortFunction, getSortTitleProps, getSorterInfo, getTriggeredSortStates, mergeSortStates, sortData, useSorter };
+
+//# sourceMappingURL=useSorter.mjs.map

package/es/Table/pipeline/useSorter.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSorter.mjs","names":[],"sources":["../../../src/Table/pipeline/useSorter.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport type {\n  SortOrder,\n  TableColumn,\n  TableColumnTitleProps,\n  TableColumnType,\n  TableCompareFn,\n  TableMultipleSorterResult,\n  TableSorterResult,\n} from '../type';\nimport { getColumnId, getColumnPos, isColumnGroup } from './columnUtils';\n\nexport interface SortState<T = any> {\n  column: TableColumn<T>;\n  key: string;\n  multiplePriority: number | false;\n  sortOrder: SortOrder | undefined;\n}\n\nexport const DEFAULT_SORT_DIRECTIONS: SortOrder[] = ['ascend', 'descend'];\n\nconst isPlainObject = (value: unknown): value is Record<string, unknown> =>\n  typeof value === 'object' && value !== null && !Array.isArray(value);\n\nexport const getMultiplePriority = (column: TableColumn<any>): number | false => {\n  const { sorter } = column;\n  return isPlainObject(sorter) && typeof sorter.multiple === 'number' ? sorter.multiple : false;\n};\n\nexport const getSortFunction = <T>(sorter: TableColumn<T>['sorter']): TableCompareFn<T> | false => {\n  if (typeof sorter === 'function') return sorter;\n  if (isPlainObject(sorter) && typeof sorter.compare === 'function') return sorter.compare;\n  return false;\n};\n\nexport const getNextSortOrder = (\n  sortDirections: readonly SortOrder[],\n  current: SortOrder | undefined,\n): SortOrder | undefined => {\n  if (!current) return sortDirections[0];\n  return sortDirections[sortDirections.indexOf(current) + 1];\n};\n\nexport const collectSortStates = <T>(\n  columns: readonly TableColumn<T>[],\n  init: boolean,\n  parentPos?: string,\n): SortState<T>[] => {\n  const states: SortState<T>[] = [];\n  const push = (column: TableColumn<T>, pos: string, sortOrder: SortOrder | undefined) =>\n    states.push({\n      column,\n      key: getColumnId(column, pos),\n      multiplePriority: getMultiplePriority(column),\n      sortOrder,\n    });\n\n  columns.forEach((column, index) => {\n    const pos = getColumnPos(index, parentPos);\n    if (isColumnGroup(column)) {\n      if ('sortOrder' in column) push(column, pos, column.sortOrder);\n      states.push(...collectSortStates(column.children, init, pos));\n    } else if (column.sorter) {\n      if ('sortOrder' in column) push(column, pos, column.sortOrder);\n      else if (init && column.defaultSortOrder) push(column, pos, column.defaultSortOrder);\n    }\n  });\n  return states;\n};\n\nconst collectColumnMap = <T>(\n  columns: readonly TableColumn<T>[],\n  map = new Map<string, TableColumn<T>>(),\n  parentPos?: string,\n) => {\n  columns.forEach((column, index) => {\n    const pos = getColumnPos(index, parentPos);\n    map.set(getColumnId(column, pos), column);\n    if (isColumnGroup(column)) collectColumnMap(column.children, map, pos);\n  });\n  return map;\n};\n\nexport const mergeSortStates = <T>(\n  columns: readonly TableColumn<T>[],\n  innerStates: readonly SortState<T>[],\n): SortState<T>[] => {\n  const controlled = collectSortStates(columns, false);\n\n  if (controlled.length === 0) {\n    // Drop states of removed columns and pick up the latest column objects (fresh comparators).\n    const columnMap = collectColumnMap(columns);\n    return innerStates\n      .filter(({ key }) => columnMap.has(key))\n      .map((state) => ({ ...state, column: columnMap.get(state.key)! }));\n  }\n\n  const result: SortState<T>[] = [];\n  let valid = true;\n  let multipleMode: boolean | null = null;\n  const patch = (state: SortState<T>) => result.push(valid ? state : { ...state, sortOrder: null });\n\n  for (const state of controlled) {\n    if (multipleMode === null) {\n      patch(state);\n      if (state.sortOrder) {\n        if (state.multiplePriority === false) valid = false;\n        else multipleMode = true;\n      }\n    } else if (multipleMode && state.multiplePriority !== false) {\n      patch(state);\n    } else {\n      valid = false;\n      patch(state);\n    }\n  }\n  return result;\n};\n\nexport const getTriggeredSortStates = <T>(\n  current: readonly SortState<T>[],\n  next: SortState<T>,\n): SortState<T>[] => {\n  if (next.multiplePriority === false || !current.length || current[0].multiplePriority === false) {\n    return [next];\n  }\n  return [...current.filter(({ key }) => key !== next.key), next];\n};\n\nconst stateToInfo = <T>({ column, key, sortOrder }: SortState<T>): TableSorterResult<T> => ({\n  column: column as TableColumnType<T>,\n  // antd reports `column.key`; the id fallback keeps dataIndex-only columns identifiable.\n  columnKey: column.key ?? key,\n  field: (column as TableColumnType<T>).dataIndex as TableSorterResult<T>['field'],\n  order: sortOrder ?? undefined,\n});\n\nexport const getSorterInfo = <T>(\n  states: readonly SortState<T>[],\n): TableSorterResult<T> | TableMultipleSorterResult<T> => {\n  const active = states.filter(({ sortOrder }) => sortOrder).map((state) => stateToInfo(state));\n\n  // antd keeps the last cleared column's other fields when nothing is sorted.\n  if (active.length === 0 && states.length) {\n    return {\n      ...stateToInfo(states.at(-1)!),\n      column: undefined,\n      columnKey: undefined,\n      field: undefined,\n      order: undefined,\n    };\n  }\n  if (active.length <= 1) return active[0] ?? {};\n  // Pre-5.61 code reads `sorter.order` / `sorter.columnKey` directly: expose the first entry's\n  // fields on the array too. Non-enumerable, so iteration, spread and equality see a plain array.\n  const [first] = active;\n  for (const field of ['column', 'columnKey', 'field', 'order'] as const) {\n    Object.defineProperty(active, field, {\n      configurable: true,\n      enumerable: false,\n      value: first[field],\n      writable: true,\n    });\n  }\n  return active as TableMultipleSorterResult<T>;\n};\n\nexport const getSortTitleProps = <T>(\n  states: readonly SortState<T>[],\n): Pick<TableColumnTitleProps<T>, 'sortColumn' | 'sortColumns' | 'sortOrder'> => {\n  const sortColumns = states.map(({ column, sortOrder }) => ({ column, order: sortOrder }));\n  return {\n    sortColumn: sortColumns[0]?.column,\n    sortColumns,\n    sortOrder: sortColumns[0]?.order,\n  };\n};\n\nexport const sortData = <T>(\n  data: readonly T[],\n  states: readonly SortState<T>[],\n  childrenColumnName = 'children',\n): T[] => {\n  const running = states\n    .filter(({ column, sortOrder }) => getSortFunction(column.sorter) && sortOrder)\n    .sort((a, b) => (b.multiplePriority as number) - (a.multiplePriority as number));\n  if (running.length === 0) return [...data];\n\n  return [...data]\n    .sort((a, b) => {\n      for (const { column, sortOrder } of running) {\n        const result = (getSortFunction(column.sorter) as TableCompareFn<T>)(a, b, sortOrder);\n        if (result !== 0) return sortOrder === 'ascend' ? result : -result;\n      }\n      return 0;\n    })\n    .map((record) => {\n      const children = (record as Record<string, unknown>)[childrenColumnName];\n      return Array.isArray(children)\n        ? { ...record, [childrenColumnName]: sortData(children as T[], states, childrenColumnName) }\n        : record;\n    });\n};\n\nexport const useSorter = <T>({\n  childrenColumnName,\n  data,\n  sortStates,\n}: {\n  childrenColumnName?: string;\n  data: readonly T[];\n  sortStates: readonly SortState<T>[];\n}) =>\n  useMemo(\n    () => sortData(data, sortStates, childrenColumnName),\n    [data, sortStates, childrenColumnName],\n  );\n"],"mappings":"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"}

package/es/Table/pipeline/useTableLocale.mjs

@@ -0,0 +1,30 @@
+import { useTranslation } from "../../i18n/useTranslation.mjs";
+import table_default from "../../i18n/resources/en/table.mjs";
+import { useMemo } from "react";
+//#region src/Table/pipeline/useTableLocale.ts
+const useTableLocale = (locale) => {
+	const { t } = useTranslation(table_default);
+	return useMemo(() => ({
+		cancelSort: t("table.cancelSort"),
+		collapse: t("table.collapse"),
+		expand: t("table.expand"),
+		filterCheckAll: t("table.filterCheckAll"),
+		filterConfirm: t("table.filterConfirm"),
+		filterEmptyText: t("table.filterEmptyText"),
+		filterReset: t("table.filterReset"),
+		filterSearchPlaceholder: t("table.filterSearchPlaceholder"),
+		filterTitle: t("table.filterTitle"),
+		selectAll: t("table.selectAll"),
+		selectInvert: t("table.selectInvert"),
+		selectNone: t("table.selectNone"),
+		selectionAll: t("table.selectionAll"),
+		sortTitle: t("table.sortTitle"),
+		triggerAsc: t("table.triggerAsc"),
+		triggerDesc: t("table.triggerDesc"),
+		...locale
+	}), [t, locale]);
+};
+//#endregion
+export { useTableLocale };
+
+//# sourceMappingURL=useTableLocale.mjs.map

package/es/Table/pipeline/useTableLocale.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableLocale.mjs","names":["tableMessages"],"sources":["../../../src/Table/pipeline/useTableLocale.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport tableMessages from '@/i18n/resources/en/table';\nimport { useTranslation } from '@/i18n/useTranslation';\n\nimport type { TableLocale } from '../type';\n\nexport const useTableLocale = (locale: TableLocale | undefined) => {\n  const { t } = useTranslation(tableMessages);\n  return useMemo(\n    (): TableLocale => ({\n      cancelSort: t('table.cancelSort'),\n      collapse: t('table.collapse'),\n      expand: t('table.expand'),\n      filterCheckAll: t('table.filterCheckAll'),\n      filterConfirm: t('table.filterConfirm'),\n      filterEmptyText: t('table.filterEmptyText'),\n      filterReset: t('table.filterReset'),\n      filterSearchPlaceholder: t('table.filterSearchPlaceholder'),\n      filterTitle: t('table.filterTitle'),\n      selectAll: t('table.selectAll'),\n      selectInvert: t('table.selectInvert'),\n      selectNone: t('table.selectNone'),\n      selectionAll: t('table.selectionAll'),\n      sortTitle: t('table.sortTitle'),\n      triggerAsc: t('table.triggerAsc'),\n      triggerDesc: t('table.triggerDesc'),\n      ...locale,\n    }),\n    [t, locale],\n  );\n};\n"],"mappings":";;;;AAOA,MAAa,kBAAkB,WAAoC;CACjE,MAAM,EAAE,MAAM,eAAeA,aAAa;CAC1C,OAAO,eACe;EAClB,YAAY,EAAE,kBAAkB;EAChC,UAAU,EAAE,gBAAgB;EAC5B,QAAQ,EAAE,cAAc;EACxB,gBAAgB,EAAE,sBAAsB;EACxC,eAAe,EAAE,qBAAqB;EACtC,iBAAiB,EAAE,uBAAuB;EAC1C,aAAa,EAAE,mBAAmB;EAClC,yBAAyB,EAAE,+BAA+B;EAC1D,aAAa,EAAE,mBAAmB;EAClC,WAAW,EAAE,iBAAiB;EAC9B,cAAc,EAAE,oBAAoB;EACpC,YAAY,EAAE,kBAAkB;EAChC,cAAc,EAAE,oBAAoB;EACpC,WAAW,EAAE,iBAAiB;EAC9B,YAAY,EAAE,kBAAkB;EAChC,aAAa,EAAE,mBAAmB;EAClC,GAAG;CACL,IACA,CAAC,GAAG,MAAM,CACZ;AACF"}

package/es/Table/pipeline/useTableState.mjs

@@ -0,0 +1,118 @@
+import { collectSortStates, getSortTitleProps, getSorterInfo, getTriggeredSortStates, mergeSortStates, sortData, useSorter } from "./useSorter.mjs";
+import { collectFilterStates, filterData, getFilterInfo, mergeFilterStates, useFilter } from "./useFilter.mjs";
+import { useMemo, useState } from "react";
+const useTableState = ({ childrenColumnName, columns, dataSource, onChange, onTableChange, pagination }) => {
+	const config = pagination === false ? void 0 : pagination ?? {};
+	const [innerSortStates, setInnerSortStates] = useState(() => collectSortStates(columns, true));
+	const sortStates = useMemo(() => mergeSortStates(columns, innerSortStates), [columns, innerSortStates]);
+	const [innerFilterKeys, setInnerFilterKeys] = useState(() => Object.fromEntries(collectFilterStates(columns, true).map(({ filteredKeys, key }) => [key, filteredKeys])));
+	const filterStates = useMemo(() => mergeFilterStates(columns, innerFilterKeys), [columns, innerFilterKeys]);
+	const filters = useMemo(() => getFilterInfo(filterStates), [filterStates]);
+	const filtered = useFilter({
+		childrenColumnName,
+		data: dataSource,
+		states: filterStates
+	});
+	const data = useSorter({
+		childrenColumnName,
+		data: filtered,
+		sortStates
+	});
+	const getCurrentDataSource = (nextFilterStates, nextSortStates) => sortData(filterData(dataSource, nextFilterStates, childrenColumnName), nextSortStates, childrenColumnName);
+	const [innerPage, setInnerPage] = useState({
+		pageIndex: (config?.defaultCurrent ?? 1) - 1,
+		pageSize: config?.defaultPageSize ?? 10
+	});
+	const pageSize = config?.pageSize ?? innerPage.pageSize;
+	const total = config?.total && config.total > 0 ? config.total : data.length;
+	const pageCount = Math.max(1, Math.ceil(total / pageSize));
+	const rawPageIndex = config?.current === void 0 ? innerPage.pageIndex : config.current - 1;
+	const page = {
+		pageIndex: Math.min(rawPageIndex, pageCount - 1),
+		pageSize
+	};
+	const toPaginationArg = (next) => {
+		if (!config) return {};
+		const merged = {
+			...config,
+			current: next.pageIndex + 1,
+			pageSize: next.pageSize,
+			total
+		};
+		const arg = {
+			current: merged.current,
+			pageSize: merged.pageSize
+		};
+		for (const key of Object.keys(config)) if (typeof merged[key] !== "function") arg[key] = merged[key];
+		return arg;
+	};
+	const report = (action, nextPage, nextFilterStates, nextSortStates) => {
+		onTableChange?.();
+		onChange?.(toPaginationArg(nextPage), getFilterInfo(nextFilterStates), getSorterInfo(nextSortStates), {
+			action,
+			currentDataSource: getCurrentDataSource(nextFilterStates, nextSortStates)
+		});
+	};
+	const changePage = (next) => {
+		setInnerPage(next);
+		const sizeChanged = next.pageSize !== page.pageSize;
+		if (sizeChanged) config?.onShowSizeChange?.(next.pageIndex + 1, next.pageSize);
+		if (sizeChanged || next.pageIndex !== page.pageIndex) config?.onChange?.(next.pageIndex + 1, next.pageSize);
+	};
+	const clampPage = (pageIndex) => {
+		if (config?.current === void 0) {
+			setInnerPage((previous) => ({
+				...previous,
+				pageIndex
+			}));
+			return;
+		}
+		config.onChange?.(pageIndex + 1, page.pageSize);
+	};
+	const triggerSort = (next) => {
+		const nextStates = getTriggeredSortStates(sortStates, next);
+		setInnerSortStates(nextStates);
+		report("sort", page, filterStates, nextStates);
+	};
+	const triggerFilter = (columnKey, filteredKeys) => {
+		const nextStates = filterStates.map((item) => item.key === columnKey ? {
+			...item,
+			filteredKeys
+		} : item);
+		const firstPage = {
+			...page,
+			pageIndex: 0
+		};
+		setInnerFilterKeys(Object.fromEntries(nextStates.map(({ filteredKeys, key }) => [key, filteredKeys])));
+		setInnerPage(firstPage);
+		if (pagination) pagination.onChange?.(1, firstPage.pageSize);
+		report("filter", firstPage, nextStates, sortStates);
+	};
+	const titleProps = useMemo(() => ({
+		filters,
+		...getSortTitleProps(sortStates)
+	}), [filters, sortStates]);
+	const onPaginationChange = (next) => {
+		changePage(next);
+		report("paginate", next, filterStates, sortStates);
+	};
+	return {
+		clampPage,
+		config,
+		data,
+		filterStates,
+		filters,
+		onPaginationChange,
+		page,
+		rawPageIndex,
+		sortStates,
+		titleProps,
+		total,
+		triggerFilter,
+		triggerSort
+	};
+};
+//#endregion
+export { useTableState };
+
+//# sourceMappingURL=useTableState.mjs.map

package/es/Table/pipeline/useTableState.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableState.mjs","names":[],"sources":["../../../src/Table/pipeline/useTableState.ts"],"sourcesContent":["import { useMemo, useState } from 'react';\n\nimport type {\n  TableColumn,\n  TableColumnTitleProps,\n  TableCurrentDataSource,\n  TablePaginationConfig,\n  TableProps,\n} from '../type';\nimport {\n  collectFilterStates,\n  filterData,\n  type FilterKeys,\n  type FiltersState,\n  type FilterState,\n  getFilterInfo,\n  mergeFilterStates,\n  useFilter,\n} from './useFilter';\nimport {\n  collectSortStates,\n  getSorterInfo,\n  getSortTitleProps,\n  getTriggeredSortStates,\n  mergeSortStates,\n  sortData,\n  type SortState,\n  useSorter,\n} from './useSorter';\n\nexport interface PaginationState {\n  pageIndex: number;\n  pageSize: number;\n}\n\nexport const DEFAULT_PAGE_SIZE = 10;\n\ntype ChangeAction = TableCurrentDataSource<unknown>['action'];\n\nexport const useTableState = <T>({\n  childrenColumnName,\n  columns,\n  dataSource,\n  onChange,\n  onTableChange,\n  pagination,\n}: Pick<TableProps<T>, 'onChange' | 'pagination'> & {\n  childrenColumnName?: string;\n  columns: readonly TableColumn<T>[];\n  dataSource: readonly T[];\n  onTableChange?: () => void;\n}) => {\n  const config: TablePaginationConfig | undefined =\n    pagination === false ? undefined : (pagination ?? {});\n\n  const [innerSortStates, setInnerSortStates] = useState<SortState<T>[]>(() =>\n    collectSortStates(columns, true),\n  );\n  const sortStates = useMemo(\n    () => mergeSortStates(columns, innerSortStates),\n    [columns, innerSortStates],\n  );\n  const [innerFilterKeys, setInnerFilterKeys] = useState<FiltersState>(() =>\n    Object.fromEntries(\n      collectFilterStates(columns, true).map(({ filteredKeys, key }) => [key, filteredKeys]),\n    ),\n  );\n  const filterStates = useMemo(\n    () => mergeFilterStates(columns, innerFilterKeys),\n    [columns, innerFilterKeys],\n  );\n  const filters = useMemo(() => getFilterInfo(filterStates), [filterStates]);\n\n  const filtered = useFilter({ childrenColumnName, data: dataSource, states: filterStates });\n  const data = useSorter({ childrenColumnName, data: filtered, sortStates });\n  const getCurrentDataSource = (\n    nextFilterStates: readonly FilterState<T>[],\n    nextSortStates: readonly SortState<T>[],\n  ) =>\n    sortData(\n      filterData(dataSource, nextFilterStates, childrenColumnName),\n      nextSortStates,\n      childrenColumnName,\n    );\n\n  const [innerPage, setInnerPage] = useState<PaginationState>({\n    pageIndex: (config?.defaultCurrent ?? 1) - 1,\n    pageSize: config?.defaultPageSize ?? DEFAULT_PAGE_SIZE,\n  });\n\n  const pageSize = config?.pageSize ?? innerPage.pageSize;\n  // Like antd: a positive `pagination.total` wins over the local data length.\n  const total = config?.total && config.total > 0 ? config.total : data.length;\n  const pageCount = Math.max(1, Math.ceil(total / pageSize));\n  const rawPageIndex = config?.current === undefined ? innerPage.pageIndex : config.current - 1;\n  const page: PaginationState = { pageIndex: Math.min(rawPageIndex, pageCount - 1), pageSize };\n\n  const toPaginationArg = (next: PaginationState): TablePaginationConfig => {\n    if (!config) return {};\n    const merged: Record<string, unknown> = {\n      ...config,\n      current: next.pageIndex + 1,\n      pageSize: next.pageSize,\n      total,\n    };\n    const arg: Record<string, unknown> = { current: merged.current, pageSize: merged.pageSize };\n    for (const key of Object.keys(config)) {\n      if (typeof merged[key] !== 'function') arg[key] = merged[key];\n    }\n    return arg as TablePaginationConfig;\n  };\n\n  const report = (\n    action: ChangeAction,\n    nextPage: PaginationState,\n    nextFilterStates: readonly FilterState<T>[],\n    nextSortStates: readonly SortState<T>[],\n  ) => {\n    onTableChange?.();\n    onChange?.(\n      toPaginationArg(nextPage),\n      getFilterInfo(nextFilterStates),\n      getSorterInfo(nextSortStates),\n      { action, currentDataSource: getCurrentDataSource(nextFilterStates, nextSortStates) },\n    );\n  };\n\n  const changePage = (next: PaginationState) => {\n    setInnerPage(next);\n    const sizeChanged = next.pageSize !== page.pageSize;\n    if (sizeChanged) config?.onShowSizeChange?.(next.pageIndex + 1, next.pageSize);\n    if (sizeChanged || next.pageIndex !== page.pageIndex) {\n      config?.onChange?.(next.pageIndex + 1, next.pageSize);\n    }\n  };\n\n  const clampPage = (pageIndex: number) => {\n    if (config?.current === undefined) {\n      setInnerPage((previous) => ({ ...previous, pageIndex }));\n      return;\n    }\n    config.onChange?.(pageIndex + 1, page.pageSize);\n  };\n\n  const triggerSort = (next: SortState<T>) => {\n    const nextStates = getTriggeredSortStates(sortStates, next);\n    setInnerSortStates(nextStates);\n    report('sort', page, filterStates, nextStates);\n  };\n\n  const triggerFilter = (columnKey: string, filteredKeys: FilterKeys) => {\n    const nextStates = filterStates.map((item) =>\n      item.key === columnKey ? { ...item, filteredKeys } : item,\n    );\n    const firstPage = { ...page, pageIndex: 0 };\n    setInnerFilterKeys(\n      Object.fromEntries(nextStates.map(({ filteredKeys, key }) => [key, filteredKeys])),\n    );\n    setInnerPage(firstPage);\n    if (pagination) pagination.onChange?.(1, firstPage.pageSize);\n    report('filter', firstPage, nextStates, sortStates);\n  };\n\n  const titleProps = useMemo(\n    (): TableColumnTitleProps<T> => ({\n      filters,\n      ...getSortTitleProps(sortStates),\n    }),\n    [filters, sortStates],\n  );\n\n  const onPaginationChange = (next: PaginationState) => {\n    changePage(next);\n    report('paginate', next, filterStates, sortStates);\n  };\n\n  return {\n    clampPage,\n    config,\n    data,\n    filterStates,\n    filters,\n    onPaginationChange,\n    page,\n    rawPageIndex,\n    sortStates,\n    titleProps,\n    total,\n    triggerFilter,\n    triggerSort,\n  };\n};\n"],"mappings":"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"}

package/es/Table/pipeline/useVirtualLayout.mjs

@@ -0,0 +1,80 @@
+import { VIRTUAL_ROW_HEIGHT } from "../constants.mjs";
+import { useCallback, useMemo, useState } from "react";
+//#region src/Table/pipeline/useVirtualLayout.ts
+const parseWidth = (total, width) => {
+	if (typeof width === "number") return width;
+	if (typeof width === "string" && width.endsWith("%")) return total * Number.parseFloat(width) / 100;
+	return null;
+};
+const leavesOf = (columns) => columns.flatMap((column) => column.children?.length ? leavesOf(column.children) : [column]);
+const fillColumnWidths = (columns, scrollWidth, clientWidth) => {
+	const leaves = leavesOf(columns);
+	const total = typeof scrollWidth === "number" && scrollWidth > 0 ? scrollWidth : 0;
+	if (!total) return leaves.map((leaf) => parseWidth(clientWidth, leaf.width) ?? 0);
+	let given = 0;
+	let missing = 0;
+	leaves.forEach((leaf) => {
+		const width = parseWidth(total, leaf.width);
+		if (width) given += width;
+		else missing += 1;
+	});
+	const maxFit = Math.max(total, clientWidth);
+	let rest = Math.max(maxFit - given, missing);
+	let restCount = missing;
+	const average = rest / missing;
+	let realTotal = 0;
+	const widths = leaves.map((leaf) => {
+		let width = parseWidth(total, leaf.width);
+		if (!width) {
+			const floor = Math.floor(average);
+			width = restCount === 1 ? rest : floor;
+			rest -= floor;
+			restCount -= 1;
+		}
+		realTotal += width;
+		return width;
+	});
+	if (realTotal < maxFit) {
+		const scale = maxFit / realTotal;
+		let remain = maxFit;
+		return widths.map((width, index) => {
+			const next = Math.floor(width * scale);
+			const value = index === widths.length - 1 ? remain : next;
+			remain -= next;
+			return value;
+		});
+	}
+	return widths;
+};
+const useVirtualLayout = ({ expandable, rowSelection, variant, virtual }) => {
+	const [componentWidth, setComponentWidth] = useState(0);
+	const measureRef = useCallback((element) => {
+		if (!element || !virtual || typeof ResizeObserver === "undefined") return;
+		setComponentWidth(element.offsetWidth);
+		const observer = new ResizeObserver(() => setComponentWidth(element.offsetWidth));
+		observer.observe(element);
+		return () => observer.disconnect();
+	}, [virtual]);
+	const withDropdown = Boolean(rowSelection?.selections) && rowSelection?.type !== "radio";
+	const hasSelection = Boolean(rowSelection);
+	return useMemo(() => ({
+		componentWidth,
+		expandColumnWidth: virtual && expandable ? 48 : void 0,
+		fillWidths: fillColumnWidths,
+		measureRef,
+		rowHeight: (size) => VIRTUAL_ROW_HEIGHT[size],
+		selectionColumnWidth: virtual && hasSelection ? 32 + (withDropdown ? 24 : 0) + (variant === "outlined" ? 16 : 0) : void 0
+	}), [
+		componentWidth,
+		virtual,
+		expandable,
+		hasSelection,
+		withDropdown,
+		variant,
+		measureRef
+	]);
+};
+//#endregion
+export { fillColumnWidths, useVirtualLayout };
+
+//# sourceMappingURL=useVirtualLayout.mjs.map

package/es/Table/pipeline/useVirtualLayout.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVirtualLayout.mjs","names":[],"sources":["../../../src/Table/pipeline/useVirtualLayout.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\n\nimport {\n  EXPAND_COLUMN_WIDTH,\n  SELECTION_COLUMN_WIDTH,\n  SELECTION_DROPDOWN_WIDTH,\n  VIRTUAL_ROW_HEIGHT,\n} from '../constants';\nimport type { TableRowSelection, TableSize, TableVariant } from '../type';\nimport type { NormalizedColumn } from './normalizeColumns';\n\nconst parseWidth = (total: number, width: number | string | undefined) => {\n  if (typeof width === 'number') return width;\n  if (typeof width === 'string' && width.endsWith('%'))\n    return (total * Number.parseFloat(width)) / 100;\n  return null;\n};\n\nconst leavesOf = <T>(columns: readonly NormalizedColumn<T>[]): NormalizedColumn<T>[] =>\n  columns.flatMap((column) => (column.children?.length ? leavesOf(column.children) : [column]));\n\nexport const fillColumnWidths = <T>(\n  columns: readonly NormalizedColumn<T>[],\n  scrollWidth: number | string | true | undefined,\n  clientWidth: number,\n): number[] => {\n  const leaves = leavesOf(columns);\n  const total = typeof scrollWidth === 'number' && scrollWidth > 0 ? scrollWidth : 0;\n  if (!total) return leaves.map((leaf) => parseWidth(clientWidth, leaf.width) ?? 0);\n\n  let given = 0;\n  let missing = 0;\n  leaves.forEach((leaf) => {\n    const width = parseWidth(total, leaf.width);\n    if (width) given += width;\n    else missing += 1;\n  });\n  const maxFit = Math.max(total, clientWidth);\n  let rest = Math.max(maxFit - given, missing);\n  let restCount = missing;\n  const average = rest / missing;\n  let realTotal = 0;\n  const widths = leaves.map((leaf) => {\n    let width = parseWidth(total, leaf.width);\n    if (!width) {\n      const floor = Math.floor(average);\n      width = restCount === 1 ? rest : floor;\n      rest -= floor;\n      restCount -= 1;\n    }\n    realTotal += width;\n    return width;\n  });\n  if (realTotal < maxFit) {\n    const scale = maxFit / realTotal;\n    let remain = maxFit;\n    return widths.map((width, index) => {\n      const next = Math.floor(width * scale);\n      const value = index === widths.length - 1 ? remain : next;\n      remain -= next;\n      return value;\n    });\n  }\n  return widths;\n};\n\nexport const useVirtualLayout = <T>({\n  expandable,\n  rowSelection,\n  variant,\n  virtual,\n}: {\n  expandable: boolean;\n  rowSelection?: Pick<TableRowSelection<T>, 'selections' | 'type'>;\n  variant: TableVariant;\n  virtual?: boolean;\n}) => {\n  const [componentWidth, setComponentWidth] = useState(0);\n  const measureRef = useCallback(\n    (element: HTMLDivElement | null) => {\n      if (!element || !virtual || typeof ResizeObserver === 'undefined') return;\n      setComponentWidth(element.offsetWidth);\n      const observer = new ResizeObserver(() => setComponentWidth(element.offsetWidth));\n      observer.observe(element);\n      return () => observer.disconnect();\n    },\n    [virtual],\n  );\n\n  const withDropdown = Boolean(rowSelection?.selections) && rowSelection?.type !== 'radio';\n  const hasSelection = Boolean(rowSelection);\n  return useMemo(\n    () => ({\n      componentWidth,\n      expandColumnWidth: virtual && expandable ? EXPAND_COLUMN_WIDTH : undefined,\n      fillWidths: fillColumnWidths<T>,\n      measureRef,\n      rowHeight: (size: TableSize) => VIRTUAL_ROW_HEIGHT[size],\n      selectionColumnWidth:\n        virtual && hasSelection\n          ? SELECTION_COLUMN_WIDTH +\n            (withDropdown ? SELECTION_DROPDOWN_WIDTH : 0) +\n            (variant === 'outlined' ? 16 : 0)\n          : undefined,\n    }),\n    [componentWidth, virtual, expandable, hasSelection, withDropdown, variant, measureRef],\n  );\n};\n"],"mappings":";;;AAWA,MAAM,cAAc,OAAe,UAAuC;CACxE,IAAI,OAAO,UAAU,UAAU,OAAO;CACtC,IAAI,OAAO,UAAU,YAAY,MAAM,SAAS,GAAG,GACjD,OAAQ,QAAQ,OAAO,WAAW,KAAK,IAAK;CAC9C,OAAO;AACT;AAEA,MAAM,YAAe,YACnB,QAAQ,SAAS,WAAY,OAAO,UAAU,SAAS,SAAS,OAAO,QAAQ,IAAI,CAAC,MAAM,CAAE;AAE9F,MAAa,oBACX,SACA,aACA,gBACa;CACb,MAAM,SAAS,SAAS,OAAO;CAC/B,MAAM,QAAQ,OAAO,gBAAgB,YAAY,cAAc,IAAI,cAAc;CACjF,IAAI,CAAC,OAAO,OAAO,OAAO,KAAK,SAAS,WAAW,aAAa,KAAK,KAAK,KAAK,CAAC;CAEhF,IAAI,QAAQ;CACZ,IAAI,UAAU;CACd,OAAO,SAAS,SAAS;EACvB,MAAM,QAAQ,WAAW,OAAO,KAAK,KAAK;EAC1C,IAAI,OAAO,SAAS;OACf,WAAW;CAClB,CAAC;CACD,MAAM,SAAS,KAAK,IAAI,OAAO,WAAW;CAC1C,IAAI,OAAO,KAAK,IAAI,SAAS,OAAO,OAAO;CAC3C,IAAI,YAAY;CAChB,MAAM,UAAU,OAAO;CACvB,IAAI,YAAY;CAChB,MAAM,SAAS,OAAO,KAAK,SAAS;EAClC,IAAI,QAAQ,WAAW,OAAO,KAAK,KAAK;EACxC,IAAI,CAAC,OAAO;GACV,MAAM,QAAQ,KAAK,MAAM,OAAO;GAChC,QAAQ,cAAc,IAAI,OAAO;GACjC,QAAQ;GACR,aAAa;EACf;EACA,aAAa;EACb,OAAO;CACT,CAAC;CACD,IAAI,YAAY,QAAQ;EACtB,MAAM,QAAQ,SAAS;EACvB,IAAI,SAAS;EACb,OAAO,OAAO,KAAK,OAAO,UAAU;GAClC,MAAM,OAAO,KAAK,MAAM,QAAQ,KAAK;GACrC,MAAM,QAAQ,UAAU,OAAO,SAAS,IAAI,SAAS;GACrD,UAAU;GACV,OAAO;EACT,CAAC;CACH;CACA,OAAO;AACT;AAEA,MAAa,oBAAuB,EAClC,YACA,cACA,SACA,cAMI;CACJ,MAAM,CAAC,gBAAgB,qBAAqB,SAAS,CAAC;CACtD,MAAM,aAAa,aAChB,YAAmC;EAClC,IAAI,CAAC,WAAW,CAAC,WAAW,OAAO,mBAAmB,aAAa;EACnE,kBAAkB,QAAQ,WAAW;EACrC,MAAM,WAAW,IAAI,qBAAqB,kBAAkB,QAAQ,WAAW,CAAC;EAChF,SAAS,QAAQ,OAAO;EACxB,aAAa,SAAS,WAAW;CACnC,GACA,CAAC,OAAO,CACV;CAEA,MAAM,eAAe,QAAQ,cAAc,UAAU,KAAK,cAAc,SAAS;CACjF,MAAM,eAAe,QAAQ,YAAY;CACzC,OAAO,eACE;EACL;EACA,mBAAmB,WAAW,aAAA,KAAmC,KAAA;EACjE,YAAY;EACZ;EACA,YAAY,SAAoB,mBAAmB;EACnD,sBACE,WAAW,eAAA,MAEN,eAAA,KAA0C,MAC1C,YAAY,aAAa,KAAK,KAC/B,KAAA;CACR,IACA;EAAC;EAAgB;EAAS;EAAY;EAAc;EAAc;EAAS;CAAU,CACvF;AACF"}

package/es/Table/render/Body.mjs

@@ -0,0 +1,150 @@
+"use client";
+import { TableExpandedRow, TableRow } from "../atoms/cells.mjs";
+import { TableBody } from "../atoms/layout.mjs";
+import { MeasureRowContext, VirtualCellContext, useTableView } from "./context.mjs";
+import { useRowExpanded, useRowSelected } from "../store/hooks.mjs";
+import { BodyCell } from "./BodyCell.mjs";
+import { HeaderTitle } from "./Header.mjs";
+import { memo, useLayoutEffect, useRef } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import clsx$1 from "clsx";
+//#region src/Table/render/Body.tsx
+const computeExpandedClassName = (className, record, index, indent) => typeof className === "function" ? className(record, index, indent) : className ?? "";
+const BodyRowInner = ({ depth, extra, hasChildren, index, record, renderIndex, rowKey }) => {
+	const view = useTableView();
+	const selected = useRowSelected(rowKey);
+	const expanded = useRowExpanded(rowKey);
+	const expandedOnce = useRef(false);
+	expandedOnce.current ||= expanded;
+	const { components, expand, fixColumn, leafColumns, onRow, prefixCls, rowClassName, semanticClassNames, semanticStyles } = view;
+	const rowSupportExpand = expand.type === "row" && (!expand.rowExpandable || expand.rowExpandable(record));
+	const mergedExpandable = rowSupportExpand || expand.type === "nest";
+	const rowProps = onRow?.(record, index) ?? {};
+	const onClick = (event) => {
+		if (expand.expandRowByClick && mergedExpandable) expand.toggle(record, event);
+		rowProps.onClick?.(event);
+	};
+	const computedClassName = typeof rowClassName === "function" ? rowClassName(record, index, depth) : rowClassName;
+	const expandedClassName = computeExpandedClassName(expand.expandedRowClassName, record, index, depth);
+	let expandedRow = null;
+	if (!extra && rowSupportExpand && (expand.forceRender || expandedOnce.current || expanded)) expandedRow = /* @__PURE__ */ jsx(TableExpandedRow, {
+		cellComponent: components.bodyCell,
+		colSpan: leafColumns.length,
+		component: components.bodyRow,
+		expanded,
+		fixed: fixColumn,
+		className: clsx$1(`${prefixCls}-expanded-row`, `${prefixCls}-expanded-row-level-${depth + 1}`, expandedClassName),
+		children: expand.expandedRowRender?.(record, index, depth + 1, expanded)
+	});
+	const cells = leafColumns.map((leaf, colIndex) => /* @__PURE__ */ jsx(BodyCell, {
+		colIndex,
+		depth,
+		hasChildren,
+		index,
+		leaf,
+		record,
+		renderIndex,
+		rowKey,
+		withNestIcon: expand.type === "nest" && colIndex === expand.nestIconColumnIndex
+	}, leaf.key));
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(TableRow, {
+		...rowProps,
+		component: components.bodyRow,
+		"data-row-key": extra ? void 0 : rowKey,
+		level: depth,
+		selected,
+		className: clsx$1(computedClassName, rowProps.className, rowProps.onClick && `${prefixCls}-row-clickable`, semanticClassNames.body.row, depth >= 1 && expandedClassName, extra && `${prefixCls}-row-extra`),
+		style: {
+			...rowProps.style,
+			...semanticStyles.body.row,
+			...extra && {
+				pointerEvents: "none",
+				position: "absolute",
+				top: extra.top
+			}
+		},
+		onClick,
+		children: extra ? /* @__PURE__ */ jsx(VirtualCellContext, {
+			value: {
+				getHeight: extra.getHeight,
+				inverse: true
+			},
+			children: cells
+		}) : cells
+	}), expandedRow] });
+};
+const BodyRow = memo(BodyRowInner);
+const MeasureCell = ({ children, columnKey, onResize }) => {
+	const ref = useRef(null);
+	useLayoutEffect(() => {
+		const element = ref.current;
+		if (!element) return;
+		onResize(columnKey, element.offsetWidth);
+		if (typeof ResizeObserver === "undefined") return;
+		const observer = new ResizeObserver(() => {
+			if (element.offsetParent !== null) onResize(columnKey, element.offsetWidth);
+		});
+		observer.observe(element);
+		return () => observer.disconnect();
+	}, [columnKey, onResize]);
+	return /* @__PURE__ */ jsx("td", {
+		ref,
+		style: {
+			borderBottom: 0,
+			borderTop: 0,
+			height: 0,
+			paddingBottom: 0,
+			paddingTop: 0
+		},
+		children: /* @__PURE__ */ jsx("div", {
+			style: {
+				fontWeight: "bold",
+				height: 0,
+				overflow: "hidden"
+			},
+			children
+		})
+	});
+};
+const MeasureRow = ({ onResize }) => {
+	const { leafColumns, prefixCls } = useTableView();
+	return /* @__PURE__ */ jsx(MeasureRowContext, {
+		value: true,
+		children: /* @__PURE__ */ jsx("tr", {
+			"aria-hidden": "true",
+			className: `${prefixCls}-measure-row`,
+			style: { height: 0 },
+			children: leafColumns.map((leaf) => /* @__PURE__ */ jsx(MeasureCell, {
+				columnKey: leaf.key,
+				onResize,
+				children: /* @__PURE__ */ jsx(HeaderTitle, { source: leaf.column.source })
+			}, leaf.key))
+		})
+	});
+};
+const Body = ({ emptyNode, measure, onColumnResize, rows }) => {
+	const { components, horizonScroll, leafColumns, prefixCls, semanticClassNames, semanticStyles } = useTableView();
+	return /* @__PURE__ */ jsxs(TableBody, {
+		className: semanticClassNames.body.wrapper,
+		component: components.bodyWrapper,
+		style: semanticStyles.body.wrapper,
+		children: [measure && /* @__PURE__ */ jsx(MeasureRow, { onResize: onColumnResize }), rows.length > 0 ? rows.map((row) => /* @__PURE__ */ jsx(BodyRow, {
+			depth: row.depth,
+			hasChildren: row.hasChildren,
+			index: row.index,
+			record: row.record,
+			renderIndex: row.renderIndex,
+			rowKey: row.key
+		}, row.key)) : /* @__PURE__ */ jsx(TableExpandedRow, {
+			className: `${prefixCls}-placeholder`,
+			colSpan: leafColumns.length,
+			component: components.bodyRow,
+			fixed: horizonScroll,
+			children: emptyNode
+		})]
+	});
+};
+//#endregion
+export { Body, BodyRow, MeasureRow, computeExpandedClassName };
+
+//# sourceMappingURL=Body.mjs.map

package/es/Table/render/Body.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Body.mjs","names":["clsx"],"sources":["../../../src/Table/render/Body.tsx"],"sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport { type Key, memo, type MouseEvent, type ReactNode, useLayoutEffect, useRef } from 'react';\n\nimport { TableBody, TableExpandedRow, TableRow } from '../atoms';\nimport type { RowModel } from '../engine/types';\nimport { useRowExpanded, useRowSelected } from '../store/hooks';\nimport type { TableRowClassName } from '../type';\nimport { BodyCell } from './BodyCell';\nimport { MeasureRowContext, useTableView, VirtualCellContext } from './context';\nimport { HeaderTitle } from './Header';\n\nexport const computeExpandedClassName = <T,>(\n  className: string | TableRowClassName<T> | undefined,\n  record: T,\n  index: number,\n  indent: number,\n) => (typeof className === 'function' ? className(record, index, indent) : (className ?? ''));\n\nexport interface BodyRowExtra {\n  getHeight: (rowSpan: number) => number;\n  top: number;\n}\n\nexport interface BodyRowProps<T> {\n  depth: number;\n  extra?: BodyRowExtra;\n  hasChildren: boolean;\n  index: number;\n  record: T;\n  renderIndex: number;\n  rowKey: Key;\n}\n\nconst BodyRowInner = <T,>({\n  depth,\n  extra,\n  hasChildren,\n  index,\n  record,\n  renderIndex,\n  rowKey,\n}: BodyRowProps<T>) => {\n  const view = useTableView<T>();\n  const selected = useRowSelected(rowKey);\n  const expanded = useRowExpanded(rowKey);\n  const expandedOnce = useRef(false);\n  expandedOnce.current ||= expanded;\n\n  const {\n    components,\n    expand,\n    fixColumn,\n    leafColumns,\n    onRow,\n    prefixCls,\n    rowClassName,\n    semanticClassNames,\n    semanticStyles,\n  } = view;\n  const rowSupportExpand =\n    expand.type === 'row' && (!expand.rowExpandable || expand.rowExpandable(record));\n  const mergedExpandable = rowSupportExpand || expand.type === 'nest';\n  const rowProps = onRow?.(record, index) ?? {};\n  const onClick = (event: MouseEvent<HTMLTableRowElement>) => {\n    if (expand.expandRowByClick && mergedExpandable) expand.toggle(record, event);\n    rowProps.onClick?.(event);\n  };\n  const computedClassName =\n    typeof rowClassName === 'function' ? rowClassName(record, index, depth) : rowClassName;\n  const expandedClassName = computeExpandedClassName(\n    expand.expandedRowClassName,\n    record,\n    index,\n    depth,\n  );\n\n  let expandedRow: ReactNode = null;\n  if (!extra && rowSupportExpand && (expand.forceRender || expandedOnce.current || expanded)) {\n    expandedRow = (\n      <TableExpandedRow\n        cellComponent={components.bodyCell}\n        colSpan={leafColumns.length}\n        component={components.bodyRow}\n        expanded={expanded}\n        fixed={fixColumn}\n        className={clsx(\n          `${prefixCls}-expanded-row`,\n          `${prefixCls}-expanded-row-level-${depth + 1}`,\n          expandedClassName,\n        )}\n      >\n        {expand.expandedRowRender?.(record, index, depth + 1, expanded)}\n      </TableExpandedRow>\n    );\n  }\n\n  const cells = leafColumns.map((leaf, colIndex) => (\n    <BodyCell\n      colIndex={colIndex}\n      depth={depth}\n      hasChildren={hasChildren}\n      index={index}\n      key={leaf.key}\n      leaf={leaf}\n      record={record}\n      renderIndex={renderIndex}\n      rowKey={rowKey}\n      withNestIcon={expand.type === 'nest' && colIndex === expand.nestIconColumnIndex}\n    />\n  ));\n\n  return (\n    <>\n      <TableRow\n        {...rowProps}\n        component={components.bodyRow}\n        data-row-key={extra ? undefined : rowKey}\n        level={depth}\n        selected={selected}\n        className={clsx(\n          computedClassName,\n          rowProps.className,\n          rowProps.onClick && `${prefixCls}-row-clickable`,\n          semanticClassNames.body.row,\n          depth >= 1 && expandedClassName,\n          extra && `${prefixCls}-row-extra`,\n        )}\n        style={{\n          ...rowProps.style,\n          ...semanticStyles.body.row,\n          ...(extra && { pointerEvents: 'none', position: 'absolute', top: extra.top }),\n        }}\n        onClick={onClick}\n      >\n        {extra ? (\n          <VirtualCellContext value={{ getHeight: extra.getHeight, inverse: true }}>\n            {cells}\n          </VirtualCellContext>\n        ) : (\n          cells\n        )}\n      </TableRow>\n      {expandedRow}\n    </>\n  );\n};\n\nexport const BodyRow = memo(BodyRowInner) as typeof BodyRowInner;\n\nconst MeasureCell = ({\n  children,\n  columnKey,\n  onResize,\n}: {\n  children: ReactNode;\n  columnKey: string;\n  onResize: (key: string, width: number) => void;\n}) => {\n  const ref = useRef<HTMLTableCellElement>(null);\n  useLayoutEffect(() => {\n    const element = ref.current;\n    if (!element) return;\n    onResize(columnKey, element.offsetWidth);\n    if (typeof ResizeObserver === 'undefined') return;\n    const observer = new ResizeObserver(() => {\n      if (element.offsetParent !== null) onResize(columnKey, element.offsetWidth);\n    });\n    observer.observe(element);\n    return () => observer.disconnect();\n  }, [columnKey, onResize]);\n  return (\n    <td\n      ref={ref}\n      style={{ borderBottom: 0, borderTop: 0, height: 0, paddingBottom: 0, paddingTop: 0 }}\n    >\n      <div style={{ fontWeight: 'bold', height: 0, overflow: 'hidden' }}>{children}</div>\n    </td>\n  );\n};\n\nexport const MeasureRow = ({ onResize }: { onResize: (key: string, width: number) => void }) => {\n  const { leafColumns, prefixCls } = useTableView();\n  return (\n    <MeasureRowContext value={true}>\n      <tr aria-hidden=\"true\" className={`${prefixCls}-measure-row`} style={{ height: 0 }}>\n        {leafColumns.map((leaf) => (\n          <MeasureCell columnKey={leaf.key} key={leaf.key} onResize={onResize}>\n            <HeaderTitle source={leaf.column.source} />\n          </MeasureCell>\n        ))}\n      </tr>\n    </MeasureRowContext>\n  );\n};\n\nexport interface BodyProps<T> {\n  emptyNode: ReactNode;\n  measure: boolean;\n  onColumnResize: (key: string, width: number) => void;\n  rows: readonly RowModel<T>[];\n}\n\nexport const Body = <T,>({ emptyNode, measure, onColumnResize, rows }: BodyProps<T>) => {\n  const { components, horizonScroll, leafColumns, prefixCls, semanticClassNames, semanticStyles } =\n    useTableView<T>();\n  return (\n    <TableBody\n      className={semanticClassNames.body.wrapper}\n      component={components.bodyWrapper}\n      style={semanticStyles.body.wrapper}\n    >\n      {measure && <MeasureRow onResize={onColumnResize} />}\n      {rows.length > 0 ? (\n        rows.map((row) => (\n          <BodyRow\n            depth={row.depth}\n            hasChildren={row.hasChildren}\n            index={row.index}\n            key={row.key}\n            record={row.record}\n            renderIndex={row.renderIndex}\n            rowKey={row.key}\n          />\n        ))\n      ) : (\n        <TableExpandedRow\n          className={`${prefixCls}-placeholder`}\n          colSpan={leafColumns.length}\n          component={components.bodyRow}\n          fixed={horizonScroll}\n        >\n          {emptyNode}\n        </TableExpandedRow>\n      )}\n    </TableBody>\n  );\n};\n"],"mappings":"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"}