@lobehub/ui 5.64.2 → 6.0.0-beta.10

package/es/Table/render/SelectionCells.mjs

@@ -0,0 +1,111 @@
+"use client";
+import ActionIcon from "../../ActionIcon/ActionIcon.mjs";
+import DropdownMenu from "../../DropdownMenu/DropdownMenu.mjs";
+import Checkbox_default from "../../Checkbox/Checkbox.mjs";
+import Radio from "../../Radio/Radio.mjs";
+import { PREFIX_CLS } from "../constants.mjs";
+import { useSelectionView } from "./context.mjs";
+import { styles } from "../style.mjs";
+import { useRowHalfSelected, useRowSelected, useSelectionSummary } from "../store/hooks.mjs";
+import { CellShell, isRenderedCell } from "./CellShell.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx$1 from "clsx";
+import * as stylex from "@stylexjs/stylex";
+import { ChevronDown } from "lucide-react";
+import { RadioGroup } from "@base-ui/react/radio-group";
+//#region src/Table/render/SelectionCells.tsx
+const SelectionBodyCell = ({ index, leaf, record, renderIndex, rowKey }) => {
+	const selection = useSelectionView();
+	const checked = useRowSelected(rowKey);
+	const halfChecked = useRowHalfSelected(rowKey);
+	const checkboxProps = selection.checkboxPropsMap.get(rowKey) || {};
+	const { onChange: onBoxChange, onClick: onBoxClick, ...boxProps } = checkboxProps;
+	const handleClick = (event) => {
+		event.stopPropagation();
+		onBoxClick?.(event);
+	};
+	let node;
+	if (selection.type === "radio") {
+		const { classNames: _classNames, indeterminate: _indeterminate, shape: _shape, styles: _styles, ...radioProps } = boxProps;
+		node = /* @__PURE__ */ jsx(RadioGroup, {
+			className: stylex.props(styles.selectionRadioGroup).className,
+			value: checked ? "selected" : null,
+			onValueChange: (_value, details) => {
+				selection.actions.selectRadio(rowKey, details.event);
+				onBoxChange?.(true);
+			},
+			children: /* @__PURE__ */ jsx(Radio, {
+				"aria-label": `Select row ${renderIndex + 1}`,
+				...radioProps,
+				value: "selected",
+				onClick: handleClick
+			})
+		});
+	} else {
+		const indeterminate = selection.expandType === "nest" ? halfChecked : checkboxProps.indeterminate ?? halfChecked;
+		node = /* @__PURE__ */ jsx(Checkbox_default, {
+			"aria-label": checked ? `Row ${renderIndex + 1} selected` : `Select row ${renderIndex + 1}`,
+			...boxProps,
+			checked,
+			indeterminate,
+			onClick: handleClick,
+			onChange: (_next, details) => {
+				selection.actions.toggleCheckbox(rowKey, checked, details?.event);
+				onBoxChange?.(!checked);
+			}
+		});
+	}
+	const custom = selection.renderCell ? selection.renderCell(checked, record, renderIndex, node) : node;
+	const [childNode, legacyCellProps] = isRenderedCell(custom) ? [custom.children, custom.props] : [custom, void 0];
+	return /* @__PURE__ */ jsx(CellShell, {
+		index,
+		leaf,
+		legacyCellProps,
+		record,
+		children: childNode
+	});
+};
+const SelectionHeaderTitle = () => {
+	const selection = useSelectionView();
+	const summary = useSelectionSummary();
+	if (selection.type === "radio") return typeof selection.title === "function" ? selection.title(null) : selection.title ?? null;
+	const customizeSelections = selection.selections ? /* @__PURE__ */ jsx("div", {
+		className: clsx$1(stylex.props(styles.selectionExtra).className, `${PREFIX_CLS}-selection-extra`),
+		children: /* @__PURE__ */ jsx(DropdownMenu, {
+			items: selection.selections.map(({ key, onSelect, text }) => ({
+				key,
+				label: text,
+				onClick: onSelect
+			})),
+			children: /* @__PURE__ */ jsx(ActionIcon, {
+				"aria-label": "Selection options",
+				className: stylex.props(styles.selectionTrigger).className,
+				icon: ChevronDown,
+				size: "small"
+			})
+		})
+	}) : null;
+	const { disabled: titleDisabled, onChange: onTitleChange, ...titleCheckboxProps } = selection.getTitleCheckboxProps?.() || {};
+	const { locale } = selection;
+	const checkbox = /* @__PURE__ */ jsx(Checkbox_default, {
+		"aria-label": customizeSelections ? "Custom selection" : typeof locale.selectAll === "string" ? locale.selectAll : void 0,
+		...titleCheckboxProps,
+		checked: summary.checked,
+		disabled: titleDisabled ?? summary.disabled,
+		indeterminate: summary.indeterminate,
+		onChange: (next) => {
+			selection.actions.selectAll();
+			onTitleChange?.(next);
+		}
+	});
+	if (selection.title) return typeof selection.title === "function" ? selection.title(checkbox) : selection.title;
+	if (selection.hideSelectAll) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: clsx$1(stylex.props(styles.selection).className, `${PREFIX_CLS}-selection`),
+		children: [checkbox, customizeSelections]
+	});
+};
+//#endregion
+export { SelectionBodyCell, SelectionHeaderTitle };
+
+//# sourceMappingURL=SelectionCells.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionCells.mjs","names":["BaseRadioGroup","Checkbox","clsx"],"sources":["../../../src/Table/render/SelectionCells.tsx"],"sourcesContent":["'use client';\n\nimport { RadioGroup as BaseRadioGroup } from '@base-ui/react/radio-group';\nimport * as stylex from '@stylexjs/stylex';\nimport clsx from 'clsx';\nimport { ChevronDown } from 'lucide-react';\nimport type { MouseEvent, ReactNode } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport { Checkbox } from '@/Checkbox';\nimport DropdownMenu from '@/DropdownMenu';\nimport { Radio } from '@/Radio';\n\nimport { PREFIX_CLS } from '../constants';\nimport { useRowHalfSelected, useRowSelected, useSelectionSummary } from '../store/hooks';\nimport { styles } from '../style';\nimport type { TableCellAttributes } from '../type';\nimport { type BodyCellProps, CellShell, isRenderedCell } from './CellShell';\nimport { useSelectionView } from './context';\n\nexport const SelectionBodyCell = <T,>({\n  index,\n  leaf,\n  record,\n  renderIndex,\n  rowKey,\n}: BodyCellProps<T>) => {\n  const selection = useSelectionView<T>();\n  const checked = useRowSelected(rowKey);\n  const halfChecked = useRowHalfSelected(rowKey);\n  const checkboxProps = selection.checkboxPropsMap.get(rowKey) || {};\n  const { onChange: onBoxChange, onClick: onBoxClick, ...boxProps } = checkboxProps;\n  const handleClick = (event: MouseEvent<HTMLElement>) => {\n    event.stopPropagation();\n    (onBoxClick as ((event: MouseEvent<HTMLElement>) => void) | undefined)?.(event);\n  };\n\n  let node: ReactNode;\n  if (selection.type === 'radio') {\n    const {\n      classNames: _classNames,\n      indeterminate: _indeterminate,\n      shape: _shape,\n      styles: _styles,\n      ...radioProps\n    } = boxProps;\n    node = (\n      <BaseRadioGroup\n        className={stylex.props(styles.selectionRadioGroup).className}\n        value={checked ? 'selected' : null}\n        onValueChange={(_value, details) => {\n          selection.actions.selectRadio(rowKey, details.event as Event);\n          onBoxChange?.(true);\n        }}\n      >\n        <Radio\n          aria-label={`Select row ${renderIndex + 1}`}\n          {...(radioProps as object)}\n          value=\"selected\"\n          onClick={handleClick}\n        />\n      </BaseRadioGroup>\n    );\n  } else {\n    const indeterminate =\n      selection.expandType === 'nest' ? halfChecked : (checkboxProps.indeterminate ?? halfChecked);\n    node = (\n      <Checkbox\n        aria-label={checked ? `Row ${renderIndex + 1} selected` : `Select row ${renderIndex + 1}`}\n        {...boxProps}\n        checked={checked}\n        indeterminate={indeterminate}\n        onClick={handleClick}\n        onChange={(_next: boolean, details?: { event?: Event }) => {\n          selection.actions.toggleCheckbox(rowKey, checked, details?.event);\n          onBoxChange?.(!checked);\n        }}\n      />\n    );\n  }\n\n  const custom = selection.renderCell\n    ? selection.renderCell(checked, record, renderIndex, node)\n    : node;\n  const [childNode, legacyCellProps] = isRenderedCell(custom)\n    ? [custom.children, custom.props as TableCellAttributes | undefined]\n    : [custom as ReactNode, undefined];\n\n  return (\n    <CellShell index={index} leaf={leaf} legacyCellProps={legacyCellProps} record={record}>\n      {childNode}\n    </CellShell>\n  );\n};\n\nexport const SelectionHeaderTitle = () => {\n  const selection = useSelectionView();\n  const summary = useSelectionSummary();\n  if (selection.type === 'radio') {\n    return typeof selection.title === 'function'\n      ? selection.title(null)\n      : (selection.title ?? null);\n  }\n\n  const customizeSelections = selection.selections ? (\n    <div\n      className={clsx(\n        stylex.props(styles.selectionExtra).className,\n        `${PREFIX_CLS}-selection-extra`,\n      )}\n    >\n      <DropdownMenu\n        items={selection.selections.map(({ key, onSelect, text }) => ({\n          key,\n          label: text,\n          onClick: onSelect,\n        }))}\n      >\n        <ActionIcon\n          aria-label=\"Selection options\"\n          className={stylex.props(styles.selectionTrigger).className}\n          icon={ChevronDown}\n          size=\"small\"\n        />\n      </DropdownMenu>\n    </div>\n  ) : null;\n\n  const {\n    disabled: titleDisabled,\n    onChange: onTitleChange,\n    ...titleCheckboxProps\n  } = selection.getTitleCheckboxProps?.() || {};\n  const { locale } = selection;\n  const checkbox = (\n    <Checkbox\n      aria-label={\n        customizeSelections\n          ? 'Custom selection'\n          : typeof locale.selectAll === 'string'\n            ? locale.selectAll\n            : undefined\n      }\n      {...titleCheckboxProps}\n      checked={summary.checked}\n      disabled={titleDisabled ?? summary.disabled}\n      indeterminate={summary.indeterminate}\n      onChange={(next) => {\n        selection.actions.selectAll();\n        onTitleChange?.(next);\n      }}\n    />\n  );\n\n  if (selection.title) {\n    return typeof selection.title === 'function' ? selection.title(checkbox) : selection.title;\n  }\n  if (selection.hideSelectAll) return null;\n  return (\n    <div className={clsx(stylex.props(styles.selection).className, `${PREFIX_CLS}-selection`)}>\n      {checkbox}\n      {customizeSelections}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/es/Table/render/StickyScrollBar.mjs

@@ -0,0 +1,99 @@
+"use client";
+import { useEffect, useImperativeHandle, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import clsx$1 from "clsx";
+//#region src/Table/render/StickyScrollBar.tsx
+const getContainerBottom = (container) => container === window ? window.innerHeight : container.getBoundingClientRect().bottom;
+const StickyScrollBar = ({ bodyRef, container, offsetScroll, onScroll, prefixCls, ref }) => {
+	const [state, setState] = useState({
+		hidden: true,
+		scrollLeft: 0
+	});
+	const dragRef = useRef(null);
+	const body = bodyRef.current;
+	const scrollWidth = body?.scrollWidth ?? 0;
+	const clientWidth = body?.clientWidth ?? 0;
+	const barWidth = scrollWidth ? clientWidth * (clientWidth / scrollWidth) : 0;
+	const barLeft = scrollWidth ? state.scrollLeft / scrollWidth * clientWidth : 0;
+	const checkVisible = () => {
+		const element = bodyRef.current;
+		if (!element) return;
+		const rect = element.getBoundingClientRect();
+		const bottom = getContainerBottom(container);
+		const hidden = element.scrollWidth <= element.clientWidth || rect.bottom - offsetScroll <= bottom || rect.top >= bottom - offsetScroll;
+		setState((previous) => previous.hidden === hidden && previous.scrollLeft === element.scrollLeft ? previous : {
+			hidden,
+			scrollLeft: element.scrollLeft
+		});
+	};
+	useImperativeHandle(ref, () => ({
+		checkVisible,
+		setScrollLeft: (left) => setState((previous) => previous.scrollLeft === left ? previous : {
+			...previous,
+			scrollLeft: left
+		})
+	}));
+	useEffect(() => {
+		const onChange = () => checkVisible();
+		container.addEventListener("scroll", onChange, false);
+		window.addEventListener("resize", onChange, false);
+		onChange();
+		return () => {
+			container.removeEventListener("scroll", onChange, false);
+			window.removeEventListener("resize", onChange, false);
+		};
+	}, [container, offsetScroll]);
+	useEffect(() => {
+		const onMove = (event) => {
+			const drag = dragRef.current;
+			const element = bodyRef.current;
+			if (!drag || !element || !clientWidth) return;
+			const left = drag.left + (event.pageX - drag.x);
+			const max = element.scrollWidth - element.clientWidth;
+			onScroll({
+				currentTarget: element,
+				scrollLeft: Math.min(Math.max(left / clientWidth * element.scrollWidth, 0), max)
+			});
+		};
+		const onUp = () => {
+			dragRef.current = null;
+		};
+		document.addEventListener("mousemove", onMove);
+		document.addEventListener("mouseup", onUp);
+		return () => {
+			document.removeEventListener("mousemove", onMove);
+			document.removeEventListener("mouseup", onUp);
+		};
+	}, [
+		bodyRef,
+		clientWidth,
+		onScroll
+	]);
+	if (state.hidden || scrollWidth <= clientWidth || !barWidth) return null;
+	const onMouseDown = (event) => {
+		dragRef.current = {
+			left: barLeft,
+			x: event.pageX
+		};
+		event.preventDefault();
+	};
+	return /* @__PURE__ */ jsx("div", {
+		className: `${prefixCls}-sticky-scroll`,
+		style: {
+			bottom: offsetScroll,
+			width: clientWidth
+		},
+		children: /* @__PURE__ */ jsx("div", {
+			style: {
+				transform: `translate3d(${barLeft}px, 0, 0)`,
+				width: `${barWidth}px`
+			},
+			className: clsx$1(`${prefixCls}-sticky-scroll-bar`, dragRef.current && `${prefixCls}-sticky-scroll-bar-active`),
+			onMouseDown
+		})
+	});
+};
+//#endregion
+export { StickyScrollBar as default };
+
+//# sourceMappingURL=StickyScrollBar.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StickyScrollBar.mjs","names":["clsx"],"sources":["../../../src/Table/render/StickyScrollBar.tsx"],"sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport {\n  type MouseEvent as ReactMouseEvent,\n  type Ref,\n  type RefObject,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n} from 'react';\n\nexport interface StickyScrollBarApi {\n  checkVisible: () => void;\n  setScrollLeft: (left: number) => void;\n}\n\ninterface StickyScrollBarProps {\n  bodyRef: RefObject<HTMLElement | null>;\n  container: HTMLElement | Window;\n  offsetScroll: number;\n  onScroll: (info: { currentTarget: HTMLElement; scrollLeft: number }) => void;\n  prefixCls: string;\n  ref?: Ref<StickyScrollBarApi>;\n}\n\nconst getContainerBottom = (container: HTMLElement | Window) =>\n  container === window\n    ? window.innerHeight\n    : (container as HTMLElement).getBoundingClientRect().bottom;\n\nconst StickyScrollBar = ({\n  bodyRef,\n  container,\n  offsetScroll,\n  onScroll,\n  prefixCls,\n  ref,\n}: StickyScrollBarProps) => {\n  const [state, setState] = useState({ hidden: true, scrollLeft: 0 });\n  const dragRef = useRef<{ left: number; x: number } | null>(null);\n\n  const body = bodyRef.current;\n  const scrollWidth = body?.scrollWidth ?? 0;\n  const clientWidth = body?.clientWidth ?? 0;\n  const barWidth = scrollWidth ? clientWidth * (clientWidth / scrollWidth) : 0;\n  const barLeft = scrollWidth ? (state.scrollLeft / scrollWidth) * clientWidth : 0;\n\n  const checkVisible = () => {\n    const element = bodyRef.current;\n    if (!element) return;\n    const rect = element.getBoundingClientRect();\n    const bottom = getContainerBottom(container);\n    const hidden =\n      element.scrollWidth <= element.clientWidth ||\n      rect.bottom - offsetScroll <= bottom ||\n      rect.top >= bottom - offsetScroll;\n    setState((previous) =>\n      previous.hidden === hidden && previous.scrollLeft === element.scrollLeft\n        ? previous\n        : { hidden, scrollLeft: element.scrollLeft },\n    );\n  };\n\n  useImperativeHandle(ref, () => ({\n    checkVisible,\n    setScrollLeft: (left: number) =>\n      setState((previous) =>\n        previous.scrollLeft === left ? previous : { ...previous, scrollLeft: left },\n      ),\n  }));\n\n  useEffect(() => {\n    const onChange = () => checkVisible();\n    container.addEventListener('scroll', onChange, false);\n    window.addEventListener('resize', onChange, false);\n    onChange();\n    return () => {\n      container.removeEventListener('scroll', onChange, false);\n      window.removeEventListener('resize', onChange, false);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [container, offsetScroll]);\n\n  useEffect(() => {\n    const onMove = (event: MouseEvent) => {\n      const drag = dragRef.current;\n      const element = bodyRef.current;\n      if (!drag || !element || !clientWidth) return;\n      const left = drag.left + (event.pageX - drag.x);\n      const max = element.scrollWidth - element.clientWidth;\n      const scrollLeft = Math.min(Math.max((left / clientWidth) * element.scrollWidth, 0), max);\n      onScroll({ currentTarget: element, scrollLeft });\n    };\n    const onUp = () => {\n      dragRef.current = null;\n    };\n    document.addEventListener('mousemove', onMove);\n    document.addEventListener('mouseup', onUp);\n    return () => {\n      document.removeEventListener('mousemove', onMove);\n      document.removeEventListener('mouseup', onUp);\n    };\n  }, [bodyRef, clientWidth, onScroll]);\n\n  if (state.hidden || scrollWidth <= clientWidth || !barWidth) return null;\n\n  const onMouseDown = (event: ReactMouseEvent<HTMLDivElement>) => {\n    dragRef.current = { left: barLeft, x: event.pageX };\n    event.preventDefault();\n  };\n\n  return (\n    <div\n      className={`${prefixCls}-sticky-scroll`}\n      style={{ bottom: offsetScroll, width: clientWidth }}\n    >\n      <div\n        style={{ transform: `translate3d(${barLeft}px, 0, 0)`, width: `${barWidth}px` }}\n        className={clsx(\n          `${prefixCls}-sticky-scroll-bar`,\n          dragRef.current && `${prefixCls}-sticky-scroll-bar-active`,\n        )}\n        onMouseDown={onMouseDown}\n      />\n    </div>\n  );\n};\n\nexport default StickyScrollBar;\n"],"mappings":";;;;;AA2BA,MAAM,sBAAsB,cAC1B,cAAc,SACV,OAAO,cACN,UAA0B,sBAAsB,CAAC,CAAC;AAEzD,MAAM,mBAAmB,EACvB,SACA,WACA,cACA,UACA,WACA,UAC0B;CAC1B,MAAM,CAAC,OAAO,YAAY,SAAS;EAAE,QAAQ;EAAM,YAAY;CAAE,CAAC;CAClE,MAAM,UAAU,OAA2C,IAAI;CAE/D,MAAM,OAAO,QAAQ;CACrB,MAAM,cAAc,MAAM,eAAe;CACzC,MAAM,cAAc,MAAM,eAAe;CACzC,MAAM,WAAW,cAAc,eAAe,cAAc,eAAe;CAC3E,MAAM,UAAU,cAAe,MAAM,aAAa,cAAe,cAAc;CAE/E,MAAM,qBAAqB;EACzB,MAAM,UAAU,QAAQ;EACxB,IAAI,CAAC,SAAS;EACd,MAAM,OAAO,QAAQ,sBAAsB;EAC3C,MAAM,SAAS,mBAAmB,SAAS;EAC3C,MAAM,SACJ,QAAQ,eAAe,QAAQ,eAC/B,KAAK,SAAS,gBAAgB,UAC9B,KAAK,OAAO,SAAS;EACvB,UAAU,aACR,SAAS,WAAW,UAAU,SAAS,eAAe,QAAQ,aAC1D,WACA;GAAE;GAAQ,YAAY,QAAQ;EAAW,CAC/C;CACF;CAEA,oBAAoB,YAAY;EAC9B;EACA,gBAAgB,SACd,UAAU,aACR,SAAS,eAAe,OAAO,WAAW;GAAE,GAAG;GAAU,YAAY;EAAK,CAC5E;CACJ,EAAE;CAEF,gBAAgB;EACd,MAAM,iBAAiB,aAAa;EACpC,UAAU,iBAAiB,UAAU,UAAU,KAAK;EACpD,OAAO,iBAAiB,UAAU,UAAU,KAAK;EACjD,SAAS;EACT,aAAa;GACX,UAAU,oBAAoB,UAAU,UAAU,KAAK;GACvD,OAAO,oBAAoB,UAAU,UAAU,KAAK;EACtD;CAEF,GAAG,CAAC,WAAW,YAAY,CAAC;CAE5B,gBAAgB;EACd,MAAM,UAAU,UAAsB;GACpC,MAAM,OAAO,QAAQ;GACrB,MAAM,UAAU,QAAQ;GACxB,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,aAAa;GACvC,MAAM,OAAO,KAAK,QAAQ,MAAM,QAAQ,KAAK;GAC7C,MAAM,MAAM,QAAQ,cAAc,QAAQ;GAE1C,SAAS;IAAE,eAAe;IAAS,YADhB,KAAK,IAAI,KAAK,IAAK,OAAO,cAAe,QAAQ,aAAa,CAAC,GAAG,GACzC;GAAE,CAAC;EACjD;EACA,MAAM,aAAa;GACjB,QAAQ,UAAU;EACpB;EACA,SAAS,iBAAiB,aAAa,MAAM;EAC7C,SAAS,iBAAiB,WAAW,IAAI;EACzC,aAAa;GACX,SAAS,oBAAoB,aAAa,MAAM;GAChD,SAAS,oBAAoB,WAAW,IAAI;EAC9C;CACF,GAAG;EAAC;EAAS;EAAa;CAAQ,CAAC;CAEnC,IAAI,MAAM,UAAU,eAAe,eAAe,CAAC,UAAU,OAAO;CAEpE,MAAM,eAAe,UAA2C;EAC9D,QAAQ,UAAU;GAAE,MAAM;GAAS,GAAG,MAAM;EAAM;EAClD,MAAM,eAAe;CACvB;CAEA,OACE,oBAAC,OAAD;EACE,WAAW,GAAG,UAAU;EACxB,OAAO;GAAE,QAAQ;GAAc,OAAO;EAAY;EAElD,UAAA,oBAAC,OAAD;GACE,OAAO;IAAE,WAAW,eAAe,QAAQ;IAAY,OAAO,GAAG,SAAS;GAAI;GAC9E,WAAWA,OACT,GAAG,UAAU,qBACb,QAAQ,WAAW,GAAG,UAAU,0BAClC;GACa;EACd,CAAA;CACE,CAAA;AAET"}

package/es/Table/render/Summary.d.mts

@@ -0,0 +1,16 @@
+import { TableSummaryCellProps, TableSummaryProps, TableSummaryRowProps } from "../type.mjs";
+import "../engine/types.mjs";
+import "../engine/fixed.mjs";
+import { ReactNode } from "react";
+//#region src/Table/render/Summary.d.ts
+declare const TableSummaryRoot: ({ children }: TableSummaryProps) => import("react").JSX.Element;
+declare const TableSummaryRow: (props: TableSummaryRowProps) => import("react").JSX.Element;
+declare const TableSummaryCell: ({ align, children, className, colSpan, index, rowSpan, scope, style }: TableSummaryCellProps) => import("react").JSX.Element;
+type TableSummaryComponent = typeof TableSummaryRoot & {
+  Cell: typeof TableSummaryCell;
+  Row: typeof TableSummaryRow;
+};
+export declare const TableSummary: TableSummaryComponent;
+//#endregion
+export {};
+//# sourceMappingURL=Summary.d.mts.map

package/es/Table/render/Summary.mjs

@@ -0,0 +1,58 @@
+"use client";
+import { TableCell } from "../atoms/cells.mjs";
+import { TableSummaryFoot } from "../atoms/layout.mjs";
+import { getFixedInfo } from "../engine/fixed.mjs";
+import { createContext, use, useMemo } from "react";
+import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
+//#region src/Table/render/Summary.tsx
+const SummaryContext = createContext(null);
+const SummaryProvider = SummaryContext.Provider;
+const TableSummaryRoot = ({ children }) => /* @__PURE__ */ jsx(Fragment$1, { children });
+const TableSummaryRow = (props) => /* @__PURE__ */ jsx("tr", { ...props });
+const TableSummaryCell = ({ align, children, className, colSpan = 1, index, rowSpan, scope, style }) => {
+	const summary = use(SummaryContext);
+	const mergedColSpan = summary?.scrollColumnIndex !== void 0 && index + colSpan === summary.scrollColumnIndex ? colSpan + 1 : colSpan;
+	const fixedInfo = summary ? getFixedInfo(index, index + mergedColSpan - 1, summary.leaves, summary.offsets) : void 0;
+	return /* @__PURE__ */ jsx(TableCell, {
+		align,
+		className,
+		colSpan: mergedColSpan,
+		fixEnd: fixedInfo?.fixEnd,
+		fixStart: fixedInfo?.fixStart,
+		rowSpan,
+		scope,
+		shadowEnd: fixedInfo?.shadowEnd,
+		shadowStart: fixedInfo?.shadowStart,
+		style,
+		zIndex: fixedInfo?.zIndex,
+		zIndexReverse: fixedInfo?.zIndexReverse,
+		children
+	});
+};
+const TableSummary = TableSummaryRoot;
+TableSummary.Row = TableSummaryRow;
+TableSummary.Cell = TableSummaryCell;
+const SummaryFooter = ({ children, scrollbar = 0 }) => {
+	const summary = use(SummaryContext);
+	const value = useMemo(() => {
+		if (!summary || !scrollbar) return summary;
+		const leaves = [...summary.leaves, { fixed: summary.leaves.at(-1)?.fixed }];
+		return {
+			leaves,
+			offsets: {
+				...summary.offsets,
+				end: [...summary.offsets.end.map((width) => width + scrollbar), 0],
+				widths: [...summary.offsets.widths, scrollbar]
+			},
+			scrollColumnIndex: leaves.length - 1
+		};
+	}, [summary, scrollbar]);
+	return /* @__PURE__ */ jsx(SummaryContext, {
+		value,
+		children: /* @__PURE__ */ jsx(TableSummaryFoot, { children })
+	});
+};
+//#endregion
+export { SummaryFooter, SummaryProvider, TableSummary };
+
+//# sourceMappingURL=Summary.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Summary.mjs","names":[],"sources":["../../../src/Table/render/Summary.tsx"],"sourcesContent":["'use client';\n\nimport { createContext, type ReactNode, use, useMemo } from 'react';\n\nimport { TableCell, TableSummaryFoot } from '../atoms';\nimport { getFixedInfo, type StickyOffsets } from '../engine/fixed';\nimport type { EngineColumn } from '../engine/types';\nimport type { TableSummaryCellProps, TableSummaryProps, TableSummaryRowProps } from '../type';\n\ninterface SummaryContextValue {\n  leaves: readonly Pick<EngineColumn, 'fixed'>[];\n  offsets: StickyOffsets;\n  scrollColumnIndex?: number;\n}\n\nconst SummaryContext = createContext<SummaryContextValue | null>(null);\n\nexport const SummaryProvider = SummaryContext.Provider;\n\nconst TableSummaryRoot = ({ children }: TableSummaryProps) => <>{children}</>;\n\nconst TableSummaryRow = (props: TableSummaryRowProps) => <tr {...props} />;\n\nconst TableSummaryCell = ({\n  align,\n  children,\n  className,\n  colSpan = 1,\n  index,\n  rowSpan,\n  scope,\n  style,\n}: TableSummaryCellProps) => {\n  const summary = use(SummaryContext);\n  const mergedColSpan =\n    summary?.scrollColumnIndex !== undefined && index + colSpan === summary.scrollColumnIndex\n      ? colSpan + 1\n      : colSpan;\n  const fixedInfo = summary\n    ? getFixedInfo(index, index + mergedColSpan - 1, summary.leaves, summary.offsets)\n    : undefined;\n  return (\n    <TableCell\n      align={align}\n      className={className}\n      colSpan={mergedColSpan}\n      fixEnd={fixedInfo?.fixEnd}\n      fixStart={fixedInfo?.fixStart}\n      rowSpan={rowSpan}\n      scope={scope}\n      shadowEnd={fixedInfo?.shadowEnd}\n      shadowStart={fixedInfo?.shadowStart}\n      style={style}\n      zIndex={fixedInfo?.zIndex}\n      zIndexReverse={fixedInfo?.zIndexReverse}\n    >\n      {children}\n    </TableCell>\n  );\n};\n\ntype TableSummaryComponent = typeof TableSummaryRoot & {\n  Cell: typeof TableSummaryCell;\n  Row: typeof TableSummaryRow;\n};\n\nexport const TableSummary = TableSummaryRoot as TableSummaryComponent;\nTableSummary.Row = TableSummaryRow;\nTableSummary.Cell = TableSummaryCell;\n\nexport const SummaryFooter = ({\n  children,\n  scrollbar = 0,\n}: {\n  children: ReactNode;\n  scrollbar?: number;\n}) => {\n  const summary = use(SummaryContext);\n  const value = useMemo(() => {\n    if (!summary || !scrollbar) return summary;\n    const leaves = [...summary.leaves, { fixed: summary.leaves.at(-1)?.fixed }];\n    return {\n      leaves,\n      offsets: {\n        ...summary.offsets,\n        end: [...summary.offsets.end.map((width) => width + scrollbar), 0],\n        widths: [...summary.offsets.widths, scrollbar],\n      },\n      scrollColumnIndex: leaves.length - 1,\n    };\n  }, [summary, scrollbar]);\n  return (\n    <SummaryContext value={value}>\n      <TableSummaryFoot>{children}</TableSummaryFoot>\n    </SummaryContext>\n  );\n};\n"],"mappings":";;;;;;;AAeA,MAAM,iBAAiB,cAA0C,IAAI;AAErE,MAAa,kBAAkB,eAAe;AAE9C,MAAM,oBAAoB,EAAE,eAAkC,oBAAA,YAAA,EAAG,SAAW,CAAA;AAE5E,MAAM,mBAAmB,UAAgC,oBAAC,MAAD,EAAI,GAAI,MAAQ,CAAA;AAEzE,MAAM,oBAAoB,EACxB,OACA,UACA,WACA,UAAU,GACV,OACA,SACA,OACA,YAC2B;CAC3B,MAAM,UAAU,IAAI,cAAc;CAClC,MAAM,gBACJ,SAAS,sBAAsB,KAAA,KAAa,QAAQ,YAAY,QAAQ,oBACpE,UAAU,IACV;CACN,MAAM,YAAY,UACd,aAAa,OAAO,QAAQ,gBAAgB,GAAG,QAAQ,QAAQ,QAAQ,OAAO,IAC9E,KAAA;CACJ,OACE,oBAAC,WAAD;EACS;EACI;EACX,SAAS;EACT,QAAQ,WAAW;EACnB,UAAU,WAAW;EACZ;EACF;EACP,WAAW,WAAW;EACtB,aAAa,WAAW;EACjB;EACP,QAAQ,WAAW;EACnB,eAAe,WAAW;EAEzB;CACQ,CAAA;AAEf;AAOA,MAAa,eAAe;AAC5B,aAAa,MAAM;AACnB,aAAa,OAAO;AAEpB,MAAa,iBAAiB,EAC5B,UACA,YAAY,QAIR;CACJ,MAAM,UAAU,IAAI,cAAc;CAClC,MAAM,QAAQ,cAAc;EAC1B,IAAI,CAAC,WAAW,CAAC,WAAW,OAAO;EACnC,MAAM,SAAS,CAAC,GAAG,QAAQ,QAAQ,EAAE,OAAO,QAAQ,OAAO,GAAG,EAAE,CAAC,EAAE,MAAM,CAAC;EAC1E,OAAO;GACL;GACA,SAAS;IACP,GAAG,QAAQ;IACX,KAAK,CAAC,GAAG,QAAQ,QAAQ,IAAI,KAAK,UAAU,QAAQ,SAAS,GAAG,CAAC;IACjE,QAAQ,CAAC,GAAG,QAAQ,QAAQ,QAAQ,SAAS;GAC/C;GACA,mBAAmB,OAAO,SAAS;EACrC;CACF,GAAG,CAAC,SAAS,SAAS,CAAC;CACvB,OACE,oBAAC,gBAAD;EAAuB;EACrB,UAAA,oBAAC,kBAAD,EAAmB,SAA2B,CAAA;CAChC,CAAA;AAEpB"}

package/es/Table/render/TableView.mjs

@@ -0,0 +1,215 @@
+"use client";
+import { TableContainer, TableElement, TableFooter, TableRoot, TableScroll, TableTitle } from "../atoms/layout.mjs";
+import { useTableView } from "./context.mjs";
+import { SummaryFooter, SummaryProvider } from "./Summary.mjs";
+import { HeaderRows } from "./Header.mjs";
+import { Body } from "./Body.mjs";
+import { FixedHolder } from "./FixedHolder.mjs";
+import StickyScrollBar from "./StickyScrollBar.mjs";
+import { useColGroups } from "./useColGroups.mjs";
+import { useScrollSync } from "./useScrollSync.mjs";
+import VirtualBody from "./VirtualBody.mjs";
+import { useCallback } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import clsx$1 from "clsx";
+//#region src/Table/render/TableView.tsx
+const TableView = ({ bodyRef, className, colWidths, emptyNode, fixFooter, fixHeader, footer, grouped, headerRows, hoverable, offsets, onColumnResize, onScroll, ref, rows, scrollX, scrollY, showHeader, size, sticky, style, summaryNode, tableLayout, title, variant, virtual, virtualScrollRef }) => {
+	const view = useTableView();
+	const { horizonScroll, leafColumns, prefixCls, semanticClassNames, semanticStyles } = view;
+	const { headerRef, onInternalScroll, rootRef, scrollbarSize, stickyRef, summaryRef } = useScrollSync({
+		bodyRef,
+		columnCount: leafColumns.length,
+		fixHeader,
+		horizonScroll,
+		prefixCls,
+		rows,
+		sticky: sticky.isSticky
+	});
+	const onBodyScroll = (event) => {
+		onInternalScroll({ currentTarget: event.currentTarget });
+		onScroll?.(event);
+	};
+	const setRootRef = useCallback((element) => {
+		rootRef.current = element;
+		if (typeof ref === "function") ref(element);
+		else if (ref) ref.current = element;
+	}, [ref]);
+	const headerScrollbar = sticky.isSticky && !fixHeader ? 0 : scrollbarSize;
+	const { bodyColGroup, holderColGroup } = useColGroups({
+		colWidths,
+		headerScrollbar,
+		leafColumns,
+		rowCount: rows.length,
+		tableLayout,
+		virtualWidths: view.virtualWidths
+	});
+	const scrollTableStyle = horizonScroll ? {
+		minWidth: "100%",
+		width: scrollX === true ? "auto" : scrollX
+	} : void 0;
+	const scrollXStyle = horizonScroll ? { overflowX: "auto" } : void 0;
+	const scrollYStyle = fixHeader ? {
+		maxHeight: scrollY,
+		overflowY: rows.length > 0 ? "scroll" : "auto"
+	} : horizonScroll ? { overflowY: "hidden" } : void 0;
+	const summary = summaryNode ? /* @__PURE__ */ jsx(SummaryFooter, { children: summaryNode }) : null;
+	const holderSummary = summaryNode ? /* @__PURE__ */ jsx(SummaryFooter, {
+		scrollbar: headerScrollbar,
+		children: summaryNode
+	}) : null;
+	const stickyHolderClass = sticky.isSticky ? `${prefixCls}-sticky-holder` : void 0;
+	const headerRowsNode = /* @__PURE__ */ jsx(HeaderRows, {
+		rows: headerRows,
+		scrollbar: headerScrollbar
+	});
+	let content;
+	if (fixHeader || sticky.isSticky || virtual) {
+		const bodyNode = virtual ? /* @__PURE__ */ jsx(VirtualBody, {
+			emptyNode,
+			holderRef: bodyRef,
+			input: virtual,
+			maxHeight: scrollY,
+			rows,
+			scrollRef: virtualScrollRef,
+			scrollX,
+			onScroll: onBodyScroll
+		}) : /* @__PURE__ */ jsx(TableScroll, {
+			part: "body",
+			ref: bodyRef,
+			style: {
+				...scrollXStyle,
+				...scrollYStyle
+			},
+			onScroll: onBodyScroll,
+			children: /* @__PURE__ */ jsxs(TableElement, {
+				component: view.components.table,
+				style: {
+					...scrollTableStyle,
+					tableLayout
+				},
+				children: [
+					bodyColGroup,
+					/* @__PURE__ */ jsx(Body, {
+						measure: true,
+						emptyNode,
+						rows,
+						onColumnResize
+					}),
+					!fixFooter && summary
+				]
+			})
+		});
+		content = /* @__PURE__ */ jsxs(Fragment$1, { children: [
+			showHeader && /* @__PURE__ */ jsxs(FixedHolder, {
+				className: clsx$1(`${prefixCls}-header`, stickyHolderClass),
+				colGroup: holderColGroup,
+				holderRef: headerRef,
+				scrollX,
+				tableLayout,
+				stickyStyle: sticky.isSticky ? {
+					position: "sticky",
+					top: sticky.offsetHeader
+				} : void 0,
+				onWheelX: (target, scrollLeft) => onInternalScroll({
+					currentTarget: target,
+					scrollLeft
+				}),
+				children: [headerRowsNode, fixFooter === "top" && holderSummary]
+			}),
+			bodyNode,
+			fixFooter && fixFooter !== "top" && /* @__PURE__ */ jsx(FixedHolder, {
+				className: clsx$1(`${prefixCls}-summary`, stickyHolderClass),
+				colGroup: holderColGroup,
+				holderRef: summaryRef,
+				scrollX,
+				tableLayout,
+				stickyStyle: sticky.isSticky ? {
+					bottom: sticky.offsetSummary,
+					position: "sticky"
+				} : void 0,
+				onWheelX: (target, scrollLeft) => onInternalScroll({
+					currentTarget: target,
+					scrollLeft
+				}),
+				children: holderSummary
+			}),
+			sticky.isSticky && bodyRef.current && /* @__PURE__ */ jsx(StickyScrollBar, {
+				bodyRef,
+				container: sticky.container,
+				offsetScroll: sticky.offsetScroll,
+				prefixCls,
+				ref: stickyRef,
+				onScroll: onInternalScroll
+			})
+		] });
+	} else content = /* @__PURE__ */ jsx(TableScroll, {
+		className: semanticClassNames.content,
+		part: "content",
+		ref: bodyRef,
+		style: {
+			...scrollXStyle,
+			...scrollYStyle,
+			...semanticStyles.content
+		},
+		onScroll: onBodyScroll,
+		children: /* @__PURE__ */ jsxs(TableElement, {
+			component: view.components.table,
+			style: {
+				...scrollTableStyle,
+				tableLayout
+			},
+			children: [
+				bodyColGroup,
+				showHeader && headerRowsNode,
+				/* @__PURE__ */ jsx(Body, {
+					emptyNode,
+					measure: horizonScroll,
+					rows,
+					onColumnResize
+				}),
+				summary
+			]
+		})
+	});
+	const first = leafColumns[0];
+	const last = leafColumns.at(-1);
+	return /* @__PURE__ */ jsx(SummaryProvider, {
+		value: {
+			leaves: leafColumns,
+			offsets
+		},
+		children: /* @__PURE__ */ jsxs(TableRoot, {
+			grouped,
+			hoverable,
+			ref: setRootRef,
+			size,
+			variant,
+			className: clsx$1(className, horizonScroll && [`${prefixCls}-fix-start-shadow`, `${prefixCls}-fix-end-shadow`], tableLayout === "fixed" && `${prefixCls}-layout-fixed`, fixHeader && `${prefixCls}-fixed-header`, horizonScroll && leafColumns.some((leaf) => leaf.fixed) && `${prefixCls}-fixed-column`, horizonScroll && `${prefixCls}-scroll-horizontal`, first?.fixed && `${prefixCls}-has-fix-start`, last?.fixed === "end" && `${prefixCls}-has-fix-end`, virtual && `${prefixCls}-virtual`),
+			style: sticky.isSticky ? {
+				...style,
+				"--columns-count": leafColumns.length
+			} : style,
+			children: [
+				title !== void 0 && /* @__PURE__ */ jsx(TableTitle, {
+					className: semanticClassNames.title,
+					style: semanticStyles.title,
+					children: title
+				}),
+				/* @__PURE__ */ jsx(TableContainer, {
+					className: semanticClassNames.section,
+					style: semanticStyles.section,
+					children: content
+				}),
+				footer !== void 0 && /* @__PURE__ */ jsx(TableFooter, {
+					className: semanticClassNames.footer,
+					style: semanticStyles.footer,
+					children: footer
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { TableView as default };
+
+//# sourceMappingURL=TableView.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableView.mjs","names":["clsx"],"sources":["../../../src/Table/render/TableView.tsx"],"sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport { type CSSProperties, type ReactNode, type UIEvent, useCallback } from 'react';\n\nimport {\n  TableContainer,\n  TableElement,\n  TableFooter,\n  TableRoot,\n  TableScroll,\n  TableTitle,\n} from '../atoms';\nimport { Body } from './Body';\nimport { useTableView } from './context';\nimport { FixedHolder } from './FixedHolder';\nimport { HeaderRows } from './Header';\nimport StickyScrollBar from './StickyScrollBar';\nimport { SummaryFooter, SummaryProvider } from './Summary';\nimport { useColGroups } from './useColGroups';\nimport { useScrollSync } from './useScrollSync';\nimport type { TableViewProps } from './viewTypes';\nimport VirtualBody from './VirtualBody';\n\nconst TableView = <T,>({\n  bodyRef,\n  className,\n  colWidths,\n  emptyNode,\n  fixFooter,\n  fixHeader,\n  footer,\n  grouped,\n  headerRows,\n  hoverable,\n  offsets,\n  onColumnResize,\n  onScroll,\n  ref,\n  rows,\n  scrollX,\n  scrollY,\n  showHeader,\n  size,\n  sticky,\n  style,\n  summaryNode,\n  tableLayout,\n  title,\n  variant,\n  virtual,\n  virtualScrollRef,\n}: TableViewProps<T>) => {\n  const view = useTableView<T>();\n  const { horizonScroll, leafColumns, prefixCls, semanticClassNames, semanticStyles } = view;\n  const { headerRef, onInternalScroll, rootRef, scrollbarSize, stickyRef, summaryRef } =\n    useScrollSync({\n      bodyRef,\n      columnCount: leafColumns.length,\n      fixHeader,\n      horizonScroll,\n      prefixCls,\n      rows,\n      sticky: sticky.isSticky,\n    });\n\n  const onBodyScroll = (event: UIEvent<HTMLDivElement>) => {\n    onInternalScroll({ currentTarget: event.currentTarget });\n    onScroll?.(event);\n  };\n\n  const setRootRef = useCallback(\n    (element: HTMLDivElement | null) => {\n      rootRef.current = element;\n      if (typeof ref === 'function') ref(element);\n      else if (ref) ref.current = element;\n    },\n    [ref],\n  );\n\n  const headerScrollbar = sticky.isSticky && !fixHeader ? 0 : scrollbarSize;\n  const { bodyColGroup, holderColGroup } = useColGroups({\n    colWidths,\n    headerScrollbar,\n    leafColumns,\n    rowCount: rows.length,\n    tableLayout,\n    virtualWidths: view.virtualWidths,\n  });\n\n  const scrollTableStyle: CSSProperties | undefined = horizonScroll\n    ? { minWidth: '100%', width: scrollX === true ? 'auto' : scrollX }\n    : undefined;\n  const scrollXStyle: CSSProperties | undefined = horizonScroll ? { overflowX: 'auto' } : undefined;\n  const scrollYStyle: CSSProperties | undefined = fixHeader\n    ? { maxHeight: scrollY, overflowY: rows.length > 0 ? 'scroll' : 'auto' }\n    : horizonScroll\n      ? { overflowY: 'hidden' }\n      : undefined;\n\n  const summary = summaryNode ? <SummaryFooter>{summaryNode}</SummaryFooter> : null;\n  const holderSummary = summaryNode ? (\n    <SummaryFooter scrollbar={headerScrollbar}>{summaryNode}</SummaryFooter>\n  ) : null;\n  const stickyHolderClass = sticky.isSticky ? `${prefixCls}-sticky-holder` : undefined;\n  const headerRowsNode = <HeaderRows rows={headerRows} scrollbar={headerScrollbar} />;\n\n  let content: ReactNode;\n  if (fixHeader || sticky.isSticky || virtual) {\n    const bodyNode = virtual ? (\n      <VirtualBody\n        emptyNode={emptyNode}\n        holderRef={bodyRef}\n        input={virtual}\n        maxHeight={scrollY}\n        rows={rows}\n        scrollRef={virtualScrollRef}\n        scrollX={scrollX}\n        onScroll={onBodyScroll}\n      />\n    ) : (\n      <TableScroll\n        part=\"body\"\n        ref={bodyRef}\n        style={{ ...scrollXStyle, ...scrollYStyle }}\n        onScroll={onBodyScroll}\n      >\n        <TableElement\n          component={view.components.table}\n          style={{ ...scrollTableStyle, tableLayout }}\n        >\n          {bodyColGroup}\n          <Body measure emptyNode={emptyNode} rows={rows} onColumnResize={onColumnResize} />\n          {!fixFooter && summary}\n        </TableElement>\n      </TableScroll>\n    );\n\n    content = (\n      <>\n        {showHeader && (\n          <FixedHolder\n            className={clsx(`${prefixCls}-header`, stickyHolderClass)}\n            colGroup={holderColGroup}\n            holderRef={headerRef}\n            scrollX={scrollX}\n            tableLayout={tableLayout}\n            stickyStyle={\n              sticky.isSticky ? { position: 'sticky', top: sticky.offsetHeader } : undefined\n            }\n            onWheelX={(target, scrollLeft) =>\n              onInternalScroll({ currentTarget: target, scrollLeft })\n            }\n          >\n            {headerRowsNode}\n            {fixFooter === 'top' && holderSummary}\n          </FixedHolder>\n        )}\n        {bodyNode}\n        {fixFooter && fixFooter !== 'top' && (\n          <FixedHolder\n            className={clsx(`${prefixCls}-summary`, stickyHolderClass)}\n            colGroup={holderColGroup}\n            holderRef={summaryRef}\n            scrollX={scrollX}\n            tableLayout={tableLayout}\n            stickyStyle={\n              sticky.isSticky ? { bottom: sticky.offsetSummary, position: 'sticky' } : undefined\n            }\n            onWheelX={(target, scrollLeft) =>\n              onInternalScroll({ currentTarget: target, scrollLeft })\n            }\n          >\n            {holderSummary}\n          </FixedHolder>\n        )}\n        {sticky.isSticky && bodyRef.current && (\n          <StickyScrollBar\n            bodyRef={bodyRef}\n            container={sticky.container}\n            offsetScroll={sticky.offsetScroll}\n            prefixCls={prefixCls}\n            ref={stickyRef}\n            onScroll={onInternalScroll}\n          />\n        )}\n      </>\n    );\n  } else {\n    content = (\n      <TableScroll\n        className={semanticClassNames.content}\n        part=\"content\"\n        ref={bodyRef}\n        style={{ ...scrollXStyle, ...scrollYStyle, ...semanticStyles.content }}\n        onScroll={onBodyScroll}\n      >\n        <TableElement\n          component={view.components.table}\n          style={{ ...scrollTableStyle, tableLayout }}\n        >\n          {bodyColGroup}\n          {showHeader && headerRowsNode}\n          <Body\n            emptyNode={emptyNode}\n            measure={horizonScroll}\n            rows={rows}\n            onColumnResize={onColumnResize}\n          />\n          {summary}\n        </TableElement>\n      </TableScroll>\n    );\n  }\n\n  const first = leafColumns[0];\n  const last = leafColumns.at(-1);\n\n  return (\n    <SummaryProvider value={{ leaves: leafColumns, offsets }}>\n      <TableRoot\n        grouped={grouped}\n        hoverable={hoverable}\n        ref={setRootRef}\n        size={size}\n        variant={variant}\n        className={clsx(\n          className,\n          horizonScroll && [`${prefixCls}-fix-start-shadow`, `${prefixCls}-fix-end-shadow`],\n          tableLayout === 'fixed' && `${prefixCls}-layout-fixed`,\n          fixHeader && `${prefixCls}-fixed-header`,\n          horizonScroll && leafColumns.some((leaf) => leaf.fixed) && `${prefixCls}-fixed-column`,\n          horizonScroll && `${prefixCls}-scroll-horizontal`,\n          first?.fixed && `${prefixCls}-has-fix-start`,\n          last?.fixed === 'end' && `${prefixCls}-has-fix-end`,\n          virtual && `${prefixCls}-virtual`,\n        )}\n        style={\n          sticky.isSticky\n            ? ({ ...style, '--columns-count': leafColumns.length } as CSSProperties)\n            : style\n        }\n      >\n        {title !== undefined && (\n          <TableTitle className={semanticClassNames.title} style={semanticStyles.title}>\n            {title}\n          </TableTitle>\n        )}\n        <TableContainer className={semanticClassNames.section} style={semanticStyles.section}>\n          {content}\n        </TableContainer>\n        {footer !== undefined && (\n          <TableFooter className={semanticClassNames.footer} style={semanticStyles.footer}>\n            {footer}\n          </TableFooter>\n        )}\n      </TableRoot>\n    </SummaryProvider>\n  );\n};\n\nexport type { StickyConfig, TableViewProps } from './viewTypes';\n\nexport default TableView;\n"],"mappings":"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"}