@are-visual/virtual-table 0.6.0 → 0.8.0

package/middleware/column-resize/index.d.ts

@@ -16,4 +16,5 @@ interface ResizeOptions<T = any> {
 }
 declare const columnResize: <T = any>(args?: ResizeOptions<T> | undefined) => _are_visual_virtual_table.Middleware<T>;
 
-export { type ResizeOptions, columnResize };
+export { columnResize };
+export type { ResizeOptions };

package/middleware/empty/index.d.ts

@@ -7,4 +7,5 @@ interface EmptyOptions {
 }
 declare const tableEmpty: <T = any>(args: EmptyOptions) => _are_visual_virtual_table.Middleware<T>;
 
-export { type EmptyOptions, tableEmpty };
+export { tableEmpty };
+export type { EmptyOptions };

package/middleware/expandable/index.d.ts

@@ -1,6 +1,8 @@
 import * as _are_visual_virtual_table from '@are-visual/virtual-table';
 import { FixedType, ColumnExtra, ColumnType } from '@are-visual/virtual-table';
-import { ReactNode, Key, MouseEvent } from 'react';
+import { MouseEvent, ReactNode, Key } from 'react';
+
+declare const ExpandRowHeightKey = "ExpandRow";
 
 type TriggerEventHandler<T> = (record: T, event: MouseEvent<HTMLElement>) => void;
 interface RenderExpandIconProps<T> {
@@ -30,8 +32,10 @@ interface ExpandableConfig<T> {
     fixed?: FixedType;
     extraColumnProps?: ColumnExtra;
 }
+
 declare const EXPANSION_COLUMN_KEY = "VirtualTable.EXPANSION_COLUMN";
 declare function isExpansionColumn<T = any>(column: ColumnType<T>): boolean;
 declare const tableExpandable: <T = any>(options?: ExpandableConfig<T> | undefined) => _are_visual_virtual_table.Middleware<T>;
 
-export { EXPANSION_COLUMN_KEY, type ExpandableConfig, type ExpandedRowRender, type RenderExpandIcon, type RenderExpandIconProps, type RowClassName, isExpansionColumn, tableExpandable };
+export { EXPANSION_COLUMN_KEY, ExpandRowHeightKey, isExpansionColumn, tableExpandable };
+export type { ExpandableConfig, ExpandedRowRender, RenderExpandIcon, RenderExpandIconProps, RowClassName };

package/middleware/expandable/index.js

@@ -4,18 +4,19 @@ import { useControllableValue } from '@are-visual/virtual-table/middleware/utils
 import clsx from 'clsx';
 import { useMemo, useRef, useCallback } from 'react';
 
+const ExpandRowHeightKey = 'ExpandRow';
 const ExpandRow = props => {
   const {
     className,
     style,
-    rowIndex,
+    rowKey,
     isExpanded,
     colSpan,
     children,
     fixed
   } = props;
   const {
-    updateRowHeight
+    setRowHeightByRowKey
   } = useTableRowManager();
   const {
     tableWidth
@@ -28,7 +29,7 @@ const ExpandRow = props => {
     },
     ref: node => {
       if (node == null) return;
-      updateRowHeight(rowIndex, `row(${rowIndex})-expandable`, node.offsetHeight);
+      setRowHeightByRowKey(rowKey, ExpandRowHeightKey, node.offsetHeight);
     },
     children: jsx("td", {
       colSpan: colSpan,
@@ -131,11 +132,11 @@ function useTableExpandable(ctx, options) {
     const {
       rowData,
       rowIndex,
+      rowKey: key,
       columnDescriptor
     } = args;
     const isExpandable = rowExpandableRecord[rowIndex];
     if (isExpandable) {
-      const key = getRowKey(rowData, rowKey);
       const isExpanded = expansion.includes(key);
       const isRendered = expansionKeys.current.has(key);
       let className = '';
@@ -147,7 +148,7 @@ function useTableExpandable(ctx, options) {
       return jsxs(Fragment, {
         children: [children, isRendered && jsx(ExpandRow, {
           className: className,
-          rowIndex: rowIndex,
+          rowKey: key,
           isExpanded: isExpanded,
           colSpan: columnDescriptor.length,
           fixed: isFixed,
@@ -156,7 +157,7 @@ function useTableExpandable(ctx, options) {
       });
     }
     return children;
-  }, [isFixed, rowExpandableRecord, rowKey, expansion, expandedRowClassName, expandedRowRender]);
+  }, [isFixed, rowExpandableRecord, expansion, expandedRowClassName, expandedRowRender]);
   const columns = useMemo(() => {
     if (!showExpandColumn) {
       return rawColumns;
@@ -223,8 +224,7 @@ function useTableExpandable(ctx, options) {
     onRow: !expandRowByClick ? undefined : onRow
   };
 }
-/* eslint max-len: ["error", { "code": 120 }] */
 const tableExpandable = createMiddleware(useTableExpandable);
 
-export { EXPANSION_COLUMN_KEY, isExpansionColumn, tableExpandable };
+export { EXPANSION_COLUMN_KEY, ExpandRowHeightKey, isExpansionColumn, tableExpandable };
 //# sourceMappingURL=index.js.map

package/middleware/expandable/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../packages/virtual-table/src/middleware/expandable/expand-row.tsx","../../../../packages/virtual-table/src/middleware/expandable/index.tsx"],"sourcesContent":["import type { CSSProperties, FC, ReactNode } from 'react'\nimport { useContainerSize, useTableRowManager } from '@are-visual/virtual-table'\nimport clsx from 'clsx'\n\nexport interface ExpandRowProps {\n  className?: string\n  style?: CSSProperties\n  rowIndex: number\n  isExpanded?: boolean\n  colSpan?: number\n  children?: ReactNode\n  fixed?: boolean\n}\n\nconst ExpandRow: FC<ExpandRowProps> = (props) => {\n  const {\n    className,\n    style,\n    rowIndex,\n    isExpanded,\n    colSpan,\n    children,\n    fixed,\n  } = props\n\n  const { updateRowHeight } = useTableRowManager()\n  const { tableWidth } = useContainerSize()\n\n  return (\n    <tr\n      className={clsx('virtual-table-expanded-row', className)}\n      style={{ ...style, display: isExpanded ? undefined : 'none' }}\n      ref={(node) => {\n        if (node == null) return\n        updateRowHeight(rowIndex, `row(${rowIndex})-expandable`, node.offsetHeight)\n      }}\n    >\n      <td colSpan={colSpan}>\n        <div\n          className={clsx(\n            'virtual-table-cell',\n            fixed && 'virtual-table-expanded-row-fixed',\n          )}\n          style={{ width: tableWidth <= 0 ? undefined : tableWidth }}\n        >\n          {children}\n        </div>\n      </td>\n    </tr>\n  )\n}\n\nexport default ExpandRow\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type {\n  AnyObject,\n  ColumnExtra,\n  ColumnType,\n  FixedType,\n  MiddlewareContext,\n  MiddlewareRenderRow,\n  MiddlewareResult,\n  OnRowType,\n} from '@are-visual/virtual-table'\nimport type { Key, MouseEvent, ReactNode } from 'react'\nimport { createMiddleware, getRowKey, isValidFixed, useShallowMemo, useStableFn } from '@are-visual/virtual-table'\nimport { useControllableValue } from '@are-visual/virtual-table/middleware/utils/useControllableValue'\nimport clsx from 'clsx'\nimport { useCallback, useMemo, useRef } from 'react'\nimport ExpandRow from './expand-row'\n\ntype TriggerEventHandler<T> = (record: T, event: MouseEvent<HTMLElement>) => void\nexport interface RenderExpandIconProps<T> {\n  prefixCls: string\n  expanded: boolean\n  record: T\n  expandable: boolean\n  onExpand: TriggerEventHandler<T>\n}\nexport type RowClassName<T> = (record: T, index: number, indent: number) => string\nexport type RenderExpandIcon<T> = (props: RenderExpandIconProps<T>) => ReactNode\nexport type ExpandedRowRender<T> = (record: T, index: number, indent: number, expanded: boolean) => ReactNode\n\nexport interface ExpandableConfig<T> {\n  expandedRowKeys?: readonly Key[]\n  defaultExpandedRowKeys?: readonly Key[]\n  expandedRowRender?: ExpandedRowRender<T>\n  columnTitle?: ReactNode\n  expandRowByClick?: boolean\n  expandIcon?: RenderExpandIcon<T>\n  onExpand?: (expanded: boolean, record: T) => void\n  onExpandedRowsChange?: (expandedKeys: readonly Key[]) => void\n  defaultExpandAllRows?: boolean\n  showExpandColumn?: boolean\n  expandedRowClassName?: string | RowClassName<T>\n  rowExpandable?: (record: T) => boolean\n  columnWidth?: number | string\n  fixed?: FixedType\n  extraColumnProps?: ColumnExtra\n}\n\nexport const EXPANSION_COLUMN_KEY = 'VirtualTable.EXPANSION_COLUMN'\n\nexport function isExpansionColumn<T = any>(column: ColumnType<T>) {\n  return column.key === EXPANSION_COLUMN_KEY\n}\n\nfunction useTableExpandable<T = any>(\n  ctx: MiddlewareContext<T>,\n  options?: ExpandableConfig<T>,\n): MiddlewareResult<T> {\n  const disablePlugin = options == null\n\n  const { rowKey, columns: rawColumns, dataSource } = ctx\n  const {\n    // expandedRowKeys,\n    // onExpandedRowsChange,\n    defaultExpandedRowKeys,\n    expandedRowRender,\n    columnTitle,\n    expandRowByClick = false,\n    expandIcon,\n    onExpand,\n\n    defaultExpandAllRows = false,\n\n    // TODO: 未实现\n    // indentSize: _indentSize,\n\n    showExpandColumn = true,\n    expandedRowClassName,\n\n    rowExpandable,\n    columnWidth = 50,\n    fixed,\n    extraColumnProps,\n  } = options ?? {}\n\n  const _rowExpandableValue = useMemo(() => {\n    return dataSource.map((row) => {\n      if (!rowExpandable) return false\n      return rowExpandable(row)\n    })\n  }, [dataSource, rowExpandable])\n\n  // useShallowMemo 每一次渲染时候都会重新求值，这对于某些开销较大的计算不太友好，\n  // 所以使用 useMemo 求值再通过 useShallowMemo 浅比较\n  // useMemo 标记 deps 后，若 deps 不变也就不需要重新求值\n  // 使用 useShallowMemo 主要是为了防止重新求值后结果不变但地址指针变化，导致不必要的渲染\n  const rowExpandableRecord = useShallowMemo(() => _rowExpandableValue)\n\n  // 即使 defaultExpandAllRows 变更之后，此插件也不要响应变化，只使用初始值，所以存储一下\n  const defaultExpandAll = useRef(\n    // options 中有 expandedRowKeys 则表示受控模式，那么 defaultExpandAllRows 不生效\n    'expandedRowKeys' in (options ?? {}) || 'defaultExpandedRowKeys' in (options ?? {})\n      ? false\n      : defaultExpandAllRows,\n  )\n  const defaultExpandKey = useShallowMemo((): readonly Key[] => {\n    if (defaultExpandAll.current) {\n      const expandKeys = dataSource.map((record, index): Key | null => {\n        if (rowExpandableRecord[index]) {\n          const key = (record as AnyObject)[rowKey as string] as string | number\n          return key\n        }\n        return null\n      })\n      return expandKeys.filter((x) => x != null)\n    }\n    return []\n  })\n\n  const expansionKeys = useRef(new Set<Key>(defaultExpandedRowKeys ?? defaultExpandKey))\n  const [expansion, setExpansion] = useControllableValue<readonly Key[]>(\n    options ?? {},\n    {\n      trigger: 'onExpandedRowsChange',\n      valuePropName: 'expandedRowKeys',\n      defaultValue: defaultExpandedRowKeys ?? defaultExpandKey,\n    },\n  )\n\n  const onUpdateExpansion = useStableFn((rowData: T, shouldExpand?: boolean) => {\n    const key = getRowKey(rowData, rowKey)\n    expansionKeys.current.add(key)\n    if (shouldExpand == null) {\n      if (expansion.includes(key)) {\n        setExpansion(expansion.filter((x) => x !== key))\n        onExpand?.(false, rowData)\n      } else {\n        setExpansion([...expansion, key])\n        onExpand?.(true, rowData)\n      }\n    } else if (shouldExpand) {\n      setExpansion([...expansion, key])\n      onExpand?.(true, rowData)\n    } else {\n      setExpansion(expansion.filter((x) => x !== key))\n      onExpand?.(false, rowData)\n    }\n  })\n\n  const isFixed = isValidFixed(fixed)\n\n  const renderRow: MiddlewareRenderRow = useCallback((children, args) => {\n    const { rowData, rowIndex, columnDescriptor } = args\n\n    const isExpandable = rowExpandableRecord[rowIndex]\n    if (isExpandable) {\n      const key = getRowKey(rowData as T, rowKey)\n      const isExpanded: boolean | undefined = expansion.includes(key)\n      const isRendered = expansionKeys.current.has(key)\n\n      let className = ''\n      if (typeof expandedRowClassName === 'string') {\n        className = expandedRowClassName\n      } else if (typeof expandedRowClassName === 'function') {\n        className = expandedRowClassName(rowData as T, rowIndex, 0)\n      }\n\n      return (\n        <>\n          {children}\n          {isRendered && (\n            <ExpandRow\n              className={className}\n              rowIndex={rowIndex}\n              isExpanded={isExpanded}\n              colSpan={columnDescriptor.length}\n              fixed={isFixed}\n            >\n              {expandedRowRender?.(rowData as T, rowIndex, 0, isExpanded)}\n            </ExpandRow>\n          )}\n        </>\n      )\n    }\n    return children\n  }, [\n    isFixed,\n    rowExpandableRecord,\n    rowKey,\n    expansion,\n    expandedRowClassName,\n    expandedRowRender,\n  ])\n\n  const columns = useMemo((): ColumnType<T>[] => {\n    if (!showExpandColumn) {\n      return rawColumns\n    }\n\n    return [\n      {\n        ...extraColumnProps,\n        key: EXPANSION_COLUMN_KEY,\n        title: columnTitle,\n        width: columnWidth,\n        fixed,\n        render(_value, record, index) {\n          const key = getRowKey(record, rowKey)\n\n          const expandable = rowExpandableRecord[index] ?? false\n          const expanded = expansion.includes(key)\n\n          if (typeof expandIcon === 'function') {\n            return expandIcon({\n              expandable,\n              expanded,\n              record,\n              prefixCls: 'virtual-table',\n              onExpand: (rowData: T, _e) => {\n                onUpdateExpansion(rowData)\n              },\n            })\n          }\n\n          if (!expandable) {\n            return null\n          }\n\n          return (\n            <button\n              className={clsx(\n                'virtual-table-row-expand-icon',\n                expanded\n                  ? 'virtual-table-row-expand-icon-expanded'\n                  : 'virtual-table-row-expand-icon-collapsed',\n              )}\n              type=\"button\"\n              aria-label={expanded ? '关闭行' : '展开行'}\n              aria-expanded={expanded}\n              onClick={() => {\n                onUpdateExpansion(record, !expanded)\n              }}\n            />\n          )\n        },\n        onHeaderCell() {\n          return { className: 'virtual-table-expand-column' }\n        },\n      },\n      ...rawColumns,\n    ]\n  }, [\n    showExpandColumn,\n    columnTitle,\n    columnWidth,\n    fixed,\n    rawColumns,\n    rowKey,\n    rowExpandableRecord,\n    expansion,\n    expandIcon,\n    onUpdateExpansion,\n    extraColumnProps,\n  ])\n\n  const onRow: OnRowType<T> = useCallback((record, index) => {\n    if (rowExpandableRecord[index]) {\n      return {\n        onClick: (e) => {\n          e.stopPropagation()\n          onUpdateExpansion(record)\n        },\n      }\n    }\n    return {}\n  }, [rowExpandableRecord, onUpdateExpansion])\n\n  if (disablePlugin) {\n    return ctx\n  }\n\n  return {\n    ...ctx,\n    columns,\n    renderRow,\n    onRow: !expandRowByClick ? undefined : onRow,\n  }\n}\n\n/* eslint max-len: [\"error\", { \"code\": 120 }] */\nexport const tableExpandable = createMiddleware(useTableExpandable)\n"],"names":["ExpandRow","props","className","style","rowIndex","isExpanded","colSpan","children","fixed","updateRowHeight","useTableRowManager","tableWidth","useContainerSize","_jsx","clsx","display","undefined","ref","node","offsetHeight","width","EXPANSION_COLUMN_KEY","isExpansionColumn","column","key","useTableExpandable","ctx","options","disablePlugin","rowKey","columns","rawColumns","dataSource","defaultExpandedRowKeys","expandedRowRender","columnTitle","expandRowByClick","expandIcon","onExpand","defaultExpandAllRows","showExpandColumn","expandedRowClassName","rowExpandable","columnWidth","extraColumnProps","_rowExpandableValue","useMemo","map","row","rowExpandableRecord","useShallowMemo","defaultExpandAll","useRef","defaultExpandKey","current","expandKeys","record","index","filter","x","expansionKeys","Set","expansion","setExpansion","useControllableValue","trigger","valuePropName","defaultValue","onUpdateExpansion","useStableFn","rowData","shouldExpand","getRowKey","add","includes","isFixed","isValidFixed","renderRow","useCallback","args","columnDescriptor","isExpandable","isRendered","has","_jsxs","length","title","render","_value","expandable","expanded","prefixCls","_e","type","onClick","onHeaderCell","onRow","e","stopPropagation","tableExpandable","createMiddleware"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../packages/virtual-table/src/middleware/expandable/expand-row.tsx","../../../../packages/virtual-table/src/middleware/expandable/index.tsx"],"sourcesContent":["import type { CSSProperties, FC, Key, ReactNode } from 'react'\nimport { useContainerSize, useTableRowManager } from '@are-visual/virtual-table'\nimport clsx from 'clsx'\n\nexport interface ExpandRowProps {\n  className?: string\n  style?: CSSProperties\n  rowKey: Key\n  isExpanded?: boolean\n  colSpan?: number\n  children?: ReactNode\n  fixed?: boolean\n}\n\nexport const ExpandRowHeightKey = 'ExpandRow'\n\nconst ExpandRow: FC<ExpandRowProps> = (props) => {\n  const {\n    className,\n    style,\n    rowKey,\n    isExpanded,\n    colSpan,\n    children,\n    fixed,\n  } = props\n\n  const { setRowHeightByRowKey } = useTableRowManager()\n  const { tableWidth } = useContainerSize()\n\n  return (\n    <tr\n      className={clsx('virtual-table-expanded-row', className)}\n      style={{ ...style, display: isExpanded ? undefined : 'none' }}\n      ref={(node) => {\n        if (node == null) return\n        setRowHeightByRowKey(rowKey, ExpandRowHeightKey, node.offsetHeight)\n      }}\n    >\n      <td colSpan={colSpan}>\n        <div\n          className={clsx(\n            'virtual-table-cell',\n            fixed && 'virtual-table-expanded-row-fixed',\n          )}\n          style={{ width: tableWidth <= 0 ? undefined : tableWidth }}\n        >\n          {children}\n        </div>\n      </td>\n    </tr>\n  )\n}\n\nexport default ExpandRow\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type {\n  AnyObject,\n  ColumnExtra,\n  ColumnType,\n  FixedType,\n  MiddlewareContext,\n  MiddlewareRenderRow,\n  MiddlewareResult,\n  OnRowType,\n} from '@are-visual/virtual-table'\nimport type { Key, MouseEvent, ReactNode } from 'react'\nimport { createMiddleware, getRowKey, isValidFixed, useShallowMemo, useStableFn } from '@are-visual/virtual-table'\nimport { useControllableValue } from '@are-visual/virtual-table/middleware/utils/useControllableValue'\nimport clsx from 'clsx'\nimport { useCallback, useMemo, useRef } from 'react'\nimport ExpandRow, { ExpandRowHeightKey } from './expand-row'\n\ntype TriggerEventHandler<T> = (record: T, event: MouseEvent<HTMLElement>) => void\nexport interface RenderExpandIconProps<T> {\n  prefixCls: string\n  expanded: boolean\n  record: T\n  expandable: boolean\n  onExpand: TriggerEventHandler<T>\n}\nexport type RowClassName<T> = (record: T, index: number, indent: number) => string\nexport type RenderExpandIcon<T> = (props: RenderExpandIconProps<T>) => ReactNode\nexport type ExpandedRowRender<T> = (record: T, index: number, indent: number, expanded: boolean) => ReactNode\n\nexport interface ExpandableConfig<T> {\n  expandedRowKeys?: readonly Key[]\n  defaultExpandedRowKeys?: readonly Key[]\n  expandedRowRender?: ExpandedRowRender<T>\n  columnTitle?: ReactNode\n  expandRowByClick?: boolean\n  expandIcon?: RenderExpandIcon<T>\n  onExpand?: (expanded: boolean, record: T) => void\n  onExpandedRowsChange?: (expandedKeys: readonly Key[]) => void\n  defaultExpandAllRows?: boolean\n  showExpandColumn?: boolean\n  expandedRowClassName?: string | RowClassName<T>\n  rowExpandable?: (record: T) => boolean\n  columnWidth?: number | string\n  fixed?: FixedType\n  extraColumnProps?: ColumnExtra\n}\n\nexport { ExpandRowHeightKey }\nexport const EXPANSION_COLUMN_KEY = 'VirtualTable.EXPANSION_COLUMN'\n\nexport function isExpansionColumn<T = any>(column: ColumnType<T>) {\n  return column.key === EXPANSION_COLUMN_KEY\n}\n\nfunction useTableExpandable<T = any>(\n  ctx: MiddlewareContext<T>,\n  options?: ExpandableConfig<T>,\n): MiddlewareResult<T> {\n  const disablePlugin = options == null\n\n  const { rowKey, columns: rawColumns, dataSource } = ctx\n  const {\n    // expandedRowKeys,\n    // onExpandedRowsChange,\n    defaultExpandedRowKeys,\n    expandedRowRender,\n    columnTitle,\n    expandRowByClick = false,\n    expandIcon,\n    onExpand,\n\n    defaultExpandAllRows = false,\n\n    // TODO: 未实现\n    // indentSize: _indentSize,\n\n    showExpandColumn = true,\n    expandedRowClassName,\n\n    rowExpandable,\n    columnWidth = 50,\n    fixed,\n    extraColumnProps,\n  } = options ?? {}\n\n  const _rowExpandableValue = useMemo(() => {\n    return dataSource.map((row) => {\n      if (!rowExpandable) return false\n      return rowExpandable(row)\n    })\n  }, [dataSource, rowExpandable])\n\n  // useShallowMemo 每一次渲染时候都会重新求值，这对于某些开销较大的计算不太友好，\n  // 所以使用 useMemo 求值再通过 useShallowMemo 浅比较\n  // useMemo 标记 deps 后，若 deps 不变也就不需要重新求值\n  // 使用 useShallowMemo 主要是为了防止重新求值后结果不变但地址指针变化，导致不必要的渲染\n  const rowExpandableRecord = useShallowMemo(() => _rowExpandableValue)\n\n  // 即使 defaultExpandAllRows 变更之后，此插件也不要响应变化，只使用初始值，所以存储一下\n  const defaultExpandAll = useRef(\n    // options 中有 expandedRowKeys 则表示受控模式，那么 defaultExpandAllRows 不生效\n    'expandedRowKeys' in (options ?? {}) || 'defaultExpandedRowKeys' in (options ?? {})\n      ? false\n      : defaultExpandAllRows,\n  )\n  const defaultExpandKey = useShallowMemo((): readonly Key[] => {\n    if (defaultExpandAll.current) {\n      const expandKeys = dataSource.map((record, index): Key | null => {\n        if (rowExpandableRecord[index]) {\n          const key = (record as AnyObject)[rowKey as string] as string | number\n          return key\n        }\n        return null\n      })\n      return expandKeys.filter((x) => x != null)\n    }\n    return []\n  })\n\n  const expansionKeys = useRef(new Set<Key>(defaultExpandedRowKeys ?? defaultExpandKey))\n  const [expansion, setExpansion] = useControllableValue<readonly Key[]>(\n    options ?? {},\n    {\n      trigger: 'onExpandedRowsChange',\n      valuePropName: 'expandedRowKeys',\n      defaultValue: defaultExpandedRowKeys ?? defaultExpandKey,\n    },\n  )\n\n  const onUpdateExpansion = useStableFn((rowData: T, shouldExpand?: boolean) => {\n    const key = getRowKey(rowData, rowKey)\n    expansionKeys.current.add(key)\n    if (shouldExpand == null) {\n      if (expansion.includes(key)) {\n        setExpansion(expansion.filter((x) => x !== key))\n        onExpand?.(false, rowData)\n      } else {\n        setExpansion([...expansion, key])\n        onExpand?.(true, rowData)\n      }\n    } else if (shouldExpand) {\n      setExpansion([...expansion, key])\n      onExpand?.(true, rowData)\n    } else {\n      setExpansion(expansion.filter((x) => x !== key))\n      onExpand?.(false, rowData)\n    }\n  })\n\n  const isFixed = isValidFixed(fixed)\n\n  const renderRow: MiddlewareRenderRow = useCallback((children, args) => {\n    const { rowData, rowIndex, rowKey: key, columnDescriptor } = args\n\n    const isExpandable = rowExpandableRecord[rowIndex]\n    if (isExpandable) {\n      const isExpanded: boolean | undefined = expansion.includes(key)\n      const isRendered = expansionKeys.current.has(key)\n\n      let className = ''\n      if (typeof expandedRowClassName === 'string') {\n        className = expandedRowClassName\n      } else if (typeof expandedRowClassName === 'function') {\n        className = expandedRowClassName(rowData as T, rowIndex, 0)\n      }\n\n      return (\n        <>\n          {children}\n          {isRendered && (\n            <ExpandRow\n              className={className}\n              rowKey={key}\n              isExpanded={isExpanded}\n              colSpan={columnDescriptor.length}\n              fixed={isFixed}\n            >\n              {expandedRowRender?.(rowData as T, rowIndex, 0, isExpanded)}\n            </ExpandRow>\n          )}\n        </>\n      )\n    }\n    return children\n  }, [\n    isFixed,\n    rowExpandableRecord,\n    expansion,\n    expandedRowClassName,\n    expandedRowRender,\n  ])\n\n  const columns = useMemo((): ColumnType<T>[] => {\n    if (!showExpandColumn) {\n      return rawColumns\n    }\n\n    return [\n      {\n        ...extraColumnProps,\n        key: EXPANSION_COLUMN_KEY,\n        title: columnTitle,\n        width: columnWidth,\n        fixed,\n        render(_value, record, index) {\n          const key = getRowKey(record, rowKey)\n\n          const expandable = rowExpandableRecord[index] ?? false\n          const expanded = expansion.includes(key)\n\n          if (typeof expandIcon === 'function') {\n            return expandIcon({\n              expandable,\n              expanded,\n              record,\n              prefixCls: 'virtual-table',\n              onExpand: (rowData: T, _e) => {\n                onUpdateExpansion(rowData)\n              },\n            })\n          }\n\n          if (!expandable) {\n            return null\n          }\n\n          return (\n            <button\n              className={clsx(\n                'virtual-table-row-expand-icon',\n                expanded\n                  ? 'virtual-table-row-expand-icon-expanded'\n                  : 'virtual-table-row-expand-icon-collapsed',\n              )}\n              type=\"button\"\n              aria-label={expanded ? '关闭行' : '展开行'}\n              aria-expanded={expanded}\n              onClick={() => {\n                onUpdateExpansion(record, !expanded)\n              }}\n            />\n          )\n        },\n        onHeaderCell() {\n          return { className: 'virtual-table-expand-column' }\n        },\n      },\n      ...rawColumns,\n    ]\n  }, [\n    showExpandColumn,\n    columnTitle,\n    columnWidth,\n    fixed,\n    rawColumns,\n    rowKey,\n    rowExpandableRecord,\n    expansion,\n    expandIcon,\n    onUpdateExpansion,\n    extraColumnProps,\n  ])\n\n  const onRow: OnRowType<T> = useCallback((record, index) => {\n    if (rowExpandableRecord[index]) {\n      return {\n        onClick: (e) => {\n          e.stopPropagation()\n          onUpdateExpansion(record)\n        },\n      }\n    }\n    return {}\n  }, [rowExpandableRecord, onUpdateExpansion])\n\n  if (disablePlugin) {\n    return ctx\n  }\n\n  return {\n    ...ctx,\n    columns,\n    renderRow,\n    onRow: !expandRowByClick ? undefined : onRow,\n  }\n}\n\nexport const tableExpandable = createMiddleware(useTableExpandable)\n"],"names":["ExpandRowHeightKey","ExpandRow","props","className","style","rowKey","isExpanded","colSpan","children","fixed","setRowHeightByRowKey","useTableRowManager","tableWidth","useContainerSize","_jsx","clsx","display","undefined","ref","node","offsetHeight","width","EXPANSION_COLUMN_KEY","isExpansionColumn","column","key","useTableExpandable","ctx","options","disablePlugin","columns","rawColumns","dataSource","defaultExpandedRowKeys","expandedRowRender","columnTitle","expandRowByClick","expandIcon","onExpand","defaultExpandAllRows","showExpandColumn","expandedRowClassName","rowExpandable","columnWidth","extraColumnProps","_rowExpandableValue","useMemo","map","row","rowExpandableRecord","useShallowMemo","defaultExpandAll","useRef","defaultExpandKey","current","expandKeys","record","index","filter","x","expansionKeys","Set","expansion","setExpansion","useControllableValue","trigger","valuePropName","defaultValue","onUpdateExpansion","useStableFn","rowData","shouldExpand","getRowKey","add","includes","isFixed","isValidFixed","renderRow","useCallback","args","rowIndex","columnDescriptor","isExpandable","isRendered","has","_jsxs","length","title","render","_value","expandable","expanded","prefixCls","_e","type","onClick","onHeaderCell","onRow","e","stopPropagation","tableExpandable","createMiddleware"],"mappings":"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"}

package/middleware/horizontal-scroll-bar/index.d.ts

@@ -12,4 +12,5 @@ interface ScrollBarProps {
 type HorizontalScrollBarOptions = Omit<ScrollBarProps, 'bodyRef'>;
 declare const horizontalScrollBar: <T = any>(options?: HorizontalScrollBarOptions | undefined) => _are_visual_virtual_table.Middleware<T>;
 
-export { type HorizontalScrollBarOptions, horizontalScrollBar };
+export { horizontalScrollBar };
+export type { HorizontalScrollBarOptions };

package/middleware/loading/index.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
-import { getKey, useTableSticky, isValidFixed, isValidFixedLeft, isValidFixedRight, useTableRowManager, findLastIndex, createMiddleware, onResize } from '@are-visual/virtual-table';
-import { memo, useState, useEffect, useMemo } from 'react';
+import { getKey, useTableSticky, isValidFixedRight, isValidFixedLeft, isValidFixed, useTableRowManager, findLastIndex, createMiddleware, onResize } from '@are-visual/virtual-table';
+import { memo, useState, useEffect, useMemo, isValidElement, cloneElement } from 'react';
 import clsx from 'clsx';
 
 function LoadingCell(props) {
@@ -33,10 +33,10 @@ function LoadingRow(props) {
   const {
     descriptor,
     style,
-    rowIndex
+    rowKey
   } = props;
   const {
-    updateRowHeight
+    setRowHeightByRowKey
   } = useTableRowManager();
   const lastFixedLeftColumnIndex = findLastIndex(descriptor, x => {
     if (x.type === 'blank') {
@@ -55,7 +55,7 @@ function LoadingRow(props) {
     style: style,
     ref: node => {
       if (node == null) return;
-      updateRowHeight(rowIndex, rowIndex, node.offsetHeight);
+      setRowHeightByRowKey(rowKey, 'loading-tr', node.offsetHeight);
     },
     children: descriptor.map((item, index) => {
       const {
@@ -76,7 +76,6 @@ function LoadingRow(props) {
 }
 var LoadingRow$1 = /*#__PURE__*/memo(LoadingRow);
 
-const EMPTY_ARR = [];
 function useTableLoading(ctx, options) {
   const {
     loading = false
@@ -113,7 +112,21 @@ function useTableLoading(ctx, options) {
   }
   return {
     ...ctx,
-    dataSource: EMPTY_ARR,
+    renderBodyRoot: children => {
+      if (/*#__PURE__*/isValidElement(children)) {
+        if (Object.prototype.hasOwnProperty.call(children.props, 'style')) {
+          const style = children.props.style;
+          return /*#__PURE__*/cloneElement(children, {
+            style: {
+              ...style,
+              paddingBottom: undefined,
+              paddingTop: undefined
+            }
+          });
+        }
+      }
+      return children;
+    },
     renderBodyContent: (_ignore, _ref2) => {
       let {
         columnDescriptor,
@@ -125,7 +138,7 @@ function useTableLoading(ctx, options) {
             height: estimatedRowHeight
           },
           descriptor: columnDescriptor,
-          rowIndex: index + startRowIndex
+          rowKey: `__loading$-${index + startRowIndex}`
         }, item.key);
       });
     }

package/middleware/loading/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../packages/virtual-table/src/middleware/loading/cell.tsx","../../../../packages/virtual-table/src/middleware/loading/row.tsx","../../../../packages/virtual-table/src/middleware/loading/index.tsx"],"sourcesContent":["import type { ColumnType } from '@are-visual/virtual-table'\nimport type { ReactElement } from 'react'\nimport { getKey, isValidFixed, isValidFixedLeft, isValidFixedRight, useTableSticky } from '@are-visual/virtual-table'\nimport clsx from 'clsx'\nimport { memo } from 'react'\n\nexport interface CellProps<T> {\n  className?: string\n  column: ColumnType<T>\n}\n\nfunction LoadingCell<T>(props: CellProps<T>) {\n  const { column, className } = props\n\n  const { align, fixed } = column\n  const key = getKey(column)\n  const { size: stickySizes } = useTableSticky()\n\n  return (\n    <td\n      className={clsx(\n        'virtual-table-cell',\n        className,\n        align != null && `virtual-table-align-${align}`,\n        isValidFixed(fixed) && 'virtual-table-sticky-cell',\n      )}\n      style={{\n        left: isValidFixedLeft(fixed) ? stickySizes.get(key) : undefined,\n        right: isValidFixedRight(fixed) ? stickySizes.get(key) : undefined,\n      }}\n    >\n      <div className=\"virtual-table-loading-skeleton\" />\n    </td>\n  )\n}\n\nexport default memo(LoadingCell) as <T>(props: CellProps<T>) => ReactElement\n","import type { ColumnDescriptor } from '@are-visual/virtual-table'\nimport type { CSSProperties, ReactElement } from 'react'\nimport { findLastIndex, isValidFixedLeft, isValidFixedRight, useTableRowManager } from '@are-visual/virtual-table'\nimport clsx from 'clsx'\nimport { memo } from 'react'\nimport LoadingCell from './cell'\n\nexport interface RowProps<T> {\n  style?: CSSProperties\n  descriptor: ColumnDescriptor<T>[]\n  rowIndex: number\n}\n\nfunction LoadingRow<T>(props: RowProps<T>) {\n  const { descriptor, style, rowIndex } = props\n\n  const { updateRowHeight } = useTableRowManager()\n\n  const lastFixedLeftColumnIndex = findLastIndex(descriptor, (x) => {\n    if (x.type === 'blank') {\n      return false\n    }\n    return isValidFixedLeft(x.column.fixed)\n  })\n  const firstFixedRightColumnIndex = descriptor.findIndex((x) => {\n    if (x.type === 'blank') {\n      return false\n    }\n    return isValidFixedRight(x.column.fixed)\n  })\n\n  return (\n    <tr\n      className=\"virtual-table-row virtual-table-loading-cell\"\n      style={style}\n      ref={(node) => {\n        if (node == null) return\n        updateRowHeight(rowIndex, rowIndex, node.offsetHeight)\n      }}\n    >\n      {descriptor.map((item, index) => {\n        const { key } = item\n        if (item.type === 'blank') {\n          return <td key={key} />\n        }\n        const { column } = item\n        return (\n          <LoadingCell\n            key={key}\n            className={clsx(\n              lastFixedLeftColumnIndex === index && 'virtual-table-cell-fix-left-last',\n              firstFixedRightColumnIndex === index\n              && 'virtual-table-cell-fix-right-first',\n            )}\n            column={column}\n          />\n        )\n      })}\n    </tr>\n  )\n}\n\nexport default memo(LoadingRow) as <T>(props: RowProps<T>) => ReactElement\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { MiddlewareContext, MiddlewareResult } from '@are-visual/virtual-table'\nimport { createMiddleware, onResize } from '@are-visual/virtual-table'\nimport { useEffect, useMemo, useState } from 'react'\nimport LoadingRow from './row'\n\nconst EMPTY_ARR: unknown[] = []\n\nfunction useTableLoading<T = any>(\n  ctx: MiddlewareContext<T>,\n  options?: { loading?: boolean },\n): MiddlewareResult<T> {\n  const { loading = false } = options ?? {}\n  const { estimatedRowHeight, headerWrapperRef, getScroller } = ctx\n\n  const [count, setCount] = useState(10)\n\n  useEffect(() => {\n    const header = headerWrapperRef.current\n    const container = getScroller()\n    if (container == null) return\n    return onResize(container, ({ height }) => {\n      const headerHeight = header?.offsetHeight ?? 0\n      setCount(Math.ceil((height - headerHeight) / estimatedRowHeight))\n    })\n  }, [getScroller, headerWrapperRef, estimatedRowHeight])\n\n  const fakeDataSource = useMemo(() => {\n    return Array.from({ length: count }, (_, index) => {\n      return { key: index }\n    })\n  }, [count])\n\n  if (!loading) {\n    return ctx\n  }\n\n  return {\n    ...ctx,\n    dataSource: EMPTY_ARR as T[],\n    renderBodyContent: (_ignore, { columnDescriptor, startRowIndex }) => {\n      return fakeDataSource.map((item, index) => {\n        return (\n          <LoadingRow\n            key={item.key}\n            style={{ height: estimatedRowHeight }}\n            descriptor={columnDescriptor}\n            rowIndex={index + startRowIndex}\n          />\n        )\n      })\n    },\n  }\n}\n\nexport const tableLoading = createMiddleware(useTableLoading)\n"],"names":["LoadingCell","props","column","className","align","fixed","key","getKey","size","stickySizes","useTableSticky","_jsx","clsx","isValidFixed","style","left","isValidFixedLeft","get","undefined","right","isValidFixedRight","children","memo","LoadingRow","descriptor","rowIndex","updateRowHeight","useTableRowManager","lastFixedLeftColumnIndex","findLastIndex","x","type","firstFixedRightColumnIndex","findIndex","ref","node","offsetHeight","map","item","index","EMPTY_ARR","useTableLoading","ctx","options","loading","estimatedRowHeight","headerWrapperRef","getScroller","count","setCount","useState","useEffect","header","current","container","onResize","_ref","height","headerHeight","Math","ceil","fakeDataSource","useMemo","Array","from","length","_","dataSource","renderBodyContent","_ignore","_ref2","columnDescriptor","startRowIndex","tableLoading","createMiddleware"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../packages/virtual-table/src/middleware/loading/cell.tsx","../../../../packages/virtual-table/src/middleware/loading/row.tsx","../../../../packages/virtual-table/src/middleware/loading/index.tsx"],"sourcesContent":["import type { ColumnType } from '@are-visual/virtual-table'\nimport type { ReactElement } from 'react'\nimport { getKey, isValidFixed, isValidFixedLeft, isValidFixedRight, useTableSticky } from '@are-visual/virtual-table'\nimport clsx from 'clsx'\nimport { memo } from 'react'\n\nexport interface CellProps<T> {\n  className?: string\n  column: ColumnType<T>\n}\n\nfunction LoadingCell<T>(props: CellProps<T>) {\n  const { column, className } = props\n\n  const { align, fixed } = column\n  const key = getKey(column)\n  const { size: stickySizes } = useTableSticky()\n\n  return (\n    <td\n      className={clsx(\n        'virtual-table-cell',\n        className,\n        align != null && `virtual-table-align-${align}`,\n        isValidFixed(fixed) && 'virtual-table-sticky-cell',\n      )}\n      style={{\n        left: isValidFixedLeft(fixed) ? stickySizes.get(key) : undefined,\n        right: isValidFixedRight(fixed) ? stickySizes.get(key) : undefined,\n      }}\n    >\n      <div className=\"virtual-table-loading-skeleton\" />\n    </td>\n  )\n}\n\nexport default memo(LoadingCell) as <T>(props: CellProps<T>) => ReactElement\n","import type { ColumnDescriptor } from '@are-visual/virtual-table'\nimport type { CSSProperties, Key, ReactElement } from 'react'\nimport { findLastIndex, isValidFixedLeft, isValidFixedRight, useTableRowManager } from '@are-visual/virtual-table'\nimport clsx from 'clsx'\nimport { memo } from 'react'\nimport LoadingCell from './cell'\n\nexport interface RowProps<T> {\n  style?: CSSProperties\n  descriptor: ColumnDescriptor<T>[]\n  rowKey: Key\n}\n\nfunction LoadingRow<T>(props: RowProps<T>) {\n  const { descriptor, style, rowKey } = props\n\n  const { setRowHeightByRowKey } = useTableRowManager()\n\n  const lastFixedLeftColumnIndex = findLastIndex(descriptor, (x) => {\n    if (x.type === 'blank') {\n      return false\n    }\n    return isValidFixedLeft(x.column.fixed)\n  })\n  const firstFixedRightColumnIndex = descriptor.findIndex((x) => {\n    if (x.type === 'blank') {\n      return false\n    }\n    return isValidFixedRight(x.column.fixed)\n  })\n\n  return (\n    <tr\n      className=\"virtual-table-row virtual-table-loading-cell\"\n      style={style}\n      ref={(node) => {\n        if (node == null) return\n        setRowHeightByRowKey(rowKey, 'loading-tr', node.offsetHeight)\n      }}\n    >\n      {descriptor.map((item, index) => {\n        const { key } = item\n        if (item.type === 'blank') {\n          return <td key={key} />\n        }\n        const { column } = item\n        return (\n          <LoadingCell\n            key={key}\n            className={clsx(\n              lastFixedLeftColumnIndex === index && 'virtual-table-cell-fix-left-last',\n              firstFixedRightColumnIndex === index\n              && 'virtual-table-cell-fix-right-first',\n            )}\n            column={column}\n          />\n        )\n      })}\n    </tr>\n  )\n}\n\nexport default memo(LoadingRow) as <T>(props: RowProps<T>) => ReactElement\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { MiddlewareContext, MiddlewareResult } from '@are-visual/virtual-table'\nimport type { CSSProperties, ReactElement } from 'react'\nimport { createMiddleware, onResize } from '@are-visual/virtual-table'\nimport { cloneElement, isValidElement, useEffect, useMemo, useState } from 'react'\nimport LoadingRow from './row'\n\nfunction useTableLoading<T = any>(\n  ctx: MiddlewareContext<T>,\n  options?: { loading?: boolean },\n): MiddlewareResult<T> {\n  const { loading = false } = options ?? {}\n  const { estimatedRowHeight, headerWrapperRef, getScroller } = ctx\n\n  const [count, setCount] = useState(10)\n\n  useEffect(() => {\n    const header = headerWrapperRef.current\n    const container = getScroller()\n    if (container == null) return\n    return onResize(container, ({ height }) => {\n      const headerHeight = header?.offsetHeight ?? 0\n      setCount(Math.ceil((height - headerHeight) / estimatedRowHeight))\n    })\n  }, [getScroller, headerWrapperRef, estimatedRowHeight])\n\n  const fakeDataSource = useMemo(() => {\n    return Array.from({ length: count }, (_, index) => {\n      return { key: index }\n    })\n  }, [count])\n\n  if (!loading) {\n    return ctx\n  }\n\n  return {\n    ...ctx,\n    renderBodyRoot: (children) => {\n      if (isValidElement(children)) {\n        if (Object.prototype.hasOwnProperty.call(children.props, 'style')) {\n          const style = (children.props as { style: CSSProperties }).style\n          return cloneElement(children as ReactElement<{ style: CSSProperties }>, {\n            style: {\n              ...style,\n              paddingBottom: undefined,\n              paddingTop: undefined,\n            },\n          })\n        }\n      }\n      return children\n    },\n    renderBodyContent: (_ignore, { columnDescriptor, startRowIndex }) => {\n      return fakeDataSource.map((item, index) => {\n        return (\n          <LoadingRow\n            key={item.key}\n            style={{ height: estimatedRowHeight }}\n            descriptor={columnDescriptor}\n            rowKey={`__loading$-${index + startRowIndex}`}\n          />\n        )\n      })\n    },\n  }\n}\n\nexport const tableLoading = createMiddleware(useTableLoading)\n"],"names":["LoadingCell","props","column","className","align","fixed","key","getKey","size","stickySizes","useTableSticky","_jsx","clsx","isValidFixed","style","left","isValidFixedLeft","get","undefined","right","isValidFixedRight","children","memo","LoadingRow","descriptor","rowKey","setRowHeightByRowKey","useTableRowManager","lastFixedLeftColumnIndex","findLastIndex","x","type","firstFixedRightColumnIndex","findIndex","ref","node","offsetHeight","map","item","index","useTableLoading","ctx","options","loading","estimatedRowHeight","headerWrapperRef","getScroller","count","setCount","useState","useEffect","header","current","container","onResize","_ref","height","headerHeight","Math","ceil","fakeDataSource","useMemo","Array","from","length","_","renderBodyRoot","isValidElement","Object","prototype","hasOwnProperty","call","cloneElement","paddingBottom","paddingTop","renderBodyContent","_ignore","_ref2","columnDescriptor","startRowIndex","tableLoading","createMiddleware"],"mappings":"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"}

package/middleware/selection/index.d.ts

@@ -1,6 +1,6 @@
 import * as _are_visual_virtual_table from '@are-visual/virtual-table';
 import { ColumnExtra } from '@are-visual/virtual-table';
-import { HTMLAttributes, TdHTMLAttributes, Key, ComponentType, ReactNode } from 'react';
+import { ComponentType, Key, ReactNode, HTMLAttributes, TdHTMLAttributes } from 'react';
 
 type RowSelectMethod = 'all' | 'none' | 'invert' | 'single' | 'multiple';
 type SelectionSelectFn<T = any> = (record: T, selected: boolean, selectedRows: T[], nativeEvent: Event) => void;
@@ -45,4 +45,5 @@ declare const SELECTION_COLUMN_KEY = "VirtualTable.SELECTION_COLUMN";
  */
 declare const tableSelection: <T = any>(options?: TableRowSelection<T> | undefined) => _are_visual_virtual_table.Middleware<T>;
 
-export { type GetComponentProps, type RowSelectMethod, SELECTION_COLUMN_KEY, type SelectionColumnTitleProps, type SelectionProps, type SelectionSelectFn, type TableRowSelection, tableSelection };
+export { SELECTION_COLUMN_KEY, tableSelection };
+export type { GetComponentProps, RowSelectMethod, SelectionColumnTitleProps, SelectionProps, SelectionSelectFn, TableRowSelection };

package/middleware/summary/index.d.ts

@@ -1,15 +1,27 @@
 import * as _are_visual_virtual_table from '@are-visual/virtual-table';
-import { ColumnType } from '@are-visual/virtual-table';
+import { ColumnType, ColumnDescriptor } from '@are-visual/virtual-table';
 import * as react from 'react';
-import { Key, DetailedHTMLProps, HTMLAttributes, CSSProperties, MouseEvent, ReactNode, ReactElement } from 'react';
+import { DetailedHTMLProps, HTMLAttributes, Key, CSSProperties, ReactNode, MouseEvent, ReactElement } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 type NativeProps = DetailedHTMLProps<HTMLAttributes<HTMLTableCellElement>, HTMLTableCellElement>;
 interface CellProps extends NativeProps, Pick<ColumnType<unknown>, 'align'> {
-    columnKey: Key;
+    columnKey?: Key;
     colSpan?: number;
 }
 
+interface FooterProps {
+    className?: string;
+    style?: CSSProperties;
+    /** Summary 位于底部，且设置 fixed 时生效 */
+    zIndex?: number;
+    /** Summary 位于底部，且设置 fixed 时生效 */
+    bottom?: number | string;
+    columns: ColumnDescriptor[];
+    fixed?: boolean;
+    children?: ReactNode;
+}
+
 interface SummaryOutletProps<T> {
     className?: string;
     style?: CSSProperties;
@@ -44,10 +56,11 @@ declare module '@are-visual/virtual-table' {
         summary?: InlineCellProps<T>;
     }
 }
-interface TableSummaryOptions<T = any> {
+interface TableSummaryOptions<T = any> extends Pick<FooterProps, 'bottom' | 'className' | 'style' | 'zIndex'> {
     summary: (data: T[]) => ReactNode;
 }
 
 declare const tableSummary: <T = any>(options?: TableSummaryOptions<T> | undefined) => _are_visual_virtual_table.Middleware<T>;
 
-export { type InlineCellProps, Summary, type TableSummaryOptions, tableSummary };
+export { Summary, tableSummary };
+export type { InlineCellProps, TableSummaryOptions };

package/middleware/summary/index.js

@@ -1,13 +1,17 @@
 import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import { useHorizontalScrollContext, Colgroup, useTableSticky, isValidFixedLeft, isValidFixedRight, isValidFixed, createMiddleware } from '@are-visual/virtual-table';
-import { createContext, useState, useRef, useEffect, memo, useMemo, useContext, createElement, Fragment, isValidElement, Children } from 'react';
-import { getScrollbarSize } from '@are-visual/virtual-table/middleware/utils/getScrollbarSize';
 import clsx from 'clsx';
+import { createContext, useState, useRef, useEffect, memo, useMemo, useContext, createElement, isValidElement, cloneElement, Fragment, Children } from 'react';
+import { getScrollbarSize } from '@are-visual/virtual-table/middleware/utils/getScrollbarSize';
 
 const SummaryContext = /*#__PURE__*/createContext(null);
 
 const Footer = props => {
   const {
+    className,
+    style,
+    zIndex,
+    bottom,
     columns,
     fixed,
     children
@@ -38,8 +42,13 @@ const Footer = props => {
     };
   }, [listen, notify]);
   return jsx("div", {
-    className: clsx('virtual-table-summary-wrapper', fixed && 'virtual-table-summary-sticky-bottom virtual-table-summary-top-border'),
+    className: clsx('virtual-table-summary-wrapper', fixed && 'virtual-table-summary-sticky-bottom virtual-table-summary-top-border', className),
     style: {
+      ...(fixed ? {
+        '--virtual-table-summary-z-index': zIndex,
+        '--virtual-table-summary-sticky-bottom': Number.isFinite(bottom) ? `${bottom}px` : bottom
+      } : {}),
+      ...style,
       paddingBottom: scrollbarHeight
     },
     ref: wrapperRef,
@@ -69,7 +78,7 @@ function Cell(props) {
     size: stickySizes,
     fixed: columnsFixed
   } = useTableSticky();
-  const stickySize = stickySizes.get(columnKey);
+  const stickySize = columnKey == null ? 0 : stickySizes.get(columnKey);
   const fixed = columnsFixed.find(x => x.key === columnKey)?.fixed;
   const {
     left: lastFixedLeftColumnKey,
@@ -158,8 +167,14 @@ const SummaryRow = _ref => {
           const {
             column
           } = item;
+          let childNode = children(column, key);
+          if (/*#__PURE__*/isValidElement(childNode) && childNode.type === Cell$1) {
+            childNode = /*#__PURE__*/cloneElement(childNode, {
+              columnKey: key
+            });
+          }
           return jsx(Fragment, {
-            children: children(column, key)
+            children: childNode
           }, key);
         })
       });
@@ -184,6 +199,10 @@ Summary.Outlet = SummaryOutlet;
 
 function useTableSummary(ctx, options) {
   const {
+    className,
+    style,
+    zIndex,
+    bottom,
     summary
   } = options ?? {};
   const {
@@ -242,7 +261,8 @@ function useTableSummary(ctx, options) {
         } = _ref;
         return jsxs(Fragment$1, {
           children: [children, jsx("tfoot", {
-            className: "virtual-table-summary-tfoot",
+            className: clsx('virtual-table-summary-tfoot', className),
+            style: style,
             children: jsx(SummaryContext.Provider, {
               value: columnDescriptor,
               children: topNode
@@ -258,6 +278,10 @@ function useTableSummary(ctx, options) {
         } = _ref2;
         return jsxs(Fragment$1, {
           children: [children, jsx(Footer, {
+            className: className,
+            style: style,
+            zIndex: zIndex,
+            bottom: bottom,
             fixed: hasFixedBottom,
             columns: columnDescriptor,
             children: jsx(SummaryContext.Provider, {

package/middleware/summary/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../packages/virtual-table/src/middleware/summary/context/columns.tsx","../../../../packages/virtual-table/src/middleware/summary/footer.tsx","../../../../packages/virtual-table/src/middleware/summary/cell.tsx","../../../../packages/virtual-table/src/middleware/summary/outlet.tsx","../../../../packages/virtual-table/src/middleware/summary/row.tsx","../../../../packages/virtual-table/src/middleware/summary/summary.tsx","../../../../packages/virtual-table/src/middleware/summary/index.tsx"],"sourcesContent":["import type { ColumnDescriptor } from '@are-visual/virtual-table'\nimport { createContext } from 'react'\n\nexport const SummaryContext = createContext<ColumnDescriptor[] | null>(null)\n","import type { ColumnDescriptor } from '@are-visual/virtual-table'\nimport type { FC, ReactNode } from 'react'\nimport { Colgroup, useHorizontalScrollContext } from '@are-visual/virtual-table'\nimport { getScrollbarSize } from '@are-visual/virtual-table/middleware/utils/getScrollbarSize'\nimport clsx from 'clsx'\nimport { useEffect, useRef, useState } from 'react'\n\nexport interface FooterProps {\n  columns: ColumnDescriptor[]\n  fixed?: boolean\n  children?: ReactNode\n}\n\nconst Footer: FC<FooterProps> = (props) => {\n  const { columns, fixed, children } = props\n\n  const { listen, notify } = useHorizontalScrollContext()\n  const [scrollbarHeight] = useState(() => getScrollbarSize().height)\n\n  const wrapperRef = useRef<HTMLDivElement>(null)\n  useEffect(() => {\n    const node = wrapperRef.current\n    if (node == null) return\n    const key = 'virtual-table-summary'\n    const onScroll = () => {\n      notify(key, { scrollLeft: () => node.scrollLeft, node })\n    }\n    const dispose = listen(key, (scrollLeft) => {\n      node.scrollLeft = scrollLeft\n    })\n    node.addEventListener('scroll', onScroll)\n    return () => {\n      node.removeEventListener('scroll', onScroll)\n      dispose()\n    }\n  }, [listen, notify])\n\n  return (\n    <div\n      className={clsx(\n        'virtual-table-summary-wrapper',\n        fixed && 'virtual-table-summary-sticky-bottom virtual-table-summary-top-border',\n      )}\n      style={{ paddingBottom: scrollbarHeight }}\n      ref={wrapperRef}\n    >\n      <table className=\"virtual-table-summary\">\n        <Colgroup columns={columns} />\n        <tfoot className=\"virtual-table-summary-tfoot\">{children}</tfoot>\n      </table>\n    </div>\n  )\n}\n\nexport default Footer\n","import type { ColumnType } from '@are-visual/virtual-table'\nimport type { DetailedHTMLProps, HTMLAttributes, Key } from 'react'\nimport { isValidFixed, isValidFixedLeft, isValidFixedRight, useTableSticky } from '@are-visual/virtual-table'\nimport clsx from 'clsx'\nimport { memo, useMemo } from 'react'\n\ntype NativeProps = DetailedHTMLProps<\n  HTMLAttributes<HTMLTableCellElement>,\n  HTMLTableCellElement\n>\n\nexport interface CellProps extends NativeProps, Pick<ColumnType<unknown>, 'align'> {\n  columnKey: Key\n  colSpan?: number\n}\n\nfunction Cell(props: CellProps) {\n  const {\n    className,\n    style,\n    children,\n    align,\n    colSpan,\n    columnKey,\n    ...restProps\n  } = props\n\n  const { size: stickySizes, fixed: columnsFixed } = useTableSticky()\n\n  const stickySize = stickySizes.get(columnKey)\n  const fixed = columnsFixed.find((x) => x.key === columnKey)?.fixed\n\n  const { left: lastFixedLeftColumnKey, right: firstFixedRightColumnKey } = useMemo(() => {\n    const left = columnsFixed.reduce<Key | undefined>((result, x) => {\n      if (isValidFixedLeft(x.fixed)) {\n        return x.key\n      }\n      return result\n    }, undefined)\n    const right = columnsFixed.find((x) => isValidFixedRight(x.fixed))?.key\n    return { left, right }\n  }, [columnsFixed])\n\n  if (colSpan === 0) {\n    return null\n  }\n\n  return (\n    <td\n      {...restProps}\n      colSpan={colSpan}\n      className={clsx(\n        'virtual-table-cell virtual-table-summary-cell',\n        align != null && `virtual-table-align-${align}`,\n        isValidFixed(fixed) && 'virtual-table-sticky-cell',\n        lastFixedLeftColumnKey === columnKey && 'virtual-table-cell-fix-left-last',\n        firstFixedRightColumnKey === columnKey && 'virtual-table-cell-fix-right-first',\n        className,\n      )}\n      style={{\n        ...style,\n        left: isValidFixedLeft(fixed) ? stickySize : undefined,\n        right: isValidFixedRight(fixed) ? stickySize : undefined,\n      }}\n    >\n      {children}\n    </td>\n  )\n}\n\nexport default memo(Cell)\n","import type { CSSProperties, MouseEvent } from 'react'\nimport { useContext } from 'react'\n\nimport Cell from './cell'\nimport { SummaryContext } from './context/columns'\n\nexport interface SummaryOutletProps<T> {\n  className?: string\n  style?: CSSProperties\n  dataSource: T[]\n  onClick?: (e?: MouseEvent<HTMLElement>) => void\n}\n\nfunction SummaryOutlet<T>(props: SummaryOutletProps<T>) {\n  const { dataSource, ...restProps } = props\n  const descriptor = useContext(SummaryContext)\n\n  if (descriptor == null) {\n    throw new Error(\n      'SummaryOutlet is missing the columns context and cannot use children as a function.',\n    )\n  }\n\n  return (\n    <tr {...restProps}>\n      {descriptor.map((item) => {\n        const { key } = item\n        if (item.type === 'blank') {\n          return <td key={key} />\n        }\n        const { column } = item\n        const { render, ...cellProps } = column.summary ?? {}\n        return (\n          <Cell {...cellProps} key={key} columnKey={key}>\n            {render?.(dataSource)}\n          </Cell>\n        )\n      })}\n    </tr>\n  )\n}\n\nexport default SummaryOutlet\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { ColumnType } from '@are-visual/virtual-table'\nimport type { CSSProperties, FC, Key, MouseEvent, ReactNode } from 'react'\nimport { Fragment, useContext } from 'react'\nimport { SummaryContext } from './context/columns'\n\nexport interface SummaryRowProps {\n  children?: ReactNode | ((column: ColumnType<any>, key: Key) => ReactNode)\n  className?: string\n  style?: CSSProperties\n  onClick?: (e?: MouseEvent<HTMLElement>) => void\n}\n\nconst SummaryRow: FC<SummaryRowProps> = ({ children, ...props }) => {\n  const descriptor = useContext(SummaryContext)\n\n  if (typeof children === 'function') {\n    if (descriptor != null) {\n      return (\n        <tr {...props}>\n          {descriptor.map((item) => {\n            const { key } = item\n            if (item.type === 'blank') {\n              return <td key={key} />\n            }\n            const { column } = item\n            return <Fragment key={key}>{children(column, key)}</Fragment>\n          })}\n        </tr>\n      )\n    }\n    throw new Error('SummaryRow is missing the columns context and cannot use children as a function.')\n  }\n\n  return <tr {...props}>{children}</tr>\n}\n\nexport default SummaryRow\n","import type { ReactElement, ReactNode } from 'react'\n\nimport Cell from './cell'\nimport Outlet from './outlet'\nimport Row from './row'\n\nexport interface SummaryProps {\n  fixed?: boolean | 'top' | 'bottom'\n  children?: ReactNode\n}\n\nfunction Summary({ children }: SummaryProps) {\n  return children as ReactElement\n}\n\nSummary.Row = Row\nSummary.Cell = Cell\nSummary.Outlet = Outlet\n\nexport default Summary\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { MiddlewareContext, MiddlewareResult } from '@are-visual/virtual-table'\nimport type { ReactElement, ReactNode } from 'react'\nimport type { CellProps } from './cell'\nimport type { SummaryProps } from './summary'\nimport { createMiddleware } from '@are-visual/virtual-table'\nimport { Children, Fragment, isValidElement } from 'react'\nimport { SummaryContext } from './context/columns'\nimport Footer from './footer'\nimport Summary from './summary'\n\nexport interface InlineCellProps<T> extends Omit<CellProps, 'ref' | 'columnKey' | 'render' | 'children'> {\n  render?: (dataSource: T[]) => ReactNode\n}\n\ndeclare module '@are-visual/virtual-table' {\n  interface ColumnExtra<T = any> {\n    summary?: InlineCellProps<T>\n  }\n}\n\nexport interface TableSummaryOptions<T = any> {\n  summary: (data: T[]) => ReactNode\n}\n\nfunction useTableSummary<T = any>(\n  ctx: MiddlewareContext<T>,\n  options?: TableSummaryOptions<T>,\n): MiddlewareResult<T> {\n  const { summary } = options ?? {}\n  const { dataSource } = ctx\n\n  let hasFixedTop = false\n  let hasFixedBottom = false\n\n  const summaryNode = summary?.(dataSource)\n  const topNode: ReactNode[] = []\n  const bottomNode: ReactNode[] = []\n\n  const handleRowElement = (node: ReactElement<SummaryProps>) => {\n    const fixed = node.props.fixed\n    if (fixed === 'top') {\n      hasFixedTop = true\n      topNode.push(node)\n    } else {\n      if (fixed === 'bottom' || fixed === true) {\n        hasFixedBottom = true\n      }\n      bottomNode.push(node)\n    }\n  }\n\n  if (summary == null) {\n    return ctx\n  }\n\n  if (isValidElement(summaryNode)) {\n    if (summaryNode.type === Fragment) {\n      const rawChildren = (summaryNode.props as { children?: ReactNode }).children\n      // eslint-disable-next-line @eslint-react/no-children-for-each\n      Children.forEach(rawChildren, (child) => {\n        if (isValidElement(child) && child.type === Summary) {\n          handleRowElement(child as ReactElement<SummaryProps>)\n        } else {\n          if (__DEV__) {\n            console.warn(child, 'The summary function does not support components other than Fragment and Summary.')\n          }\n        }\n      })\n    } else if (summaryNode.type === Summary) {\n      handleRowElement(summaryNode as ReactElement<SummaryProps>)\n    } else {\n      if (__DEV__) {\n        console.error(summaryNode, 'The summary function does not support components other than Fragment and Summary.')\n        throw new Error('The summary function does not support components other than Fragment and Summary.')\n      }\n    }\n  } else {\n    return ctx\n  }\n\n  return {\n    ...ctx,\n    ...(hasFixedTop as boolean\n      ? {\n          renderHeader: (children, { columnDescriptor }) => {\n            return (\n              <>\n                {children}\n                <tfoot className=\"virtual-table-summary-tfoot\">\n                  <SummaryContext.Provider value={columnDescriptor}>\n                    {topNode}\n                  </SummaryContext.Provider>\n                </tfoot>\n              </>\n            )\n          },\n        }\n      : {}),\n    ...(hasFixedBottom as boolean\n      ? {\n          renderContent(children, { columnDescriptor }) {\n            return (\n              <>\n                {children}\n                <Footer fixed={hasFixedBottom} columns={columnDescriptor}>\n                  <SummaryContext.Provider value={columnDescriptor}>\n                    {bottomNode}\n                  </SummaryContext.Provider>\n                </Footer>\n              </>\n            )\n          },\n        }\n      : {}),\n  }\n}\n\nexport { default as Summary } from './summary'\nexport const tableSummary = createMiddleware(useTableSummary)\n"],"names":["SummaryContext","createContext","Footer","props","columns","fixed","children","listen","notify","useHorizontalScrollContext","scrollbarHeight","useState","getScrollbarSize","height","wrapperRef","useRef","useEffect","node","current","key","onScroll","scrollLeft","dispose","addEventListener","removeEventListener","_jsx","className","clsx","style","paddingBottom","ref","_jsxs","Colgroup","Cell","align","colSpan","columnKey","restProps","size","stickySizes","columnsFixed","useTableSticky","stickySize","get","find","x","left","lastFixedLeftColumnKey","right","firstFixedRightColumnKey","useMemo","reduce","result","isValidFixedLeft","undefined","isValidFixedRight","isValidFixed","memo","SummaryOutlet","dataSource","descriptor","useContext","Error","map","item","type","column","render","cellProps","summary","_createElement","SummaryRow","_ref","Fragment","Summary","Row","Outlet","useTableSummary","ctx","options","hasFixedTop","hasFixedBottom","summaryNode","topNode","bottomNode","handleRowElement","push","isValidElement","rawChildren","Children","forEach","child","__DEV__","console","warn","error","renderHeader","columnDescriptor","Provider","value","renderContent","_ref2","_Fragment","tableSummary","createMiddleware"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../packages/virtual-table/src/middleware/summary/context/columns.tsx","../../../../packages/virtual-table/src/middleware/summary/footer.tsx","../../../../packages/virtual-table/src/middleware/summary/cell.tsx","../../../../packages/virtual-table/src/middleware/summary/outlet.tsx","../../../../packages/virtual-table/src/middleware/summary/row.tsx","../../../../packages/virtual-table/src/middleware/summary/summary.tsx","../../../../packages/virtual-table/src/middleware/summary/index.tsx"],"sourcesContent":["import type { ColumnDescriptor } from '@are-visual/virtual-table'\nimport { createContext } from 'react'\n\nexport const SummaryContext = createContext<ColumnDescriptor[] | null>(null)\n","import type { ColumnDescriptor } from '@are-visual/virtual-table'\nimport type { CSSProperties, FC, ReactNode } from 'react'\nimport { Colgroup, useHorizontalScrollContext } from '@are-visual/virtual-table'\nimport { getScrollbarSize } from '@are-visual/virtual-table/middleware/utils/getScrollbarSize'\nimport clsx from 'clsx'\nimport { useEffect, useRef, useState } from 'react'\n\nexport interface FooterProps {\n  className?: string\n  style?: CSSProperties\n  /** Summary 位于底部，且设置 fixed 时生效 */\n  zIndex?: number\n  /** Summary 位于底部，且设置 fixed 时生效 */\n  bottom?: number | string\n  columns: ColumnDescriptor[]\n  fixed?: boolean\n  children?: ReactNode\n}\n\nconst Footer: FC<FooterProps> = (props) => {\n  const { className, style, zIndex, bottom, columns, fixed, children } = props\n\n  const { listen, notify } = useHorizontalScrollContext()\n  const [scrollbarHeight] = useState(() => getScrollbarSize().height)\n\n  const wrapperRef = useRef<HTMLDivElement>(null)\n  useEffect(() => {\n    const node = wrapperRef.current\n    if (node == null) return\n    const key = 'virtual-table-summary'\n    const onScroll = () => {\n      notify(key, { scrollLeft: () => node.scrollLeft, node })\n    }\n    const dispose = listen(key, (scrollLeft) => {\n      node.scrollLeft = scrollLeft\n    })\n    node.addEventListener('scroll', onScroll)\n    return () => {\n      node.removeEventListener('scroll', onScroll)\n      dispose()\n    }\n  }, [listen, notify])\n\n  return (\n    <div\n      className={clsx(\n        'virtual-table-summary-wrapper',\n        fixed && 'virtual-table-summary-sticky-bottom virtual-table-summary-top-border',\n        className,\n      )}\n\n      style={{\n        ...(fixed\n          ? {\n              '--virtual-table-summary-z-index': zIndex,\n              '--virtual-table-summary-sticky-bottom': Number.isFinite(bottom) ? `${bottom}px` : bottom,\n            }\n          : {}),\n        ...style,\n        paddingBottom: scrollbarHeight,\n      }}\n      ref={wrapperRef}\n    >\n      <table className=\"virtual-table-summary\">\n        <Colgroup columns={columns} />\n        <tfoot className=\"virtual-table-summary-tfoot\">{children}</tfoot>\n      </table>\n    </div>\n  )\n}\n\nexport default Footer\n","import type { ColumnType } from '@are-visual/virtual-table'\nimport type { DetailedHTMLProps, HTMLAttributes, Key } from 'react'\nimport { isValidFixed, isValidFixedLeft, isValidFixedRight, useTableSticky } from '@are-visual/virtual-table'\nimport clsx from 'clsx'\nimport { memo, useMemo } from 'react'\n\ntype NativeProps = DetailedHTMLProps<\n  HTMLAttributes<HTMLTableCellElement>,\n  HTMLTableCellElement\n>\n\nexport interface CellProps extends NativeProps, Pick<ColumnType<unknown>, 'align'> {\n  columnKey?: Key\n  colSpan?: number\n}\n\nfunction Cell(props: CellProps) {\n  const {\n    className,\n    style,\n    children,\n    align,\n    colSpan,\n    columnKey,\n    ...restProps\n  } = props\n\n  const { size: stickySizes, fixed: columnsFixed } = useTableSticky()\n\n  const stickySize = columnKey == null ? 0 : stickySizes.get(columnKey)\n  const fixed = columnsFixed.find((x) => x.key === columnKey)?.fixed\n\n  const { left: lastFixedLeftColumnKey, right: firstFixedRightColumnKey } = useMemo(() => {\n    const left = columnsFixed.reduce<Key | undefined>((result, x) => {\n      if (isValidFixedLeft(x.fixed)) {\n        return x.key\n      }\n      return result\n    }, undefined)\n    const right = columnsFixed.find((x) => isValidFixedRight(x.fixed))?.key\n    return { left, right }\n  }, [columnsFixed])\n\n  if (colSpan === 0) {\n    return null\n  }\n\n  return (\n    <td\n      {...restProps}\n      colSpan={colSpan}\n      className={clsx(\n        'virtual-table-cell virtual-table-summary-cell',\n        align != null && `virtual-table-align-${align}`,\n        isValidFixed(fixed) && 'virtual-table-sticky-cell',\n        lastFixedLeftColumnKey === columnKey && 'virtual-table-cell-fix-left-last',\n        firstFixedRightColumnKey === columnKey && 'virtual-table-cell-fix-right-first',\n        className,\n      )}\n      style={{\n        ...style,\n        left: isValidFixedLeft(fixed) ? stickySize : undefined,\n        right: isValidFixedRight(fixed) ? stickySize : undefined,\n      }}\n    >\n      {children}\n    </td>\n  )\n}\n\nexport default memo(Cell)\n","import type { CSSProperties, MouseEvent } from 'react'\nimport { useContext } from 'react'\n\nimport Cell from './cell'\nimport { SummaryContext } from './context/columns'\n\nexport interface SummaryOutletProps<T> {\n  className?: string\n  style?: CSSProperties\n  dataSource: T[]\n  onClick?: (e?: MouseEvent<HTMLElement>) => void\n}\n\nfunction SummaryOutlet<T>(props: SummaryOutletProps<T>) {\n  const { dataSource, ...restProps } = props\n  const descriptor = useContext(SummaryContext)\n\n  if (descriptor == null) {\n    throw new Error(\n      'SummaryOutlet is missing the columns context and cannot use children as a function.',\n    )\n  }\n\n  return (\n    <tr {...restProps}>\n      {descriptor.map((item) => {\n        const { key } = item\n        if (item.type === 'blank') {\n          return <td key={key} />\n        }\n        const { column } = item\n        const { render, ...cellProps } = column.summary ?? {}\n        return (\n          <Cell {...cellProps} key={key} columnKey={key}>\n            {render?.(dataSource)}\n          </Cell>\n        )\n      })}\n    </tr>\n  )\n}\n\nexport default SummaryOutlet\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { ColumnType } from '@are-visual/virtual-table'\nimport type { CSSProperties, FC, Key, MouseEvent, ReactElement, ReactNode } from 'react'\nimport type { CellProps } from './cell'\nimport { cloneElement, Fragment, isValidElement, useContext } from 'react'\nimport SummaryCell from './cell'\nimport { SummaryContext } from './context/columns'\n\nexport interface SummaryRowProps {\n  children?: ReactNode | ((column: ColumnType<any>, key: Key) => ReactNode)\n  className?: string\n  style?: CSSProperties\n  onClick?: (e?: MouseEvent<HTMLElement>) => void\n}\n\nconst SummaryRow: FC<SummaryRowProps> = ({ children, ...props }) => {\n  const descriptor = useContext(SummaryContext)\n\n  if (typeof children === 'function') {\n    if (descriptor != null) {\n      return (\n        <tr {...props}>\n          {descriptor.map((item) => {\n            const { key } = item\n            if (item.type === 'blank') {\n              return <td key={key} />\n            }\n            const { column } = item\n            let childNode = children(column, key)\n            if (isValidElement(childNode) && childNode.type === SummaryCell) {\n              childNode = cloneElement(childNode as ReactElement<CellProps>, { columnKey: key })\n            }\n            return <Fragment key={key}>{childNode}</Fragment>\n          })}\n        </tr>\n      )\n    }\n    throw new Error('SummaryRow is missing the columns context and cannot use children as a function.')\n  }\n\n  return <tr {...props}>{children}</tr>\n}\n\nexport default SummaryRow\n","import type { ReactElement, ReactNode } from 'react'\n\nimport Cell from './cell'\nimport Outlet from './outlet'\nimport Row from './row'\n\nexport interface SummaryProps {\n  fixed?: boolean | 'top' | 'bottom'\n  children?: ReactNode\n}\n\nfunction Summary({ children }: SummaryProps) {\n  return children as ReactElement\n}\n\nSummary.Row = Row\nSummary.Cell = Cell\nSummary.Outlet = Outlet\n\nexport default Summary\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { MiddlewareContext, MiddlewareResult } from '@are-visual/virtual-table'\nimport type { ReactElement, ReactNode } from 'react'\nimport type { CellProps } from './cell'\nimport type { FooterProps } from './footer'\nimport type { SummaryProps } from './summary'\nimport { createMiddleware } from '@are-visual/virtual-table'\nimport clsx from 'clsx'\nimport { Children, Fragment, isValidElement } from 'react'\nimport { SummaryContext } from './context/columns'\nimport Footer from './footer'\nimport Summary from './summary'\n\nexport interface InlineCellProps<T> extends Omit<CellProps, 'ref' | 'columnKey' | 'render' | 'children'> {\n  render?: (dataSource: T[]) => ReactNode\n}\n\ndeclare module '@are-visual/virtual-table' {\n  interface ColumnExtra<T = any> {\n    summary?: InlineCellProps<T>\n  }\n}\n\nexport interface TableSummaryOptions<T = any> extends Pick<FooterProps, 'bottom' | 'className' | 'style' | 'zIndex'> {\n  summary: (data: T[]) => ReactNode\n}\n\nfunction useTableSummary<T = any>(\n  ctx: MiddlewareContext<T>,\n  options?: TableSummaryOptions<T>,\n): MiddlewareResult<T> {\n  const { className, style, zIndex, bottom, summary } = options ?? {}\n  const { dataSource } = ctx\n\n  let hasFixedTop = false\n  let hasFixedBottom = false\n\n  const summaryNode = summary?.(dataSource)\n  const topNode: ReactNode[] = []\n  const bottomNode: ReactNode[] = []\n\n  const handleRowElement = (node: ReactElement<SummaryProps>) => {\n    const fixed = node.props.fixed\n    if (fixed === 'top') {\n      hasFixedTop = true\n      topNode.push(node)\n    } else {\n      if (fixed === 'bottom' || fixed === true) {\n        hasFixedBottom = true\n      }\n      bottomNode.push(node)\n    }\n  }\n\n  if (summary == null) {\n    return ctx\n  }\n\n  if (isValidElement(summaryNode)) {\n    if (summaryNode.type === Fragment) {\n      const rawChildren = (summaryNode.props as { children?: ReactNode }).children\n      // eslint-disable-next-line @eslint-react/no-children-for-each\n      Children.forEach(rawChildren, (child) => {\n        if (isValidElement(child) && child.type === Summary) {\n          handleRowElement(child as ReactElement<SummaryProps>)\n        } else {\n          if (__DEV__) {\n            console.warn(child, 'The summary function does not support components other than Fragment and Summary.')\n          }\n        }\n      })\n    } else if (summaryNode.type === Summary) {\n      handleRowElement(summaryNode as ReactElement<SummaryProps>)\n    } else {\n      if (__DEV__) {\n        console.error(summaryNode, 'The summary function does not support components other than Fragment and Summary.')\n        throw new Error('The summary function does not support components other than Fragment and Summary.')\n      }\n    }\n  } else {\n    return ctx\n  }\n\n  return {\n    ...ctx,\n    ...(hasFixedTop as boolean\n      ? {\n          renderHeader: (children, { columnDescriptor }) => {\n            return (\n              <>\n                {children}\n                <tfoot className={clsx('virtual-table-summary-tfoot', className)} style={style}>\n                  <SummaryContext.Provider value={columnDescriptor}>\n                    {topNode}\n                  </SummaryContext.Provider>\n                </tfoot>\n              </>\n            )\n          },\n        }\n      : {}),\n    ...(hasFixedBottom as boolean\n      ? {\n          renderContent(children, { columnDescriptor }) {\n            return (\n              <>\n                {children}\n                <Footer\n                  className={className}\n                  style={style}\n                  zIndex={zIndex}\n                  bottom={bottom}\n                  fixed={hasFixedBottom}\n                  columns={columnDescriptor}\n                >\n                  <SummaryContext.Provider value={columnDescriptor}>\n                    {bottomNode}\n                  </SummaryContext.Provider>\n                </Footer>\n              </>\n            )\n          },\n        }\n      : {}),\n  }\n}\n\nexport { default as Summary } from './summary'\nexport const tableSummary = createMiddleware(useTableSummary)\n"],"names":["SummaryContext","createContext","Footer","props","className","style","zIndex","bottom","columns","fixed","children","listen","notify","useHorizontalScrollContext","scrollbarHeight","useState","getScrollbarSize","height","wrapperRef","useRef","useEffect","node","current","key","onScroll","scrollLeft","dispose","addEventListener","removeEventListener","_jsx","clsx","Number","isFinite","paddingBottom","ref","_jsxs","Colgroup","Cell","align","colSpan","columnKey","restProps","size","stickySizes","columnsFixed","useTableSticky","stickySize","get","find","x","left","lastFixedLeftColumnKey","right","firstFixedRightColumnKey","useMemo","reduce","result","isValidFixedLeft","undefined","isValidFixedRight","isValidFixed","memo","SummaryOutlet","dataSource","descriptor","useContext","Error","map","item","type","column","render","cellProps","summary","_createElement","SummaryRow","_ref","childNode","isValidElement","SummaryCell","cloneElement","Fragment","Summary","Row","Outlet","useTableSummary","ctx","options","hasFixedTop","hasFixedBottom","summaryNode","topNode","bottomNode","handleRowElement","push","rawChildren","Children","forEach","child","__DEV__","console","warn","error","renderHeader","columnDescriptor","_Fragment","Provider","value","renderContent","_ref2","tableSummary","createMiddleware"],"mappings":"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"}

package/middleware/summary/styles.css

@@ -19,9 +19,9 @@
 }
 .virtual-table-summary-sticky-bottom {
   position: sticky;
-  bottom: 0;
+  bottom: var(--virtual-table-summary-sticky-bottom, 0px);
   left: 0;
-  z-index: 2;
+  z-index: var(--virtual-table-summary-sticky-z-index, 2);
 }
 .virtual-table-summary-tfoot {
   background-color: var(--virtual-table-summary-background, #fff);