@are-visual/virtual-table 0.5.2 → 0.7.0

package/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { DetailedHTMLProps, HTMLAttributes, Key, ReactNode, TdHTMLAttributes, RefObject, ReactElement, CSSProperties, Ref, RefAttributes } from 'react';
+import { Key, ReactNode, HTMLAttributes, TdHTMLAttributes, DetailedHTMLProps, RefObject, ReactElement, CSSProperties, Ref, RefAttributes } from 'react';
 
 type ScrollElement = HTMLElement | Window;
 declare function getScrollParent(el: Element, root?: ScrollElement | null | undefined): ScrollElement;
@@ -75,10 +75,12 @@ interface MiddlewareContext<T> extends Readonly<NecessaryProps<T>> {
     readonly bodyRef: RefObject<HTMLTableSectionElement>;
     readonly getScroller: () => ScrollElement | undefined;
     readonly getOffsetTop: () => number;
+    [key: string]: unknown;
 }
 interface MiddlewareResult<T> extends MiddlewareContext<T>, MiddlewareRenders {
     rowClassName?: (record: T, index: number) => string;
     onRow?: OnRowType<T>;
+    [key: string]: unknown;
 }
 type Middleware<T> = (context: MiddlewareContext<T>) => MiddlewareResult<T>;
 interface RenderOptions<T = any> {
@@ -340,4 +342,5 @@ type PossibleRef<T> = Ref<T> | undefined;
 declare function mergeRefs<T>(...refs: PossibleRef<T>[]): (node: T | null) => void;
 declare function useMergedRef<T>(...refs: PossibleRef<T>[]): (node: T | null) => void;
 
-export { type AlignType, type AnyObject, _default$2 as Colgroup, type ColumnDescriptor, type ColumnExtra, type ColumnType, type ContainerSizeState, type FixedType, type HorizontalScrollContextState, type MergedMiddlewareRender, type Middleware, type MiddlewareContext, type MiddlewareRender, type MiddlewareRenderBody, type MiddlewareRenderBodyContent, type MiddlewareRenderBodyRoot, type MiddlewareRenderBodyWrapper, type MiddlewareRenderCell, type MiddlewareRenderContent, type MiddlewareRenderHeader, type MiddlewareRenderHeaderCell, type MiddlewareRenderHeaderRoot, type MiddlewareRenderHeaderRow, type MiddlewareRenderHeaderWrapper, type MiddlewareRenderRoot, type MiddlewareRenderRow, type MiddlewareRenders, type MiddlewareResult, type OnRowType, type PipelineRender, type PipelineRenderOptions, type ScrollElement, type StickyContextState, type TableColumnsContextType, TablePipeline, type TableRowManagerContextType, type UseTablePipelineOptions, _default as VirtualTable, _default$3 as VirtualTableCell, type CellProps as VirtualTableCellProps, type VirtualTableCoreProps as VirtualTableProps, _default$1 as VirtualTableRow, type RowProps as VirtualTableRowProps, createMiddleware, findLastIndex, getKey, getRelativeOffsetTop, getRowKey, getScrollElement, getScrollParent, getScrollTop, isDocument, isRoot, isValidFixed, isValidFixedLeft, isValidFixedRight, isWindow, mergeRefs, onResize, useColumnSizes, useContainerSize, useHorizontalScrollContext, useMergedRef, useShallowMemo, useStableFn, useTablePipeline, useTableRowManager, useTableSticky };
+export { _default$2 as Colgroup, TablePipeline, _default as VirtualTable, _default$3 as VirtualTableCell, _default$1 as VirtualTableRow, createMiddleware, findLastIndex, getKey, getRelativeOffsetTop, getRowKey, getScrollElement, getScrollParent, getScrollTop, isDocument, isRoot, isValidFixed, isValidFixedLeft, isValidFixedRight, isWindow, mergeRefs, onResize, useColumnSizes, useContainerSize, useHorizontalScrollContext, useMergedRef, useShallowMemo, useStableFn, useTablePipeline, useTableRowManager, useTableSticky };
+export type { AlignType, AnyObject, ColumnDescriptor, ColumnExtra, ColumnType, ContainerSizeState, FixedType, HorizontalScrollContextState, MergedMiddlewareRender, Middleware, MiddlewareContext, MiddlewareRender, MiddlewareRenderBody, MiddlewareRenderBodyContent, MiddlewareRenderBodyRoot, MiddlewareRenderBodyWrapper, MiddlewareRenderCell, MiddlewareRenderContent, MiddlewareRenderHeader, MiddlewareRenderHeaderCell, MiddlewareRenderHeaderRoot, MiddlewareRenderHeaderRow, MiddlewareRenderHeaderWrapper, MiddlewareRenderRoot, MiddlewareRenderRow, MiddlewareRenders, MiddlewareResult, OnRowType, PipelineRender, PipelineRenderOptions, ScrollElement, StickyContextState, TableColumnsContextType, TableRowManagerContextType, UseTablePipelineOptions, CellProps as VirtualTableCellProps, VirtualTableCoreProps as VirtualTableProps, RowProps as VirtualTableRowProps };

package/index.esm.js

@@ -15,7 +15,7 @@ function _objectWithoutPropertiesLoose(r, e) {
   if (null == r) return {};
   var t = {};
   for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (e.includes(n)) continue;
+    if (-1 !== e.indexOf(n)) continue;
     t[n] = r[n];
   }
   return t;
@@ -251,7 +251,7 @@ function getTableCellContent(index, data, column) {
     }
     return render(rowData[dataIndex], data, index);
   }
-  return (_render = render == null ? undefined : render(data, data, index)) != null ? _render : null;
+  return (_render = render == null ? void 0 : render(data, data, index)) != null ? _render : null;
 }
 function Cell(props) {
   var _onCell;
@@ -268,7 +268,7 @@ function Cell(props) {
   var key = getKey(column);
   var _useTableSticky = useTableSticky(),
     stickySizes = _useTableSticky.size;
-  var _ref = (_onCell = onCell == null ? undefined : onCell(rowData, rowIndex)) != null ? _onCell : {},
+  var _ref = (_onCell = onCell == null ? void 0 : onCell(rowData, rowIndex)) != null ? _onCell : {},
     extraClassName = _ref.className,
     extraStyle = _ref.style,
     colSpan = _ref.colSpan,
@@ -285,6 +285,7 @@ function Cell(props) {
       left: isValidFixedLeft(fixed) ? stickySizes.get(key) : undefined,
       right: isValidFixedRight(fixed) ? stickySizes.get(key) : undefined
     }),
+    "data-col-key": key,
     children: getTableCellContent(rowIndex, rowData, column)
   })), renderCell, {
     column: column
@@ -342,7 +343,7 @@ function isElement(node) {
 }
 function getScrollParent(el, root) {
   var _el$ownerDocument$def;
-  if (root === undefined) {
+  if (root === void 0) {
     root = window;
   }
   var node = el;
@@ -568,7 +569,7 @@ function useStableFn(callback) {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    return fn.current == null ? undefined : fn.current.apply(fn, args);
+    return fn.current == null ? void 0 : fn.current.apply(fn, args);
   }, []);
   return stableFn;
 }
@@ -586,7 +587,7 @@ function createMiddleware(hook) {
       options[_key] = arguments[_key];
     }
     var useMiddleware = function useMiddleware(ctx) {
-      return hook.apply(undefined, [ctx].concat(options));
+      return hook.apply(void 0, [ctx].concat(options));
     };
     if (isShallowEqual(options, cache.options)) {
       var _cache$current;
@@ -711,7 +712,7 @@ var TablePipeline = /*#__PURE__*/function () {
     });
     if (rowClassNameFunctions.length > 0) {
       context.current.rowClassName = function (record, index) {
-        return clsx.apply(undefined, rowClassNameFunctions.map(function (fn) {
+        return clsx.apply(void 0, rowClassNameFunctions.map(function (fn) {
           return fn(record, index);
         }));
       };
@@ -744,7 +745,7 @@ function useTablePipeline(options) {
   }, []);
   if (use != null) {
     var _extraPipeline$hooks;
-    var nextHooks = shakeUnsafeHooks([].concat(use, (_extraPipeline$hooks = extraPipeline == null ? undefined : extraPipeline.hooks) != null ? _extraPipeline$hooks : []));
+    var nextHooks = shakeUnsafeHooks([].concat(use, (_extraPipeline$hooks = extraPipeline == null ? void 0 : extraPipeline.hooks) != null ? _extraPipeline$hooks : []));
     if (!shallowEqualArrays(cached.current.hooks, nextHooks)) {
       var pipeline = new TablePipeline();
       pipeline.setHooks(nextHooks);
@@ -793,11 +794,12 @@ function Row(props) {
     }
     return isValidFixedRight(x.column.fixed);
   });
-  var _ref = (_onRow = onRow == null ? undefined : onRow(rowData, rowIndex)) != null ? _onRow : {},
+  var _ref = (_onRow = onRow == null ? void 0 : onRow(rowData, rowIndex)) != null ? _onRow : {},
     extraClassName = _ref.className,
     extraProps = _objectWithoutPropertiesLoose(_ref, _excluded2);
   return pipelineRender(jsx("tr", _extends({}, rest, extraProps, {
     className: clsx('virtual-table-row', className, extraClassName),
+    "data-row-index": rowIndex,
     ref: function ref(node) {
       if (node == null) return;
       // 小心陷阱：当 table 父元素为 display: none 时，依然会触发 updateRowHeight 函数，并设置高度为 0
@@ -848,7 +850,7 @@ function useMergedRef() {
     refs[_key2] = arguments[_key2];
   }
   // eslint-disable-next-line react-compiler/react-compiler
-  return useCallback(mergeRefs.apply(undefined, refs), refs);
+  return useCallback(mergeRefs.apply(void 0, refs), refs);
 }
 
 function onResize(target, callback) {
@@ -929,7 +931,7 @@ function useRowVirtualize(options) {
   // 布局信息（也就是锚点元素需要的信息，top,bottom,height,index）
   var rowRects = useRef([]);
   var updateRowRectList = function updateRowRectList(shouldSkip) {
-    if (shouldSkip === undefined) {
+    if (shouldSkip === void 0) {
       shouldSkip = false;
     }
     if (shouldSkip && rowRects.current.length > 0) {
@@ -1138,7 +1140,7 @@ function TableBody(props) {
   var bodyContent = pipelineRender(dataSource.map(function (e, rowIndex) {
     var key = getRowKey(e, rowKey);
     return jsx(Row$1, {
-      className: clsx(rowClassName == null ? undefined : rowClassName(e, rowIndex)),
+      className: clsx(rowClassName == null ? void 0 : rowClassName(e, rowIndex)),
       rowIndex: rowIndex + startIndex,
       rowData: e,
       columns: columnDescriptor,
@@ -1287,7 +1289,7 @@ var TableHeader = function TableHeader(props) {
         return null;
       }
       var isLast = getKey(lastColumn) === key;
-      var _ref = (_column$onHeaderCell = column.onHeaderCell == null ? undefined : column.onHeaderCell(column, index)) != null ? _column$onHeaderCell : {},
+      var _ref = (_column$onHeaderCell = column.onHeaderCell == null ? void 0 : column.onHeaderCell(column, index)) != null ? _column$onHeaderCell : {},
         thClassName = _ref.className,
         thStyle = _ref.style,
         rest = _objectWithoutPropertiesLoose(_ref, _excluded);
@@ -1389,7 +1391,7 @@ function useColumnVirtualize(options) {
     bodyWrapper = options.bodyWrapper,
     columnWidths = options.columnWidths,
     _options$disabled = options.disabled,
-    disabled = _options$disabled === undefined ? false : _options$disabled;
+    disabled = _options$disabled === void 0 ? false : _options$disabled;
   var lastFixedLeftIndex = findLastFixedLeftIndex(rawColumns);
   var firstFixedRightIndex = findFirstFixedRightIndex(rawColumns);
   var leftKey = lastFixedLeftIndex > -1 ? getKey(rawColumns[lastFixedLeftIndex]) : null;
@@ -1639,24 +1641,24 @@ function VirtualTableCore(props, ref) {
     rawColumns = props.columns,
     rawData = props.dataSource,
     _props$rowKey = props.rowKey,
-    rawRowKey = _props$rowKey === undefined ? 'key' : _props$rowKey,
+    rawRowKey = _props$rowKey === void 0 ? 'key' : _props$rowKey,
     _props$estimatedRowHe = props.estimatedRowHeight,
-    estimatedRowHeight = _props$estimatedRowHe === undefined ? 46 : _props$estimatedRowHe,
+    estimatedRowHeight = _props$estimatedRowHe === void 0 ? 46 : _props$estimatedRowHe,
     estimatedColumnWidth = props.estimatedColumnWidth,
     _props$overscanRows = props.overscanRows,
-    overscanRows = _props$overscanRows === undefined ? 5 : _props$overscanRows,
+    overscanRows = _props$overscanRows === void 0 ? 5 : _props$overscanRows,
     _props$overscanColumn = props.overscanColumns,
-    overscanColumns = _props$overscanColumn === undefined ? 3 : _props$overscanColumn,
+    overscanColumns = _props$overscanColumn === void 0 ? 3 : _props$overscanColumn,
     stickyHeader = props.stickyHeader,
     _props$defaultColumnW = props.defaultColumnWidth,
-    defaultColumnWidth = _props$defaultColumnW === undefined ? 100 : _props$defaultColumnW,
+    defaultColumnWidth = _props$defaultColumnW === void 0 ? 100 : _props$defaultColumnW,
     _props$pipeline = props.pipeline,
-    pipeline = _props$pipeline === undefined ? TablePipeline.defaultPipeline : _props$pipeline,
+    pipeline = _props$pipeline === void 0 ? TablePipeline.defaultPipeline : _props$pipeline,
     rawRowClassName = props.rowClassName,
     onRow = props.onRow,
     getOffsetTopImpl = props.getOffsetTop,
     _props$virtualHeader = props.virtualHeader,
-    virtualHeader = _props$virtualHeader === undefined ? true : _props$virtualHeader;
+    virtualHeader = _props$virtualHeader === void 0 ? true : _props$virtualHeader;
   var rootNode = useRef(null);
   var headerWrapperRef = useRef(null);
   var bodyWrapperRef = useRef(null);
@@ -1746,10 +1748,10 @@ function VirtualTableCore(props, ref) {
     }),
     columns = _useColumnVirtualize.columns;
   var onRowClassName = useCallback(function (record, index) {
-    return clsx(rawRowClassName == null ? undefined : rawRowClassName(record, index), rowClassName == null ? undefined : rowClassName(record, index));
+    return clsx(rawRowClassName == null ? void 0 : rawRowClassName(record, index), rowClassName == null ? void 0 : rowClassName(record, index));
   }, [rawRowClassName, rowClassName]);
   var onRowProps = useCallback(function (record, index) {
-    return _extends({}, onRow == null ? undefined : onRow(record, index), onPipelineRow == null ? undefined : onPipelineRow(record, index));
+    return _extends({}, onRow == null ? void 0 : onRow(record, index), onPipelineRow == null ? void 0 : onPipelineRow(record, index));
   }, [onPipelineRow, onRow]);
   var hasFixedLeftColumn = pipelineColumns.some(function (x) {
     return isValidFixedLeft(x.fixed);