@are-visual/virtual-table 0.10.2 → 0.11.0

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

@@ -4,6 +4,8 @@ import { ColumnType } from '@are-visual/virtual-table';
 declare module '@are-visual/virtual-table' {
     interface ColumnExtra {
         disableResize?: boolean;
+        /** Resize 时限制最小列宽 */
+        minWidth?: number;
         /** Resize 时限制最大列宽 */
         maxWidth?: number;
     }

package/middleware/column-resize/index.js

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { createMiddleware, getKey } from '@are-visual/virtual-table';
+import { createMiddleware, getKey, getColumnWidth } from '@are-visual/virtual-table';
 import { useState, useCallback, isValidElement, useMemo } from 'react';
 import { Resizable } from 'react-resizable';
 
@@ -53,7 +53,8 @@ function useColumnResize(ctx, args) {
     max
   } = args ?? {};
   const {
-    columns: rawColumns
+    columns: rawColumns,
+    instance
   } = ctx;
   const [columnWidths, setColumnWidths] = useState(() => {
     if (storageKey == null) {
@@ -75,14 +76,13 @@ function useColumnResize(ctx, args) {
   }, [storageKey]);
   const renderHeaderCell = useCallback((children, options) => {
     const {
-      column,
-      columnWidths
+      column
     } = options;
     if (column.disableResize) {
       return children;
     }
     const key = getKey(column);
-    const width = Number.isFinite(column.width) ? column.width : columnWidths.get(key) ?? 0;
+    const width = getColumnWidth(column, instance.getCurrentProps().defaultColumnWidth);
     if (process.env.NODE_ENV === 'development') {
       if (/*#__PURE__*/isValidElement(children) && children.type === Resizable) {
         throw new Error('The columnResize plugin was registered multiple times.');
@@ -104,7 +104,7 @@ function useColumnResize(ctx, args) {
       },
       children: children
     });
-  }, [handleResize, max, min]);
+  }, [handleResize, instance, max, min]);
   const columns = useMemo(() => {
     return rawColumns.map(column => {
       const key = getKey(column).toString();

package/middleware/column-resize/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../packages/virtual-table/src/middleware/column-resize/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { ColumnType, MiddlewareContext, MiddlewareRenderHeaderCell, MiddlewareResult } from '@are-visual/virtual-table'\nimport type { Key } from 'react'\nimport { createMiddleware, getKey } from '@are-visual/virtual-table'\nimport { isValidElement, useCallback, useMemo, useState } from 'react'\nimport { Resizable } from 'react-resizable'\n\ndeclare module '@are-visual/virtual-table' {\n  interface ColumnExtra {\n    disableResize?: boolean\n    /** Resize 时限制最大列宽 */\n    maxWidth?: number\n  }\n}\n\ntype Constraint<T> = number | ((column: ColumnType<T>) => (number | undefined | null))\n\nexport interface ResizeOptions<T = any> {\n  storageKey: string\n  min?: Constraint<T>\n  max?: Constraint<T>\n}\n\nfunction isObject(obj: unknown): obj is Record<string, unknown> {\n  return typeof obj === 'object' && obj != null\n}\n\nfunction getValue<T, Args>(maybeValue: T | ((args: Args) => T), args: Args): T {\n  if (typeof maybeValue === 'function') {\n    return (maybeValue as (args: Args) => T)(args)\n  }\n  return maybeValue\n}\n\nfunction getConstraintValue<T>(\n  constraint: Constraint<T> | undefined,\n  column: ColumnType<T>,\n): [width: number, height: number] | undefined {\n  if (constraint == null) return undefined\n  const result = getValue(constraint, column)\n  if (result == null) {\n    return undefined\n  }\n  return [result, 0]\n}\n\nconst resizeStorage = {\n  key(storageKey: string) {\n    return `${storageKey}_resize`\n  },\n  get(storageKey: string): Record<string, number> {\n    try {\n      const raw = window.localStorage.getItem(resizeStorage.key(storageKey)) ?? '{}'\n      const result = JSON.parse(raw)\n      if (isObject(result)) {\n        Object.entries(result).forEach(([k, v]) => {\n          if (!Number.isFinite(v)) {\n            delete result[k]\n          }\n        })\n        return result as Record<string, number>\n      }\n      return {}\n    } catch (_err) {\n      return {}\n    }\n  },\n  set(storageKey: string, value: Record<string, number>) {\n    window.localStorage.setItem(resizeStorage.key(storageKey), JSON.stringify(value))\n  },\n}\n\nfunction useColumnResize<T = any>(\n  ctx: MiddlewareContext<T>,\n  args?: ResizeOptions<T>,\n): MiddlewareResult<T> {\n  const { storageKey, min, max } = args ?? {}\n  const { columns: rawColumns } = ctx\n  const [columnWidths, setColumnWidths] = useState<Record<string, number>>(() => {\n    if (storageKey == null) {\n      return {}\n    }\n    return resizeStorage.get(storageKey)\n  })\n\n  const handleResize = useCallback((columnKey: Key, newWidth: number) => {\n    setColumnWidths((prevState) => {\n      const result = {\n        ...prevState,\n        [`${columnKey}`]: newWidth,\n      }\n      if (storageKey != null) {\n        resizeStorage.set(storageKey, result)\n      }\n      return result\n    })\n  }, [storageKey])\n\n  const renderHeaderCell: MiddlewareRenderHeaderCell<T> = useCallback((children, options) => {\n    const { column, columnWidths } = options\n\n    if (column.disableResize) {\n      return children\n    }\n\n    const key = getKey(column)\n\n    const width = Number.isFinite(column.width) ? (column.width as number) : (columnWidths.get(key) ?? 0)\n\n    if (__DEV__) {\n      if (isValidElement(children) && children.type === Resizable) {\n        throw new Error('The columnResize plugin was registered multiple times.')\n      }\n    }\n\n    return (\n      <Resizable\n        width={width}\n        axis=\"x\"\n        minConstraints={getConstraintValue(column.minWidth ?? min, column)}\n        maxConstraints={getConstraintValue(column.maxWidth ?? max, column)}\n        handle={(\n          <div className=\"virtual-table-column-resize-handle\" />\n        )}\n        onResize={(_e, { size }) => {\n          handleResize(key, size.width)\n        }}\n      >\n        {children}\n      </Resizable>\n    )\n  }, [handleResize, max, min])\n\n  const columns = useMemo(() => {\n    return rawColumns.map((column) => {\n      const key = getKey(column).toString()\n      const width = columnWidths[key] as number | undefined\n      if (width != null && width !== column.width) {\n        return { ...column, width }\n      }\n      return column\n    })\n  }, [columnWidths, rawColumns])\n\n  return { ...ctx, columns, renderHeaderCell }\n}\n\nexport const columnResize = createMiddleware(useColumnResize)\n"],"names":["isObject","obj","getValue","maybeValue","args","getConstraintValue","constraint","column","undefined","result","resizeStorage","key","storageKey","get","raw","window","localStorage","getItem","JSON","parse","Object","entries","forEach","_ref","k","v","Number","isFinite","_err","set","value","setItem","stringify","useColumnResize","ctx","min","max","columns","rawColumns","columnWidths","setColumnWidths","useState","handleResize","useCallback","columnKey","newWidth","prevState","renderHeaderCell","children","options","disableResize","getKey","width","__DEV__","isValidElement","type","Resizable","Error","_jsx","axis","minConstraints","minWidth","maxConstraints","maxWidth","handle","className","onResize","_e","_ref2","size","useMemo","map","toString","columnResize","createMiddleware"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../packages/virtual-table/src/middleware/column-resize/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { ColumnType, MiddlewareContext, MiddlewareRenderHeaderCell, MiddlewareResult } from '@are-visual/virtual-table'\nimport type { Key } from 'react'\nimport { createMiddleware, getColumnWidth, getKey } from '@are-visual/virtual-table'\nimport { isValidElement, useCallback, useMemo, useState } from 'react'\nimport { Resizable } from 'react-resizable'\n\ndeclare module '@are-visual/virtual-table' {\n  interface ColumnExtra {\n    disableResize?: boolean\n    /** Resize 时限制最小列宽 */\n    minWidth?: number\n    /** Resize 时限制最大列宽 */\n    maxWidth?: number\n  }\n}\n\ntype Constraint<T> = number | ((column: ColumnType<T>) => (number | undefined | null))\n\nexport interface ResizeOptions<T = any> {\n  storageKey: string\n  min?: Constraint<T>\n  max?: Constraint<T>\n}\n\nfunction isObject(obj: unknown): obj is Record<string, unknown> {\n  return typeof obj === 'object' && obj != null\n}\n\nfunction getValue<T, Args>(maybeValue: T | ((args: Args) => T), args: Args): T {\n  if (typeof maybeValue === 'function') {\n    return (maybeValue as (args: Args) => T)(args)\n  }\n  return maybeValue\n}\n\nfunction getConstraintValue<T>(\n  constraint: Constraint<T> | undefined,\n  column: ColumnType<T>,\n): [width: number, height: number] | undefined {\n  if (constraint == null) return undefined\n  const result = getValue(constraint, column)\n  if (result == null) {\n    return undefined\n  }\n  return [result, 0]\n}\n\nconst resizeStorage = {\n  key(storageKey: string) {\n    return `${storageKey}_resize`\n  },\n  get(storageKey: string): Record<string, number> {\n    try {\n      const raw = window.localStorage.getItem(resizeStorage.key(storageKey)) ?? '{}'\n      const result: unknown = JSON.parse(raw)\n      if (isObject(result)) {\n        Object.entries(result).forEach(([k, v]) => {\n          if (!Number.isFinite(v)) {\n            delete result[k]\n          }\n        })\n        return result as Record<string, number>\n      }\n      return {}\n    } catch (_err) {\n      return {}\n    }\n  },\n  set(storageKey: string, value: Record<string, number>) {\n    window.localStorage.setItem(resizeStorage.key(storageKey), JSON.stringify(value))\n  },\n}\n\nfunction useColumnResize<T = any>(\n  ctx: MiddlewareContext<T>,\n  args?: ResizeOptions<T>,\n): MiddlewareResult<T> {\n  const { storageKey, min, max } = args ?? {}\n  const { columns: rawColumns, instance } = ctx\n  const [columnWidths, setColumnWidths] = useState<Record<string, number>>(() => {\n    if (storageKey == null) {\n      return {}\n    }\n    return resizeStorage.get(storageKey)\n  })\n\n  const handleResize = useCallback((columnKey: Key, newWidth: number) => {\n    setColumnWidths((prevState) => {\n      const result = {\n        ...prevState,\n        [`${columnKey}`]: newWidth,\n      }\n      if (storageKey != null) {\n        resizeStorage.set(storageKey, result)\n      }\n      return result\n    })\n  }, [storageKey])\n\n  const renderHeaderCell: MiddlewareRenderHeaderCell<T> = useCallback((children, options) => {\n    const { column } = options\n\n    if (column.disableResize) {\n      return children\n    }\n\n    const key = getKey(column)\n    const width = getColumnWidth(column, instance.getCurrentProps().defaultColumnWidth)\n\n    if (__DEV__) {\n      if (isValidElement(children) && children.type === Resizable) {\n        throw new Error('The columnResize plugin was registered multiple times.')\n      }\n    }\n\n    return (\n      <Resizable\n        width={width}\n        axis=\"x\"\n        minConstraints={getConstraintValue(column.minWidth ?? min, column)}\n        maxConstraints={getConstraintValue(column.maxWidth ?? max, column)}\n        handle={(\n          <div className=\"virtual-table-column-resize-handle\" />\n        )}\n        onResize={(_e, { size }) => {\n          handleResize(key, size.width)\n        }}\n      >\n        {children}\n      </Resizable>\n    )\n  }, [handleResize, instance, max, min])\n\n  const columns = useMemo(() => {\n    return rawColumns.map((column) => {\n      const key = getKey(column).toString()\n      const width = columnWidths[key] as number | undefined\n      if (width != null && width !== column.width) {\n        return { ...column, width }\n      }\n      return column\n    })\n  }, [columnWidths, rawColumns])\n\n  return { ...ctx, columns, renderHeaderCell }\n}\n\nexport const columnResize = createMiddleware(useColumnResize)\n"],"names":["isObject","obj","getValue","maybeValue","args","getConstraintValue","constraint","column","undefined","result","resizeStorage","key","storageKey","get","raw","window","localStorage","getItem","JSON","parse","Object","entries","forEach","_ref","k","v","Number","isFinite","_err","set","value","setItem","stringify","useColumnResize","ctx","min","max","columns","rawColumns","instance","columnWidths","setColumnWidths","useState","handleResize","useCallback","columnKey","newWidth","prevState","renderHeaderCell","children","options","disableResize","getKey","width","getColumnWidth","getCurrentProps","defaultColumnWidth","__DEV__","isValidElement","type","Resizable","Error","_jsx","axis","minConstraints","minWidth","maxConstraints","maxWidth","handle","className","onResize","_e","_ref2","size","useMemo","map","toString","columnResize","createMiddleware"],"mappings":"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"}

package/middleware/expandable/index.d.ts

@@ -28,7 +28,7 @@ interface ExpandableConfig<T> {
     showExpandColumn?: boolean;
     expandedRowClassName?: string | RowClassName<T>;
     rowExpandable?: (record: T) => boolean;
-    columnWidth?: number | string;
+    columnWidth?: number;
     fixed?: FixedType;
     extraColumnProps?: ColumnExtra;
 }

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, 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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"}
+{"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-unsafe-assignment */\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\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.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useHorizontalScrollContext, onResize, createMiddleware } from '@are-visual/virtual-table';
+import { useScrollSynchronize, onResize, createMiddleware } from '@are-visual/virtual-table';
 import { getScrollbarSize } from '@are-visual/virtual-table/middleware/utils/getScrollbarSize';
 import clsx from 'clsx';
-import { useRef, useEffect, useState } from 'react';
+import { useState, useEffect } from 'react';
 
 const ScrollBar = props => {
   const {
@@ -12,30 +12,7 @@ const ScrollBar = props => {
     zIndex,
     bodyRef
   } = props;
-  const {
-    listen,
-    notify
-  } = useHorizontalScrollContext();
-  const wrapperRef = useRef(null);
-  useEffect(() => {
-    const node = wrapperRef.current;
-    if (node == null) return;
-    const key = 'virtual-table-sticky-bottom-scroll';
-    const onScroll = () => {
-      notify(key, {
-        scrollLeft: () => node.scrollLeft,
-        node
-      });
-    };
-    const dispose = listen(key, scrollLeft => {
-      node.scrollLeft = scrollLeft;
-    });
-    node.addEventListener('scroll', onScroll);
-    return () => {
-      node.removeEventListener('scroll', onScroll);
-      dispose();
-    };
-  }, [listen, notify]);
+  const wrapperRef = useScrollSynchronize('virtual-table-sticky-bottom-scroll');
   const [width, setWidth] = useState(0);
   useEffect(() => {
     const body = bodyRef.current;

package/middleware/horizontal-scroll-bar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../packages/virtual-table/src/middleware/horizontal-scroll-bar/scroll-bar.tsx","../../../../packages/virtual-table/src/middleware/horizontal-scroll-bar/index.tsx"],"sourcesContent":["import type { CSSProperties, FC, RefObject } from 'react'\nimport { onResize, 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 ScrollBarProps {\n  className?: string\n  style?: CSSProperties\n  bottom?: number | string\n  zIndex?: number\n  bodyRef: RefObject<HTMLTableElement>\n}\n\nconst ScrollBar: FC<ScrollBarProps> = (props) => {\n  const { className, style, bottom, zIndex, bodyRef } = props\n  const { listen, notify } = useHorizontalScrollContext()\n\n  const wrapperRef = useRef<HTMLDivElement>(null)\n  useEffect(() => {\n    const node = wrapperRef.current\n    if (node == null) return\n    const key = 'virtual-table-sticky-bottom-scroll'\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  const [width, setWidth] = useState(0)\n  useEffect(() => {\n    const body = bodyRef.current\n    if (body == null) return\n    return onResize(body, ({ width }) => {\n      if (width === 0) return\n      setWidth(width)\n    })\n  }, [bodyRef])\n\n  const [size] = useState(getScrollbarSize)\n\n  return (\n    <div\n      className={clsx('virtual-table-sticky-scroll', className)}\n      style={{\n        ...style,\n        // @ts-expect-error 使用 css 变量覆盖 bottom，而不是 bottom，这样需要高优先级的时候，就可以使用 style 代替\n        '--virtual-table-sticky-scroll-bottom': Number.isFinite(bottom) ? `${bottom}px` : bottom,\n        'paddingTop': size.height > 0 ? 0 : 15,\n        'marginTop': size.height > 0 ? 0 : size.height * -1,\n        'height': size.height + 1,\n        zIndex,\n      }}\n      ref={wrapperRef}\n    >\n      <div className=\"virtual-table-sticky-scroll-bar\" style={{ width }}></div>\n    </div>\n  )\n}\n\nexport default ScrollBar\n","import type { MiddlewareContext, MiddlewareResult } from '@are-visual/virtual-table'\nimport type { ScrollBarProps } from './scroll-bar'\nimport { createMiddleware } from '@are-visual/virtual-table'\nimport ScrollBar from './scroll-bar'\n\nexport type HorizontalScrollBarOptions = Omit<ScrollBarProps, 'bodyRef'>\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction useHorizontalScrollBar<T = any>(\n  ctx: MiddlewareContext<T>,\n  options?: HorizontalScrollBarOptions,\n): MiddlewareResult<T> {\n  const { bodyRootRef } = ctx\n\n  return {\n    ...ctx,\n    renderContent(children) {\n      return (\n        <>\n          {children}\n          <ScrollBar\n            bodyRef={bodyRootRef}\n            {...options}\n          />\n        </>\n      )\n    },\n  }\n}\n\nexport const horizontalScrollBar = createMiddleware(useHorizontalScrollBar)\n"],"names":["ScrollBar","props","className","style","bottom","zIndex","bodyRef","listen","notify","useHorizontalScrollContext","wrapperRef","useRef","useEffect","node","current","key","onScroll","scrollLeft","dispose","addEventListener","removeEventListener","width","setWidth","useState","body","onResize","_ref","size","getScrollbarSize","_jsx","clsx","Number","isFinite","height","ref","children","useHorizontalScrollBar","ctx","options","bodyRootRef","renderContent","_jsxs","_Fragment","horizontalScrollBar","createMiddleware"],"mappings":";;;;;;AAcA,MAAMA,SAAS,GAAwBC,KAAK,IAAI;EAC9C,MAAM;IAAEC,SAAS;IAAEC,KAAK;IAAEC,MAAM;IAAEC,MAAM;AAAEC,IAAAA;AAAS,GAAA,GAAGL,KAAK;EAC3D,MAAM;IAAEM,MAAM;AAAEC,IAAAA;GAAQ,GAAGC,0BAA0B,EAAE;AAEvD,EAAA,MAAMC,UAAU,GAAGC,MAAM,CAAiB,IAAI,CAAC;AAC/CC,EAAAA,SAAS,CAAC,MAAK;AACb,IAAA,MAAMC,IAAI,GAAGH,UAAU,CAACI,OAAO;IAC/B,IAAID,IAAI,IAAI,IAAI,EAAE;IAClB,MAAME,GAAG,GAAG,oCAAoC;IAChD,MAAMC,QAAQ,GAAGA,MAAK;MACpBR,MAAM,CAACO,GAAG,EAAE;AAAEE,QAAAA,UAAU,EAAEA,MAAMJ,IAAI,CAACI,UAAU;AAAEJ,QAAAA;AAAI,OAAE,CAAC;KACzD;AACD,IAAA,MAAMK,OAAO,GAAGX,MAAM,CAACQ,GAAG,EAAGE,UAAU,IAAI;MACzCJ,IAAI,CAACI,UAAU,GAAGA,UAAU;AAC9B,KAAC,CAAC;AACFJ,IAAAA,IAAI,CAACM,gBAAgB,CAAC,QAAQ,EAAEH,QAAQ,CAAC;AACzC,IAAA,OAAO,MAAK;AACVH,MAAAA,IAAI,CAACO,mBAAmB,CAAC,QAAQ,EAAEJ,QAAQ,CAAC;AAC5CE,MAAAA,OAAO,EAAE;KACV;AACH,GAAC,EAAE,CAACX,MAAM,EAAEC,MAAM,CAAC,CAAC;EAEpB,MAAM,CAACa,KAAK,EAAEC,QAAQ,CAAC,GAAGC,QAAQ,CAAC,CAAC,CAAC;AACrCX,EAAAA,SAAS,CAAC,MAAK;AACb,IAAA,MAAMY,IAAI,GAAGlB,OAAO,CAACQ,OAAO;IAC5B,IAAIU,IAAI,IAAI,IAAI,EAAE;AAClB,IAAA,OAAOC,QAAQ,CAACD,IAAI,EAAEE,IAAA,IAAc;MAAA,IAAb;AAAEL,QAAAA;AAAO,OAAA,GAAAK,IAAA;MAC9B,IAAIL,KAAK,KAAK,CAAC,EAAE;MACjBC,QAAQ,CAACD,KAAK,CAAC;AACjB,KAAC,CAAC;AACJ,GAAC,EAAE,CAACf,OAAO,CAAC,CAAC;AAEb,EAAA,MAAM,CAACqB,IAAI,CAAC,GAAGJ,QAAQ,CAACK,gBAAgB,CAAC;EAEzC,OACEC,GAAA,CAAA,KAAA,EAAA;AACE3B,IAAAA,SAAS,EAAE4B,IAAI,CAAC,6BAA6B,EAAE5B,SAAS,CAAC;AACzDC,IAAAA,KAAK,EAAE;AACL,MAAA,GAAGA,KAAK;AACR;AACA,MAAA,sCAAsC,EAAE4B,MAAM,CAACC,QAAQ,CAAC5B,MAAM,CAAC,GAAG,CAAGA,EAAAA,MAAM,CAAI,EAAA,CAAA,GAAGA,MAAM;MACxF,YAAY,EAAEuB,IAAI,CAACM,MAAM,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE;AACtC,MAAA,WAAW,EAAEN,IAAI,CAACM,MAAM,GAAG,CAAC,GAAG,CAAC,GAAGN,IAAI,CAACM,MAAM,GAAG,EAAE;AACnD,MAAA,QAAQ,EAAEN,IAAI,CAACM,MAAM,GAAG,CAAC;AACzB5B,MAAAA;KACD;AACD6B,IAAAA,GAAG,EAAExB,UAAU;AAEfyB,IAAAA,QAAA,EAAAN,GAAA,CAAA,KAAA,EAAA;AAAK3B,MAAAA,SAAS,EAAC,iCAAiC;AAACC,MAAAA,KAAK,EAAE;AAAEkB,QAAAA;;KAAe;AAAA,GAAA,CACrE;AAEV,CAAC;;AC1DD;AACA,SAASe,sBAAsBA,CAC7BC,GAAyB,EACzBC,OAAoC,EAAA;EAEpC,MAAM;AAAEC,IAAAA;AAAa,GAAA,GAAGF,GAAG;EAE3B,OAAO;AACL,IAAA,GAAGA,GAAG;IACNG,aAAaA,CAACL,QAAQ,EAAA;MACpB,OACEM,IAAA,CAAAC,QAAA,EAAA;AAAAP,QAAAA,QAAA,EAAA,CACGA,QAAQ,EACTN,IAAC7B,SAAS,EAAA;AACRM,UAAAA,OAAO,EAAEiC,WAAW;UAChB,GAAAD;AACJ,SAAA,CAAA;AAAA,OAAA,CACD;AAEP;GACD;AACH;MAEaK,mBAAmB,GAAGC,gBAAgB,CAACR,sBAAsB;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../packages/virtual-table/src/middleware/horizontal-scroll-bar/scroll-bar.tsx","../../../../packages/virtual-table/src/middleware/horizontal-scroll-bar/index.tsx"],"sourcesContent":["import type { CSSProperties, FC, RefObject } from 'react'\nimport { onResize, useScrollSynchronize } from '@are-visual/virtual-table'\nimport { getScrollbarSize } from '@are-visual/virtual-table/middleware/utils/getScrollbarSize'\nimport clsx from 'clsx'\nimport { useEffect, useState } from 'react'\n\nexport interface ScrollBarProps {\n  className?: string\n  style?: CSSProperties\n  bottom?: number | string\n  zIndex?: number\n  bodyRef: RefObject<HTMLTableElement>\n}\n\nconst ScrollBar: FC<ScrollBarProps> = (props) => {\n  const { className, style, bottom, zIndex, bodyRef } = props\n\n  const wrapperRef = useScrollSynchronize<HTMLDivElement>('virtual-table-sticky-bottom-scroll')\n\n  const [width, setWidth] = useState(0)\n  useEffect(() => {\n    const body = bodyRef.current\n    if (body == null) return\n    return onResize(body, ({ width }) => {\n      if (width === 0) return\n      setWidth(width)\n    })\n  }, [bodyRef])\n\n  const [size] = useState(getScrollbarSize)\n\n  return (\n    <div\n      className={clsx('virtual-table-sticky-scroll', className)}\n      style={{\n        ...style,\n        // @ts-expect-error 使用 css 变量覆盖 bottom，而不是 bottom，这样需要高优先级的时候，就可以使用 style 代替\n        '--virtual-table-sticky-scroll-bottom': Number.isFinite(bottom) ? `${bottom}px` : bottom,\n        'paddingTop': size.height > 0 ? 0 : 15,\n        'marginTop': size.height > 0 ? 0 : size.height * -1,\n        'height': size.height + 1,\n        zIndex,\n      }}\n      ref={wrapperRef}\n    >\n      <div className=\"virtual-table-sticky-scroll-bar\" style={{ width }}></div>\n    </div>\n  )\n}\n\nexport default ScrollBar\n","import type { MiddlewareContext, MiddlewareResult } from '@are-visual/virtual-table'\nimport type { ScrollBarProps } from './scroll-bar'\nimport { createMiddleware } from '@are-visual/virtual-table'\nimport ScrollBar from './scroll-bar'\n\nexport type HorizontalScrollBarOptions = Omit<ScrollBarProps, 'bodyRef'>\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nfunction useHorizontalScrollBar<T = any>(\n  ctx: MiddlewareContext<T>,\n  options?: HorizontalScrollBarOptions,\n): MiddlewareResult<T> {\n  const { bodyRootRef } = ctx\n\n  return {\n    ...ctx,\n    renderContent(children) {\n      return (\n        <>\n          {children}\n          <ScrollBar\n            bodyRef={bodyRootRef}\n            {...options}\n          />\n        </>\n      )\n    },\n  }\n}\n\nexport const horizontalScrollBar = createMiddleware(useHorizontalScrollBar)\n"],"names":["ScrollBar","props","className","style","bottom","zIndex","bodyRef","wrapperRef","useScrollSynchronize","width","setWidth","useState","useEffect","body","current","onResize","_ref","size","getScrollbarSize","_jsx","clsx","Number","isFinite","height","ref","children","useHorizontalScrollBar","ctx","options","bodyRootRef","renderContent","_jsxs","_Fragment","horizontalScrollBar","createMiddleware"],"mappings":";;;;;;AAcA,MAAMA,SAAS,GAAwBC,KAAK,IAAI;EAC9C,MAAM;IAAEC,SAAS;IAAEC,KAAK;IAAEC,MAAM;IAAEC,MAAM;AAAEC,IAAAA;AAAS,GAAA,GAAGL,KAAK;AAE3D,EAAA,MAAMM,UAAU,GAAGC,oBAAoB,CAAiB,oCAAoC,CAAC;EAE7F,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGC,QAAQ,CAAC,CAAC,CAAC;AACrCC,EAAAA,SAAS,CAAC,MAAK;AACb,IAAA,MAAMC,IAAI,GAAGP,OAAO,CAACQ,OAAO;IAC5B,IAAID,IAAI,IAAI,IAAI,EAAE;AAClB,IAAA,OAAOE,QAAQ,CAACF,IAAI,EAAEG,IAAA,IAAc;MAAA,IAAb;AAAEP,QAAAA;AAAO,OAAA,GAAAO,IAAA;MAC9B,IAAIP,KAAK,KAAK,CAAC,EAAE;MACjBC,QAAQ,CAACD,KAAK,CAAC;AACjB,KAAC,CAAC;AACJ,GAAC,EAAE,CAACH,OAAO,CAAC,CAAC;AAEb,EAAA,MAAM,CAACW,IAAI,CAAC,GAAGN,QAAQ,CAACO,gBAAgB,CAAC;EAEzC,OACEC,GAAA,CAAA,KAAA,EAAA;AACEjB,IAAAA,SAAS,EAAEkB,IAAI,CAAC,6BAA6B,EAAElB,SAAS,CAAC;AACzDC,IAAAA,KAAK,EAAE;AACL,MAAA,GAAGA,KAAK;AACR;AACA,MAAA,sCAAsC,EAAEkB,MAAM,CAACC,QAAQ,CAAClB,MAAM,CAAC,GAAG,CAAGA,EAAAA,MAAM,CAAI,EAAA,CAAA,GAAGA,MAAM;MACxF,YAAY,EAAEa,IAAI,CAACM,MAAM,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE;AACtC,MAAA,WAAW,EAAEN,IAAI,CAACM,MAAM,GAAG,CAAC,GAAG,CAAC,GAAGN,IAAI,CAACM,MAAM,GAAG,EAAE;AACnD,MAAA,QAAQ,EAAEN,IAAI,CAACM,MAAM,GAAG,CAAC;AACzBlB,MAAAA;KACD;AACDmB,IAAAA,GAAG,EAAEjB,UAAU;AAEfkB,IAAAA,QAAA,EAAAN,GAAA,CAAA,KAAA,EAAA;AAAKjB,MAAAA,SAAS,EAAC,iCAAiC;AAACC,MAAAA,KAAK,EAAE;AAAEM,QAAAA;;KAAe;AAAA,GAAA,CACrE;AAEV,CAAC;;ACzCD;AACA,SAASiB,sBAAsBA,CAC7BC,GAAyB,EACzBC,OAAoC,EAAA;EAEpC,MAAM;AAAEC,IAAAA;AAAa,GAAA,GAAGF,GAAG;EAE3B,OAAO;AACL,IAAA,GAAGA,GAAG;IACNG,aAAaA,CAACL,QAAQ,EAAA;MACpB,OACEM,IAAA,CAAAC,QAAA,EAAA;AAAAP,QAAAA,QAAA,EAAA,CACGA,QAAQ,EACTN,IAACnB,SAAS,EAAA;AACRM,UAAAA,OAAO,EAAEuB,WAAW;UAChB,GAAAD;AACJ,SAAA,CAAA;AAAA,OAAA,CACD;AAEP;GACD;AACH;MAEaK,mBAAmB,GAAGC,gBAAgB,CAACR,sBAAsB;;;;"}

package/middleware/selection/index.d.ts

@@ -25,7 +25,7 @@ interface TableRowSelection<T = any> {
     onSelect?: SelectionSelectFn<T>;
     hideSelectAll?: boolean;
     fixed?: boolean;
-    columnWidth?: string | number;
+    columnWidth?: number;
     columnTitle?: ReactNode | ((checkboxNode: ReactNode, props: SelectionColumnTitleProps) => ReactNode);
     renderCell?: (value: boolean, record: T, index: number, originNode: ReactNode) => ReactNode;
     onCell?: GetComponentProps<T>;

package/middleware/summary/index.d.ts

@@ -20,6 +20,7 @@ interface FooterProps {
     columns: ColumnDescriptor[];
     fixed?: boolean;
     children?: ReactNode;
+    defaultColumnWidth: number;
 }
 
 interface SummaryOutletProps<T> {

package/middleware/summary/index.js

@@ -1,7 +1,7 @@
 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 { useScrollSynchronize, Colgroup, useTableSticky, isValidFixedLeft, isValidFixedRight, isValidFixed, createMiddleware } from '@are-visual/virtual-table';
 import clsx from 'clsx';
-import { createContext, useState, useRef, useEffect, memo, useMemo, useContext, createElement, isValidElement, cloneElement, Fragment, Children } from 'react';
+import { createContext, useState, 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);
@@ -14,33 +14,11 @@ const Footer = props => {
     bottom,
     columns,
     fixed,
-    children
+    children,
+    defaultColumnWidth
   } = props;
-  const {
-    listen,
-    notify
-  } = useHorizontalScrollContext();
   const [scrollbarHeight] = useState(() => getScrollbarSize().height);
-  const wrapperRef = useRef(null);
-  useEffect(() => {
-    const node = wrapperRef.current;
-    if (node == null) return;
-    const key = 'virtual-table-summary';
-    const onScroll = () => {
-      notify(key, {
-        scrollLeft: () => node.scrollLeft,
-        node
-      });
-    };
-    const dispose = listen(key, scrollLeft => {
-      node.scrollLeft = scrollLeft;
-    });
-    node.addEventListener('scroll', onScroll);
-    return () => {
-      node.removeEventListener('scroll', onScroll);
-      dispose();
-    };
-  }, [listen, notify]);
+  const wrapperRef = useScrollSynchronize('virtual-table-summary');
   return jsx("div", {
     className: clsx('virtual-table-summary-wrapper', fixed && 'virtual-table-summary-sticky-bottom virtual-table-summary-top-border', className),
     style: {
@@ -55,7 +33,8 @@ const Footer = props => {
     children: jsxs("table", {
       className: "virtual-table-summary",
       children: [jsx(Colgroup, {
-        columns: columns
+        columns: columns,
+        defaultColumnWidth: defaultColumnWidth
       }), jsx("tfoot", {
         className: "virtual-table-summary-tfoot",
         children: children
@@ -206,7 +185,8 @@ function useTableSummary(ctx, options) {
     summary
   } = options ?? {};
   const {
-    dataSource
+    dataSource,
+    instance
   } = ctx;
   let hasFixedTop = false;
   let hasFixedBottom = false;
@@ -276,6 +256,9 @@ function useTableSummary(ctx, options) {
         let {
           columnDescriptor
         } = _ref2;
+        const {
+          defaultColumnWidth
+        } = instance.getCurrentProps();
         return jsxs(Fragment$1, {
           children: [children, jsx(Footer, {
             className: className,
@@ -284,6 +267,7 @@ function useTableSummary(ctx, options) {
             bottom: bottom,
             fixed: hasFixedBottom,
             columns: columnDescriptor,
+            defaultColumnWidth: defaultColumnWidth,
             children: jsx(SummaryContext.Provider, {
               value: columnDescriptor,
               children: bottomNode

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 { 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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"}
+{"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, useScrollSynchronize } from '@are-visual/virtual-table'\nimport { getScrollbarSize } from '@are-visual/virtual-table/middleware/utils/getScrollbarSize'\nimport clsx from 'clsx'\nimport { 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  defaultColumnWidth: number\n}\n\nconst Footer: FC<FooterProps> = (props) => {\n  const { className, style, zIndex, bottom, columns, fixed, children, defaultColumnWidth } = props\n\n  const [scrollbarHeight] = useState(() => getScrollbarSize().height)\n  const wrapperRef = useScrollSynchronize<HTMLDivElement>('virtual-table-summary')\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} defaultColumnWidth={defaultColumnWidth} />\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, instance } = 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            const { defaultColumnWidth } = instance.getCurrentProps()\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                  defaultColumnWidth={defaultColumnWidth}\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","defaultColumnWidth","scrollbarHeight","useState","getScrollbarSize","height","wrapperRef","useScrollSynchronize","_jsx","clsx","Number","isFinite","paddingBottom","ref","_jsxs","Colgroup","Cell","align","colSpan","columnKey","restProps","size","stickySizes","columnsFixed","useTableSticky","stickySize","get","find","x","key","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","instance","hasFixedTop","hasFixedBottom","summaryNode","topNode","bottomNode","handleRowElement","node","push","rawChildren","Children","forEach","child","__DEV__","console","warn","error","renderHeader","columnDescriptor","_Fragment","Provider","value","renderContent","_ref2","getCurrentProps","tableSummary","createMiddleware"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@are-visual/virtual-table",
-  "version": "0.10.2",
+  "version": "0.11.0",
   "main": "./index.esm.js",
   "types": "./index.d.ts",
   "sideEffects": false,