@lobehub/ui 6.0.0-beta.7 → 6.0.0-beta.9

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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"}

package/es/Table/render/BodyCell.mjs

@@ -0,0 +1,87 @@
+"use client";
+import { getCellValue } from "../pipeline/columnUtils.mjs";
+import { useTableView } from "./context.mjs";
+import { useRowExpanded } from "../store/hooks.mjs";
+import { CellShell, isRenderedCell } from "./CellShell.mjs";
+import { SelectionBodyCell } from "./SelectionCells.mjs";
+import { memo, useRef } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/Table/render/BodyCell.tsx
+const useCellRender = (column, record, renderIndex) => {
+	const cache = useRef(null);
+	if (cache.current && column.shouldCellUpdate && !column.shouldCellUpdate(record, cache.current.record)) return cache.current.output;
+	const value = getCellValue(record, column);
+	let output;
+	if (column.render) {
+		const rendered = column.render(value, record, renderIndex);
+		output = isRenderedCell(rendered) ? [rendered.children, rendered.props] : [rendered, void 0];
+	} else output = [value, void 0];
+	cache.current = {
+		output,
+		record
+	};
+	return output;
+};
+const NestIcon = ({ depth, hasChildren, record, rowKey }) => {
+	const { expand, prefixCls } = useTableView();
+	const expanded = useRowExpanded(rowKey);
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
+		className: `${prefixCls}-row-indent indent-level-${depth}`,
+		style: { paddingLeft: `${expand.indentSize * depth}px` }
+	}), expand.expandIcon({
+		expandable: hasChildren,
+		expanded,
+		onExpand: (target) => expand.toggle(target),
+		prefixCls,
+		record
+	})] });
+};
+const DataCell = ({ depth, hasChildren, index, leaf, record, renderIndex, rowKey, withNestIcon }) => {
+	const column = leaf.column.source.column;
+	const [childNode, legacyCellProps] = useCellRender(column, record, renderIndex);
+	return /* @__PURE__ */ jsx(CellShell, {
+		index,
+		leaf,
+		legacyCellProps,
+		record,
+		appendNode: withNestIcon ? /* @__PURE__ */ jsx(NestIcon, {
+			depth,
+			hasChildren,
+			record,
+			rowKey
+		}) : void 0,
+		children: childNode
+	});
+};
+const ExpandCell = ({ index, leaf, record, rowKey }) => {
+	const { expand, prefixCls } = useTableView();
+	const expanded = useRowExpanded(rowKey);
+	const icon = expand.expandIcon({
+		expandable: expand.rowExpandable ? expand.rowExpandable(record) : true,
+		expanded,
+		onExpand: (target) => expand.toggle(target),
+		prefixCls,
+		record
+	});
+	return /* @__PURE__ */ jsx(CellShell, {
+		index,
+		leaf,
+		record,
+		children: expand.expandRowByClick ? /* @__PURE__ */ jsx("span", {
+			onClick: (event) => event.stopPropagation(),
+			children: icon
+		}) : icon
+	});
+};
+const BodyCellInner = (props) => {
+	switch (props.leaf.column.source.kind) {
+		case "selection": return /* @__PURE__ */ jsx(SelectionBodyCell, { ...props });
+		case "expand": return /* @__PURE__ */ jsx(ExpandCell, { ...props });
+		default: return /* @__PURE__ */ jsx(DataCell, { ...props });
+	}
+};
+const BodyCell = memo(BodyCellInner);
+//#endregion
+export { BodyCell };
+
+//# sourceMappingURL=BodyCell.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BodyCell.mjs","names":[],"sources":["../../../src/Table/render/BodyCell.tsx"],"sourcesContent":["'use client';\n\nimport { type Key, memo, type ReactNode, useRef } from 'react';\n\nimport { getCellValue } from '../pipeline/columnUtils';\nimport { useRowExpanded } from '../store/hooks';\nimport type { TableCellAttributes, TableColumnType } from '../type';\nimport { type BodyCellProps, CellShell, isRenderedCell } from './CellShell';\nimport { useTableView } from './context';\nimport { SelectionBodyCell } from './SelectionCells';\n\nconst useCellRender = <T,>(\n  column: TableColumnType<T>,\n  record: T,\n  renderIndex: number,\n): [ReactNode, TableCellAttributes | undefined] => {\n  const cache = useRef<{ output: [ReactNode, TableCellAttributes | undefined]; record: T } | null>(\n    null,\n  );\n  if (\n    cache.current &&\n    column.shouldCellUpdate &&\n    !column.shouldCellUpdate(record, cache.current.record)\n  ) {\n    return cache.current.output;\n  }\n  const value = getCellValue(record, column);\n  let output: [ReactNode, TableCellAttributes | undefined];\n  if (column.render) {\n    const rendered = column.render(value, record, renderIndex);\n    output = isRenderedCell(rendered)\n      ? [rendered.children, rendered.props]\n      : [rendered as ReactNode, undefined];\n  } else {\n    output = [value as ReactNode, undefined];\n  }\n  cache.current = { output, record };\n  return output;\n};\n\nconst NestIcon = <T,>({\n  depth,\n  hasChildren,\n  record,\n  rowKey,\n}: {\n  depth: number;\n  hasChildren: boolean;\n  record: T;\n  rowKey: Key;\n}) => {\n  const { expand, prefixCls } = useTableView<T>();\n  const expanded = useRowExpanded(rowKey);\n  return (\n    <>\n      <span\n        className={`${prefixCls}-row-indent indent-level-${depth}`}\n        style={{ paddingLeft: `${expand.indentSize * depth}px` }}\n      />\n      {expand.expandIcon({\n        expandable: hasChildren,\n        expanded,\n        onExpand: (target) => expand.toggle(target),\n        prefixCls,\n        record,\n      })}\n    </>\n  );\n};\n\nconst DataCell = <T,>({\n  depth,\n  hasChildren,\n  index,\n  leaf,\n  record,\n  renderIndex,\n  rowKey,\n  withNestIcon,\n}: BodyCellProps<T>) => {\n  const column = leaf.column.source.column as TableColumnType<T>;\n  const [childNode, legacyCellProps] = useCellRender(column, record, renderIndex);\n  return (\n    <CellShell\n      index={index}\n      leaf={leaf}\n      legacyCellProps={legacyCellProps}\n      record={record}\n      appendNode={\n        withNestIcon ? (\n          <NestIcon depth={depth} hasChildren={hasChildren} record={record} rowKey={rowKey} />\n        ) : undefined\n      }\n    >\n      {childNode}\n    </CellShell>\n  );\n};\n\nconst ExpandCell = <T,>({ index, leaf, record, rowKey }: BodyCellProps<T>) => {\n  const { expand, prefixCls } = useTableView<T>();\n  const expanded = useRowExpanded(rowKey);\n  const icon = expand.expandIcon({\n    expandable: expand.rowExpandable ? expand.rowExpandable(record) : true,\n    expanded,\n    onExpand: (target) => expand.toggle(target),\n    prefixCls,\n    record,\n  });\n  return (\n    <CellShell index={index} leaf={leaf} record={record}>\n      {expand.expandRowByClick ? (\n        <span onClick={(event) => event.stopPropagation()}>{icon}</span>\n      ) : (\n        icon\n      )}\n    </CellShell>\n  );\n};\n\nconst BodyCellInner = <T,>(props: BodyCellProps<T>) => {\n  switch (props.leaf.column.source.kind) {\n    case 'selection': {\n      return <SelectionBodyCell {...props} />;\n    }\n    case 'expand': {\n      return <ExpandCell {...props} />;\n    }\n    default: {\n      return <DataCell {...props} />;\n    }\n  }\n};\n\nexport const BodyCell = memo(BodyCellInner) as typeof BodyCellInner;\n"],"mappings":";;;;;;;;;AAWA,MAAM,iBACJ,QACA,QACA,gBACiD;CACjD,MAAM,QAAQ,OACZ,IACF;CACA,IACE,MAAM,WACN,OAAO,oBACP,CAAC,OAAO,iBAAiB,QAAQ,MAAM,QAAQ,MAAM,GAErD,OAAO,MAAM,QAAQ;CAEvB,MAAM,QAAQ,aAAa,QAAQ,MAAM;CACzC,IAAI;CACJ,IAAI,OAAO,QAAQ;EACjB,MAAM,WAAW,OAAO,OAAO,OAAO,QAAQ,WAAW;EACzD,SAAS,eAAe,QAAQ,IAC5B,CAAC,SAAS,UAAU,SAAS,KAAK,IAClC,CAAC,UAAuB,KAAA,CAAS;CACvC,OACE,SAAS,CAAC,OAAoB,KAAA,CAAS;CAEzC,MAAM,UAAU;EAAE;EAAQ;CAAO;CACjC,OAAO;AACT;AAEA,MAAM,YAAgB,EACpB,OACA,aACA,QACA,aAMI;CACJ,MAAM,EAAE,QAAQ,cAAc,aAAgB;CAC9C,MAAM,WAAW,eAAe,MAAM;CACtC,OACE,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,QAAD;EACE,WAAW,GAAG,UAAU,2BAA2B;EACnD,OAAO,EAAE,aAAa,GAAG,OAAO,aAAa,MAAM,IAAI;CACxD,CAAA,GACA,OAAO,WAAW;EACjB,YAAY;EACZ;EACA,WAAW,WAAW,OAAO,OAAO,MAAM;EAC1C;EACA;CACF,CAAC,CACD,EAAA,CAAA;AAEN;AAEA,MAAM,YAAgB,EACpB,OACA,aACA,OACA,MACA,QACA,aACA,QACA,mBACsB;CACtB,MAAM,SAAS,KAAK,OAAO,OAAO;CAClC,MAAM,CAAC,WAAW,mBAAmB,cAAc,QAAQ,QAAQ,WAAW;CAC9E,OACE,oBAAC,WAAD;EACS;EACD;EACW;EACT;EACR,YACE,eACE,oBAAC,UAAD;GAAiB;GAAoB;GAAqB;GAAgB;EAAS,CAAA,IACjF,KAAA;EAGL,UAAA;CACQ,CAAA;AAEf;AAEA,MAAM,cAAkB,EAAE,OAAO,MAAM,QAAQ,aAA+B;CAC5E,MAAM,EAAE,QAAQ,cAAc,aAAgB;CAC9C,MAAM,WAAW,eAAe,MAAM;CACtC,MAAM,OAAO,OAAO,WAAW;EAC7B,YAAY,OAAO,gBAAgB,OAAO,cAAc,MAAM,IAAI;EAClE;EACA,WAAW,WAAW,OAAO,OAAO,MAAM;EAC1C;EACA;CACF,CAAC;CACD,OACE,oBAAC,WAAD;EAAkB;EAAa;EAAc;EAC1C,UAAA,OAAO,mBACN,oBAAC,QAAD;GAAM,UAAU,UAAU,MAAM,gBAAgB;GAAI,UAAA;EAAW,CAAA,IAE/D;CAEO,CAAA;AAEf;AAEA,MAAM,iBAAqB,UAA4B;CACrD,QAAQ,MAAM,KAAK,OAAO,OAAO,MAAjC;EACE,KAAK,aACH,OAAO,oBAAC,mBAAD,EAAmB,GAAI,MAAQ,CAAA;EAExC,KAAK,UACH,OAAO,oBAAC,YAAD,EAAY,GAAI,MAAQ,CAAA;EAEjC,SACE,OAAO,oBAAC,UAAD,EAAU,GAAI,MAAQ,CAAA;CAEjC;AACF;AAEA,MAAa,WAAW,KAAK,aAAa"}

package/es/Table/render/CellShell.mjs

@@ -0,0 +1,84 @@
+"use client";
+import { TableCell } from "../atoms/cells.mjs";
+import { VirtualCellContext, useTableView } from "./context.mjs";
+import { useCellHovered, useColumnSorted, useTableStoreInstance } from "../store/hooks.mjs";
+import { isValidElement, use } from "react";
+import { jsx } from "react/jsx-runtime";
+import clsx$1 from "clsx";
+//#region src/Table/render/CellShell.tsx
+const NO_HOVER = [-1, -1];
+const isRenderedCell = (value) => typeof value === "object" && value !== null && !Array.isArray(value) && !isValidElement(value);
+const CellShell = ({ appendNode, children, className, index, leaf, legacyCellProps, record }) => {
+	const view = useTableView();
+	const store = useTableStoreInstance();
+	const column = leaf.column.source.column;
+	const sorted = useColumnSorted(leaf.column.source.id);
+	const additional = { ...column.onCell?.(record, index) };
+	const colSpan = legacyCellProps?.colSpan ?? additional.colSpan ?? 1;
+	const rowSpan = legacyCellProps?.rowSpan ?? additional.rowSpan ?? 1;
+	const hoverSpan = legacyCellProps?.rowSpan ?? rowSpan;
+	const hovered = useCellHovered(index, hoverSpan);
+	const { getHeight, inverse } = use(VirtualCellContext);
+	const { components, prefixCls, rowHoverable, semanticClassNames, semanticStyles, virtualWidths } = view;
+	const hidden = virtualWidths ? inverse ? rowSpan <= 1 : colSpan === 0 || rowSpan === 0 || rowSpan > 1 : false;
+	if (!virtualWidths && (colSpan === 0 || rowSpan === 0)) return null;
+	const { className: additionalClassName, style: additionalStyle, ...additionalRest } = additional;
+	const onMouseEnter = (event) => {
+		store.setState({ hover: [index, index + hoverSpan - 1] });
+		additional.onMouseEnter?.(event);
+	};
+	const onMouseLeave = (event) => {
+		store.setState({ hover: NO_HOVER });
+		additional.onMouseLeave?.(event);
+	};
+	let content = hidden ? null : children;
+	if (typeof content === "object" && content !== null && !Array.isArray(content) && !isValidElement(content)) content = null;
+	const { fixedInfo } = leaf;
+	let virtualStyle;
+	if (virtualWidths) {
+		let width = 0;
+		for (let offset = 0; offset < (colSpan || 1); offset += 1) width += virtualWidths[leaf.index + offset] ?? 0;
+		const ownWidth = virtualWidths[leaf.index] ?? 0;
+		virtualStyle = {
+			flex: `0 0 ${width}px`,
+			marginInlineEnd: colSpan > 1 ? ownWidth - width : void 0,
+			pointerEvents: "auto",
+			width: `${width}px`
+		};
+		if (hidden) virtualStyle.visibility = "hidden";
+		else if (inverse) virtualStyle.height = getHeight?.(rowSpan);
+	}
+	const style = {
+		...legacyCellProps?.style,
+		...additionalStyle,
+		...semanticStyles.body.cell,
+		...virtualStyle
+	};
+	return /* @__PURE__ */ jsx(TableCell, {
+		...legacyCellProps,
+		...additionalRest,
+		align: column.align,
+		appendNode,
+		colSpan: virtualWidths ? 1 : colSpan,
+		component: column.rowScope ? components.bodyCell ?? "th" : components.bodyCell,
+		ellipsis: column.ellipsis,
+		fixEnd: fixedInfo.fixEnd,
+		fixStart: fixedInfo.fixStart,
+		hovered: !legacyCellProps && rowHoverable && hovered,
+		rowSpan: virtualWidths && !inverse ? 1 : rowSpan,
+		scope: column.rowScope,
+		shadowEnd: fixedInfo.shadowEnd,
+		shadowStart: fixedInfo.shadowStart,
+		style,
+		zIndex: fixedInfo.zIndex,
+		zIndexReverse: fixedInfo.zIndexReverse,
+		className: clsx$1(column.className, semanticClassNames.body.cell, sorted && `${prefixCls}-column-sort`, className, additionalClassName, legacyCellProps?.className),
+		onMouseEnter: rowHoverable ? onMouseEnter : additional.onMouseEnter,
+		onMouseLeave: rowHoverable ? onMouseLeave : additional.onMouseLeave,
+		children: content
+	});
+};
+//#endregion
+export { CellShell, isRenderedCell };
+
+//# sourceMappingURL=CellShell.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CellShell.mjs","names":["clsx"],"sources":["../../../src/Table/render/CellShell.tsx"],"sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport {\n  type CSSProperties,\n  isValidElement,\n  type Key,\n  type MouseEvent,\n  type ReactNode,\n  use,\n} from 'react';\n\nimport { TableCell } from '../atoms';\nimport type { LeafColumnModel } from '../engine/types';\nimport type { ColumnSource } from '../pipeline/normalizeColumns';\nimport { useCellHovered, useColumnSorted, useTableStoreInstance } from '../store/hooks';\nimport type { TableCellAttributes, TableColumnType, TableRenderedCell } from '../type';\nimport { useTableView, VirtualCellContext } from './context';\n\nexport interface BodyCellProps<T> {\n  colIndex: number;\n  depth: number;\n  hasChildren: boolean;\n  index: number;\n  leaf: LeafColumnModel<ColumnSource<T>>;\n  record: T;\n  renderIndex: number;\n  rowKey: Key;\n  withNestIcon: boolean;\n}\n\nconst NO_HOVER = [-1, -1] as const;\n\nexport const isRenderedCell = (value: unknown): value is TableRenderedCell =>\n  typeof value === 'object' && value !== null && !Array.isArray(value) && !isValidElement(value);\n\nexport interface CellShellProps<T> {\n  appendNode?: ReactNode;\n  children: ReactNode;\n  className?: string;\n  index: number;\n  leaf: LeafColumnModel<ColumnSource<T>>;\n  legacyCellProps?: TableCellAttributes;\n  record: T;\n}\n\nexport const CellShell = <T,>({\n  appendNode,\n  children,\n  className,\n  index,\n  leaf,\n  legacyCellProps,\n  record,\n}: CellShellProps<T>) => {\n  const view = useTableView<T>();\n  const store = useTableStoreInstance();\n  const column = leaf.column.source.column as TableColumnType<T>;\n  const sorted = useColumnSorted(leaf.column.source.id);\n  const additional: TableCellAttributes = { ...column.onCell?.(record, index) };\n\n  const colSpan = legacyCellProps?.colSpan ?? additional.colSpan ?? 1;\n  const rowSpan = legacyCellProps?.rowSpan ?? additional.rowSpan ?? 1;\n  const hoverSpan = legacyCellProps?.rowSpan ?? rowSpan;\n  const hovered = useCellHovered(index, hoverSpan);\n  const { getHeight, inverse } = use(VirtualCellContext);\n  const { components, prefixCls, rowHoverable, semanticClassNames, semanticStyles, virtualWidths } =\n    view;\n\n  const hidden = virtualWidths\n    ? inverse\n      ? rowSpan <= 1\n      : colSpan === 0 || rowSpan === 0 || rowSpan > 1\n    : false;\n  if (!virtualWidths && (colSpan === 0 || rowSpan === 0)) return null;\n\n  const { className: additionalClassName, style: additionalStyle, ...additionalRest } = additional;\n  const onMouseEnter = (event: MouseEvent<HTMLTableCellElement>) => {\n    store.setState({ hover: [index, index + hoverSpan - 1] });\n    additional.onMouseEnter?.(event);\n  };\n  const onMouseLeave = (event: MouseEvent<HTMLTableCellElement>) => {\n    store.setState({ hover: NO_HOVER });\n    additional.onMouseLeave?.(event);\n  };\n\n  let content = hidden ? null : children;\n  if (\n    typeof content === 'object' &&\n    content !== null &&\n    !Array.isArray(content) &&\n    !isValidElement(content)\n  ) {\n    content = null;\n  }\n\n  const { fixedInfo } = leaf;\n  let virtualStyle: CSSProperties | undefined;\n  if (virtualWidths) {\n    let width = 0;\n    for (let offset = 0; offset < (colSpan || 1); offset += 1) {\n      width += virtualWidths[leaf.index + offset] ?? 0;\n    }\n    const ownWidth = virtualWidths[leaf.index] ?? 0;\n    virtualStyle = {\n      flex: `0 0 ${width}px`,\n      marginInlineEnd: colSpan > 1 ? ownWidth - width : undefined,\n      pointerEvents: 'auto',\n      width: `${width}px`,\n    };\n    if (hidden) virtualStyle.visibility = 'hidden';\n    else if (inverse) virtualStyle.height = getHeight?.(rowSpan);\n  }\n  const style: CSSProperties = {\n    ...legacyCellProps?.style,\n    ...additionalStyle,\n    ...semanticStyles.body.cell,\n    ...virtualStyle,\n  };\n\n  return (\n    <TableCell\n      {...legacyCellProps}\n      {...(additionalRest as object)}\n      align={column.align}\n      appendNode={appendNode}\n      colSpan={virtualWidths ? 1 : colSpan}\n      component={column.rowScope ? (components.bodyCell ?? 'th') : components.bodyCell}\n      ellipsis={column.ellipsis}\n      fixEnd={fixedInfo.fixEnd}\n      fixStart={fixedInfo.fixStart}\n      hovered={!legacyCellProps && rowHoverable && hovered}\n      rowSpan={virtualWidths && !inverse ? 1 : rowSpan}\n      scope={column.rowScope}\n      shadowEnd={fixedInfo.shadowEnd}\n      shadowStart={fixedInfo.shadowStart}\n      style={style}\n      zIndex={fixedInfo.zIndex}\n      zIndexReverse={fixedInfo.zIndexReverse}\n      className={clsx(\n        column.className,\n        semanticClassNames.body.cell,\n        sorted && `${prefixCls}-column-sort`,\n        className,\n        additionalClassName,\n        legacyCellProps?.className,\n      )}\n      onMouseEnter={rowHoverable ? onMouseEnter : additional.onMouseEnter}\n      onMouseLeave={rowHoverable ? onMouseLeave : additional.onMouseLeave}\n    >\n      {content}\n    </TableCell>\n  );\n};\n"],"mappings":";;;;;;;;AA+BA,MAAM,WAAW,CAAC,IAAI,EAAE;AAExB,MAAa,kBAAkB,UAC7B,OAAO,UAAU,YAAY,UAAU,QAAQ,CAAC,MAAM,QAAQ,KAAK,KAAK,CAAC,eAAe,KAAK;AAY/F,MAAa,aAAiB,EAC5B,YACA,UACA,WACA,OACA,MACA,iBACA,aACuB;CACvB,MAAM,OAAO,aAAgB;CAC7B,MAAM,QAAQ,sBAAsB;CACpC,MAAM,SAAS,KAAK,OAAO,OAAO;CAClC,MAAM,SAAS,gBAAgB,KAAK,OAAO,OAAO,EAAE;CACpD,MAAM,aAAkC,EAAE,GAAG,OAAO,SAAS,QAAQ,KAAK,EAAE;CAE5E,MAAM,UAAU,iBAAiB,WAAW,WAAW,WAAW;CAClE,MAAM,UAAU,iBAAiB,WAAW,WAAW,WAAW;CAClE,MAAM,YAAY,iBAAiB,WAAW;CAC9C,MAAM,UAAU,eAAe,OAAO,SAAS;CAC/C,MAAM,EAAE,WAAW,YAAY,IAAI,kBAAkB;CACrD,MAAM,EAAE,YAAY,WAAW,cAAc,oBAAoB,gBAAgB,kBAC/E;CAEF,MAAM,SAAS,gBACX,UACE,WAAW,IACX,YAAY,KAAK,YAAY,KAAK,UAAU,IAC9C;CACJ,IAAI,CAAC,kBAAkB,YAAY,KAAK,YAAY,IAAI,OAAO;CAE/D,MAAM,EAAE,WAAW,qBAAqB,OAAO,iBAAiB,GAAG,mBAAmB;CACtF,MAAM,gBAAgB,UAA4C;EAChE,MAAM,SAAS,EAAE,OAAO,CAAC,OAAO,QAAQ,YAAY,CAAC,EAAE,CAAC;EACxD,WAAW,eAAe,KAAK;CACjC;CACA,MAAM,gBAAgB,UAA4C;EAChE,MAAM,SAAS,EAAE,OAAO,SAAS,CAAC;EAClC,WAAW,eAAe,KAAK;CACjC;CAEA,IAAI,UAAU,SAAS,OAAO;CAC9B,IACE,OAAO,YAAY,YACnB,YAAY,QACZ,CAAC,MAAM,QAAQ,OAAO,KACtB,CAAC,eAAe,OAAO,GAEvB,UAAU;CAGZ,MAAM,EAAE,cAAc;CACtB,IAAI;CACJ,IAAI,eAAe;EACjB,IAAI,QAAQ;EACZ,KAAK,IAAI,SAAS,GAAG,UAAU,WAAW,IAAI,UAAU,GACtD,SAAS,cAAc,KAAK,QAAQ,WAAW;EAEjD,MAAM,WAAW,cAAc,KAAK,UAAU;EAC9C,eAAe;GACb,MAAM,OAAO,MAAM;GACnB,iBAAiB,UAAU,IAAI,WAAW,QAAQ,KAAA;GAClD,eAAe;GACf,OAAO,GAAG,MAAM;EAClB;EACA,IAAI,QAAQ,aAAa,aAAa;OACjC,IAAI,SAAS,aAAa,SAAS,YAAY,OAAO;CAC7D;CACA,MAAM,QAAuB;EAC3B,GAAG,iBAAiB;EACpB,GAAG;EACH,GAAG,eAAe,KAAK;EACvB,GAAG;CACL;CAEA,OACE,oBAAC,WAAD;EACE,GAAI;EACJ,GAAK;EACL,OAAO,OAAO;EACF;EACZ,SAAS,gBAAgB,IAAI;EAC7B,WAAW,OAAO,WAAY,WAAW,YAAY,OAAQ,WAAW;EACxE,UAAU,OAAO;EACjB,QAAQ,UAAU;EAClB,UAAU,UAAU;EACpB,SAAS,CAAC,mBAAmB,gBAAgB;EAC7C,SAAS,iBAAiB,CAAC,UAAU,IAAI;EACzC,OAAO,OAAO;EACd,WAAW,UAAU;EACrB,aAAa,UAAU;EAChB;EACP,QAAQ,UAAU;EAClB,eAAe,UAAU;EACzB,WAAWA,OACT,OAAO,WACP,mBAAmB,KAAK,MACxB,UAAU,GAAG,UAAU,eACvB,WACA,qBACA,iBAAiB,SACnB;EACA,cAAc,eAAe,eAAe,WAAW;EACvD,cAAc,eAAe,eAAe,WAAW;EAEtD,UAAA;CACQ,CAAA;AAEf"}

package/es/Table/render/ExpandIcon.mjs

@@ -0,0 +1,28 @@
+"use client";
+import ActionIcon from "../../ActionIcon/ActionIcon.mjs";
+import { jsx } from "react/jsx-runtime";
+import clsx$1 from "clsx";
+import { ChevronDown, ChevronRight } from "lucide-react";
+//#region src/Table/render/ExpandIcon.tsx
+const renderExpandIcon = ({ expandable, expanded, onExpand, prefixCls, record }, locale) => {
+	const iconCls = `${prefixCls}-row-expand-icon`;
+	if (!expandable) return /* @__PURE__ */ jsx("span", {
+		"aria-hidden": "true",
+		className: clsx$1(iconCls, `${iconCls}-spaced`)
+	});
+	return /* @__PURE__ */ jsx(ActionIcon, {
+		"aria-expanded": expanded,
+		"aria-label": expanded ? locale.collapse : locale.expand,
+		className: clsx$1(iconCls, expanded ? `${iconCls}-expanded` : `${iconCls}-collapsed`),
+		icon: expanded ? ChevronDown : ChevronRight,
+		size: "small",
+		onClick: (event) => {
+			onExpand(record, event);
+			event.stopPropagation();
+		}
+	});
+};
+//#endregion
+export { renderExpandIcon as default };
+
+//# sourceMappingURL=ExpandIcon.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandIcon.mjs","names":["clsx"],"sources":["../../../src/Table/render/ExpandIcon.tsx"],"sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport { ChevronDown, ChevronRight } from 'lucide-react';\nimport type { MouseEvent, ReactNode } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\n\nimport type { TableExpandIconProps, TableLocale } from '../type';\n\nconst renderExpandIcon = <T,>(\n  { expandable, expanded, onExpand, prefixCls, record }: TableExpandIconProps<T>,\n  locale: Pick<TableLocale, 'collapse' | 'expand'>,\n): ReactNode => {\n  const iconCls = `${prefixCls}-row-expand-icon`;\n  if (!expandable) {\n    return <span aria-hidden=\"true\" className={clsx(iconCls, `${iconCls}-spaced`)} />;\n  }\n  return (\n    <ActionIcon\n      aria-expanded={expanded}\n      aria-label={expanded ? locale.collapse : locale.expand}\n      className={clsx(iconCls, expanded ? `${iconCls}-expanded` : `${iconCls}-collapsed`)}\n      icon={expanded ? ChevronDown : ChevronRight}\n      size=\"small\"\n      onClick={(event) => {\n        onExpand(record, event as unknown as MouseEvent<HTMLElement>);\n        event.stopPropagation();\n      }}\n    />\n  );\n};\n\nexport default renderExpandIcon;\n"],"mappings":";;;;;;AAUA,MAAM,oBACJ,EAAE,YAAY,UAAU,UAAU,WAAW,UAC7C,WACc;CACd,MAAM,UAAU,GAAG,UAAU;CAC7B,IAAI,CAAC,YACH,OAAO,oBAAC,QAAD;EAAM,eAAY;EAAO,WAAWA,OAAK,SAAS,GAAG,QAAQ,QAAQ;CAAI,CAAA;CAElF,OACE,oBAAC,YAAD;EACE,iBAAe;EACf,cAAY,WAAW,OAAO,WAAW,OAAO;EAChD,WAAWA,OAAK,SAAS,WAAW,GAAG,QAAQ,aAAa,GAAG,QAAQ,WAAW;EAClF,MAAM,WAAW,cAAc;EAC/B,MAAK;EACL,UAAU,UAAU;GAClB,SAAS,QAAQ,KAA2C;GAC5D,MAAM,gBAAgB;EACxB;CACD,CAAA;AAEL"}