@are-visual/virtual-table 0.0.1

package/middleware/loading/index.js

@@ -0,0 +1,73 @@
+import { jsx } from 'react/jsx-runtime';
+import { createMiddleware, onResize } from '@are-visual/virtual-table';
+import { useState, useEffect, useMemo } from 'react';
+
+function useTableLoading(ctx, options) {
+  const {
+    loading = false
+  } = options ?? {};
+  const {
+    columns: rawColumns,
+    estimatedRowHeight,
+    headerWrapperRef,
+    getScroller
+  } = ctx;
+  const [count, setCount] = useState(10);
+  useEffect(() => {
+    const header = headerWrapperRef.current;
+    const container = getScroller();
+    if (container == null) return;
+    return onResize(container, _ref => {
+      let {
+        height
+      } = _ref;
+      const headerHeight = header?.offsetHeight ?? 0;
+      setCount(Math.ceil((height - headerHeight) / estimatedRowHeight));
+    });
+  }, [getScroller, headerWrapperRef, estimatedRowHeight]);
+  const fakeDataSource = useMemo(() => {
+    return Array.from({
+      length: count
+    }, (_, index) => {
+      return {
+        key: index
+      };
+    });
+  }, [count]);
+  const columns = useMemo(() => {
+    if (!loading) {
+      return rawColumns;
+    }
+    return rawColumns.map(column => {
+      return {
+        ...column,
+        onCell() {
+          return {
+            className: 'virtual-table-loading-cell',
+            style: {
+              height: estimatedRowHeight
+            }
+          };
+        },
+        render() {
+          return jsx("div", {
+            className: "virtual-table-loading-skeleton"
+          });
+        }
+      };
+    });
+  }, [loading, rawColumns, estimatedRowHeight]);
+  if (!loading) {
+    return ctx;
+  }
+  return {
+    ...ctx,
+    columns,
+    rowKey: 'key',
+    dataSource: fakeDataSource
+  };
+}
+const tableLoading = createMiddleware(useTableLoading);
+
+export { tableLoading };
+//# sourceMappingURL=index.js.map

package/middleware/loading/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../packages/virtual-table/src/middleware/loading/index.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { ColumnType, MiddlewareContext, MiddlewareResult } from '@are-visual/virtual-table'\nimport { createMiddleware, onResize } from '@are-visual/virtual-table'\nimport { useEffect, useMemo, useState } from 'react'\n\nfunction useTableLoading<T = any>(\n  ctx: MiddlewareContext<T>,\n  options?: { loading?: boolean },\n): MiddlewareResult<T> {\n  const { loading = false } = options ?? {}\n  const { columns: rawColumns, estimatedRowHeight, headerWrapperRef, getScroller } = ctx\n\n  const [count, setCount] = useState(10)\n\n  useEffect(() => {\n    const header = headerWrapperRef.current\n    const container = getScroller()\n    if (container == null) return\n    return onResize(container, ({ height }) => {\n      const headerHeight = header?.offsetHeight ?? 0\n      setCount(Math.ceil((height - headerHeight) / estimatedRowHeight))\n    })\n  }, [getScroller, headerWrapperRef, estimatedRowHeight])\n\n  const fakeDataSource = useMemo(() => {\n    return Array.from({ length: count }, (_, index) => {\n      return { key: index }\n    }) as T[]\n  }, [count])\n\n  const columns = useMemo((): ColumnType<T>[] => {\n    if (!loading) {\n      return rawColumns\n    }\n\n    return rawColumns.map((column): ColumnType<T> => {\n      return {\n        ...column,\n        onCell() {\n          return { className: 'virtual-table-loading-cell', style: { height: estimatedRowHeight } }\n        },\n        render() {\n          return <div className=\"virtual-table-loading-skeleton\" />\n        },\n      }\n    })\n  }, [loading, rawColumns, estimatedRowHeight])\n\n  if (!loading) {\n    return ctx\n  }\n\n  return {\n    ...ctx,\n    columns,\n    rowKey: 'key',\n    dataSource: fakeDataSource,\n  }\n}\n\nexport const tableLoading = createMiddleware(useTableLoading)\n"],"names":["useTableLoading","ctx","options","loading","columns","rawColumns","estimatedRowHeight","headerWrapperRef","getScroller","count","setCount","useState","useEffect","header","current","container","onResize","_ref","height","headerHeight","offsetHeight","Math","ceil","fakeDataSource","useMemo","Array","from","length","_","index","key","map","column","onCell","className","style","render","_jsx","rowKey","dataSource","tableLoading","createMiddleware"],"mappings":";;;;AAKA,SAASA,eAAeA,CACtBC,GAAyB,EACzBC,OAA+B,EAAA;EAE/B,MAAM;AAAEC,IAAAA,OAAO,GAAG;GAAO,GAAGD,OAAO,IAAI,EAAE;EACzC,MAAM;AAAEE,IAAAA,OAAO,EAAEC,UAAU;IAAEC,kBAAkB;IAAEC,gBAAgB;AAAEC,IAAAA;AAAa,GAAA,GAAGP,GAAG;EAEtF,MAAM,CAACQ,KAAK,EAAEC,QAAQ,CAAC,GAAGC,QAAQ,CAAC,EAAE,CAAC;AAEtCC,EAAAA,SAAS,CAAC,MAAK;AACb,IAAA,MAAMC,MAAM,GAAGN,gBAAgB,CAACO,OAAO;AACvC,IAAA,MAAMC,SAAS,GAAGP,WAAW,EAAE;IAC/B,IAAIO,SAAS,IAAI,IAAI,EAAE;AACvB,IAAA,OAAOC,QAAQ,CAACD,SAAS,EAAEE,IAAA,IAAe;MAAA,IAAd;AAAEC,QAAAA;AAAQ,OAAA,GAAAD,IAAA;AACpC,MAAA,MAAME,YAAY,GAAGN,MAAM,EAAEO,YAAY,IAAI,CAAC;AAC9CV,MAAAA,QAAQ,CAACW,IAAI,CAACC,IAAI,CAAC,CAACJ,MAAM,GAAGC,YAAY,IAAIb,kBAAkB,CAAC,CAAC;AACnE,KAAC,CAAC;GACH,EAAE,CAACE,WAAW,EAAED,gBAAgB,EAAED,kBAAkB,CAAC,CAAC;AAEvD,EAAA,MAAMiB,cAAc,GAAGC,OAAO,CAAC,MAAK;IAClC,OAAOC,KAAK,CAACC,IAAI,CAAC;AAAEC,MAAAA,MAAM,EAAElB;AAAK,KAAE,EAAE,CAACmB,CAAC,EAAEC,KAAK,KAAI;MAChD,OAAO;AAAEC,QAAAA,GAAG,EAAED;OAAO;AACvB,KAAC,CAAQ;AACX,GAAC,EAAE,CAACpB,KAAK,CAAC,CAAC;AAEX,EAAA,MAAML,OAAO,GAAGoB,OAAO,CAAC,MAAsB;IAC5C,IAAI,CAACrB,OAAO,EAAE;AACZ,MAAA,OAAOE,UAAU;AACnB;AAEA,IAAA,OAAOA,UAAU,CAAC0B,GAAG,CAAEC,MAAM,IAAmB;MAC9C,OAAO;AACL,QAAA,GAAGA,MAAM;AACTC,QAAAA,MAAMA,GAAA;UACJ,OAAO;AAAEC,YAAAA,SAAS,EAAE,4BAA4B;AAAEC,YAAAA,KAAK,EAAE;AAAEjB,cAAAA,MAAM,EAAEZ;AAAkB;WAAI;SAC1F;AACD8B,QAAAA,MAAMA,GAAA;UACJ,OAAOC,GAAK,CAAA,KAAA,EAAA;AAAAH,YAAAA,SAAS,EAAC;YAAmC;AAC3D;OACD;AACH,KAAC,CAAC;GACH,EAAE,CAAC/B,OAAO,EAAEE,UAAU,EAAEC,kBAAkB,CAAC,CAAC;EAE7C,IAAI,CAACH,OAAO,EAAE;AACZ,IAAA,OAAOF,GAAG;AACZ;EAEA,OAAO;AACL,IAAA,GAAGA,GAAG;IACNG,OAAO;AACPkC,IAAAA,MAAM,EAAE,KAAK;AACbC,IAAAA,UAAU,EAAEhB;GACb;AACH;MAEaiB,YAAY,GAAGC,gBAAgB,CAACzC,eAAe;;;;"}

package/middleware/loading/styles.css

@@ -0,0 +1,17 @@
+.virtual-table-loading-skeleton {
+  width: 100%;
+  min-height: 12px;
+  border-radius: 999px;
+  background: linear-gradient(90deg, var(--master-skeleton-color, hsla(0, 0%, 74.5%, 0.2)) 25%, var(--master-skeleton-flash, hsla(0, 0%, 50.6%, 0.24)) 37%, var(--master-skeleton-color, hsla(0, 0%, 74.5%, 0.2)) 63%);
+  background-size: 400% 100%;
+  animation: virtual-table-skeleton-animation 3s ease infinite;
+}
+
+@keyframes virtual-table-skeleton-animation {
+  from {
+    background-position: 100% 50%;
+  }
+  to {
+    background-position: 0 50%;
+  }
+}

package/middleware/loading/styles.scss

@@ -0,0 +1,27 @@
+$master-skeleton-color: var(--master-skeleton-color, hsla(0, 0%, 74.5%, 0.2));
+$master-skeleton-flash: var(--master-skeleton-flash, hsla(0, 0%, 50.6%, 0.24));
+
+.virtual-table-loading {
+  &-skeleton {
+    width: 100%;
+    min-height: 12px;
+    border-radius: 999px;
+    background: linear-gradient(
+      90deg,
+      $master-skeleton-color 25%,
+      $master-skeleton-flash 37%,
+      $master-skeleton-color 63%
+    );
+    background-size: 400% 100%;
+    animation: virtual-table-skeleton-animation 3s ease infinite;
+  }
+}
+
+@keyframes virtual-table-skeleton-animation {
+  from {
+    background-position: 100% 50%;
+  }
+  to {
+    background-position: 0 50%;
+  }
+}

package/middleware/selection/index.d.ts

@@ -0,0 +1,47 @@
+import * as _are_visual_virtual_table from '@are-visual/virtual-table';
+import { ColumnExtra } from '@are-visual/virtual-table';
+import { HTMLAttributes, TdHTMLAttributes, Key, ComponentType, ReactNode } from 'react';
+
+type RowSelectMethod = 'all' | 'none' | 'invert' | 'single' | 'multiple';
+type SelectionSelectFn<T = any> = (record: T, selected: boolean, selectedRows: T[], nativeEvent: Event) => void;
+type GetComponentProps<DataType> = (data: DataType, index?: number) => HTMLAttributes<any> & TdHTMLAttributes<any>;
+type SelectionColumnTitleProps = SelectionProps & {
+    allKeys: Key[];
+    onClear: () => void;
+    onSelectAll: () => void;
+    onSelectInvert: () => void;
+};
+interface TableRowSelection<T = any> {
+    component?: ComponentType<SelectionProps>;
+    /** Keep the selection keys in list even the key not exist in `dataSource` anymore */
+    preserveSelectedRowKeys?: boolean;
+    multiple?: boolean;
+    selectedRowKeys?: Key[];
+    defaultSelectedRowKeys?: Key[];
+    onChange?: (selectedRowKeys: Key[], selectedRows: T[], info: {
+        type: RowSelectMethod;
+    }) => void;
+    getSelectionProps?: (record: T) => SelectionProps & Record<string, unknown>;
+    onSelect?: SelectionSelectFn<T>;
+    hideSelectAll?: boolean;
+    fixed?: boolean;
+    columnWidth?: string | number;
+    columnTitle?: ReactNode | ((checkboxNode: ReactNode, props: SelectionColumnTitleProps) => ReactNode);
+    renderCell?: (value: boolean, record: T, index: number, originNode: ReactNode) => ReactNode;
+    onCell?: GetComponentProps<T>;
+    extraColumnProps?: ColumnExtra;
+}
+interface SelectionProps {
+    multiple?: boolean;
+    value?: boolean;
+    onChange?: (nextValue: boolean, e: Event) => void;
+    indeterminate?: boolean;
+    disabled?: boolean;
+}
+
+/**
+ * 为 Table 实现多选、单选功能，不传入 options 则是禁用插件
+ */
+declare const tableSelection: <T = any>(options?: TableRowSelection<T> | undefined) => _are_visual_virtual_table.Middleware<T>;
+
+export { type GetComponentProps, type RowSelectMethod, type SelectionColumnTitleProps, type SelectionProps, type SelectionSelectFn, type TableRowSelection, tableSelection };

package/middleware/selection/index.js

@@ -0,0 +1,282 @@
+import { jsx } from 'react/jsx-runtime';
+import { createMiddleware, useShallowMemo, useStableFn } from '@are-visual/virtual-table';
+import { useControllableValue } from '@are-visual/virtual-table/middleware/utils/useControllableValue';
+import { forwardRef, useRef, useEffect, createElement, useCallback, useMemo, isValidElement } from 'react';
+import { useMergedRef } from '@are-visual/virtual-table/utils/ref';
+import clsx from 'clsx';
+
+function Selection(props, ref) {
+  const {
+    className,
+    multiple,
+    indeterminate,
+    value = false,
+    onChange,
+    component,
+    ...rest
+  } = props;
+  const isCustomComponent = component != null;
+  const inputNode = useRef(null);
+  useEffect(() => {
+    if (isCustomComponent) return;
+    const input = inputNode.current;
+    if (input == null) return;
+    input.indeterminate = !!indeterminate;
+  }, [isCustomComponent, indeterminate]);
+  const mergedRef = useMergedRef(inputNode, ref);
+  if (isCustomComponent) {
+    return /*#__PURE__*/createElement(component, props);
+  }
+  return jsx("input", {
+    ...rest,
+    ref: mergedRef,
+    className: clsx('virtual-table-selection', className),
+    type: multiple ? 'checkbox' : 'radio',
+    checked: value,
+    onChange: e => {
+      onChange?.(e.target.checked, e.nativeEvent);
+    }
+  });
+}
+var Selection$1 = /*#__PURE__*/forwardRef(Selection);
+
+const SELECTION_COLUMN_KEY = 'VirtualTable.SELECTION_COLUMN';
+const EMPTY_ARR = [];
+function useSelection(ctx, options) {
+  const disablePlugin = options == null;
+  const {
+    columns: rawColumns
+  } = ctx;
+  const rowKey = ctx.rowKey;
+  const dataSource = disablePlugin ? EMPTY_ARR : ctx.dataSource;
+  const {
+    defaultSelectedRowKeys,
+    component,
+    preserveSelectedRowKeys,
+    multiple = true,
+    getSelectionProps,
+    onSelect,
+    hideSelectAll = false,
+    fixed,
+    columnWidth,
+    columnTitle,
+    extraColumnProps,
+    // checkStrictly 属性使用场景：
+    // const dataSource = [{ key: 1, name: "张三", children: [{ key: 1.1, name: "李四" }] }]
+    // dataSource 中含有 children 属性，antd Table 组件会显示为“树形”结构，Table 左侧会新增一个展开按钮，点击后会显示“李四”的数据
+    // 勾选“张三”的时候，会把对应 children 全部选中。如果 checkStrictly=false 则不选中。
+    // checkStrictly: _checkStrictly,
+    renderCell,
+    onCell
+  } = options ?? {};
+  const [selectedRowKeys = [], setSelectedRowKeys] = useControllableValue(options ?? {}, {
+    defaultValue: defaultSelectedRowKeys,
+    valuePropName: 'selectedRowKeys',
+    trigger: 'onChange'
+  });
+  const rowClassName = useCallback(record => {
+    const key = record[rowKey];
+    const checked = selectedRowKeys.includes(key);
+    return checked ? 'virtual-table-row-selected' : '';
+  }, [rowKey, selectedRowKeys]);
+  const selectionPropsList = useShallowMemo(() => {
+    return dataSource.map(row => {
+      if (!getSelectionProps) return {};
+      return getSelectionProps(row);
+    });
+  });
+  // 当有某一行数据 Checkbox disabled 时，过滤它
+  const allKeys = useShallowMemo(() => {
+    return dataSource.filter((_data, index) => !selectionPropsList[index].disabled).map(x => x[rowKey]);
+  });
+  // preserveSelectedRowKeys=true 时，勾选过的数据，都会在这里存一份
+  const cache = useRef(new Map());
+  const allDisabled = !selectionPropsList.some(item => !item.disabled);
+  const getRowsByKeys = useStableFn(keys => {
+    const result = [];
+    keys.forEach(key => {
+      let value = dataSource.find(row => row[rowKey] === key);
+      // 在 cache 中还是找不到对应的数据，就放弃寻找，填入一个 undefined（与 antd 默认表现一致）
+      // 场景: selectedRowKeys 中有一个在 dataSource 中不存在的 key，用这个 key 是找不到数据的
+      if (value == null && preserveSelectedRowKeys) {
+        value = cache.current.get(key);
+      }
+      if (value == null && !preserveSelectedRowKeys) return;
+      result.push(value);
+    });
+    return result;
+  });
+  const prevSelectedIndex = useRef(null);
+  const mergeColumns = useMemo(() => {
+    if (disablePlugin) {
+      return rawColumns;
+    }
+    const isSelected = selectedRowKeys.length > 0;
+    const indeterminate = isSelected && allKeys.length > selectedRowKeys.length;
+    const isSelectedAll = isSelected ? allKeys.length > 0 && allKeys.every(key => selectedRowKeys.includes(key)) : false;
+    const shakeDeadKeys = keys => {
+      const unionKeys = new Set(keys);
+      if (!preserveSelectedRowKeys) {
+        return Array.from(unionKeys).filter(key => {
+          return allKeys.includes(key);
+        });
+      }
+      return Array.from(unionKeys);
+    };
+    const multipleSelect = (currentIndex, nextChecked) => {
+      const index = prevSelectedIndex.current ?? currentIndex;
+      const startIndex = Math.min(index, currentIndex);
+      const endIndex = Math.max(index, currentIndex);
+      const rangeKeys = allKeys.slice(startIndex, endIndex + 1);
+      const shouldSelected = rangeKeys.some(rangeKey => !selectedRowKeys.includes(rangeKey));
+      prevSelectedIndex.current = shouldSelected ? endIndex : null;
+      const keys = nextChecked ? shakeDeadKeys([...selectedRowKeys, ...rangeKeys]) : shakeDeadKeys(selectedRowKeys.filter(x => !rangeKeys.includes(x)));
+      const rows = getRowsByKeys(keys);
+      setSelectedRowKeys(keys, rows, {
+        type: 'multiple'
+      });
+    };
+    const onSelectAll = () => {
+      const keys = shakeDeadKeys([...selectedRowKeys, ...allKeys]);
+      const rows = getRowsByKeys(keys);
+      setSelectedRowKeys(keys, rows, {
+        type: 'all'
+      });
+    };
+    const onSelectInvert = () => {
+      const keys = allKeys.filter(key => !selectedRowKeys.includes(key));
+      const rows = getRowsByKeys(keys);
+      setSelectedRowKeys(keys, rows, {
+        type: 'invert'
+      });
+    };
+    const onClearAll = () => {
+      setSelectedRowKeys([], [], {
+        type: 'none'
+      });
+    };
+    const columnTitleProps = {
+      indeterminate,
+      value: isSelectedAll,
+      disabled: allDisabled,
+      multiple,
+      onChange: checked => {
+        if (checked) {
+          onSelectAll();
+        } else {
+          onClearAll();
+        }
+      },
+      onClear: onClearAll,
+      onSelectAll,
+      onSelectInvert,
+      allKeys
+    };
+    const onCreateTitle = () => {
+      if (!multiple) {
+        if (/*#__PURE__*/isValidElement(columnTitle)) {
+          return columnTitle;
+        }
+        if (typeof columnTitle === 'function') {
+          return columnTitle(undefined, columnTitleProps);
+        }
+        return null;
+      }
+      let title = jsx("div", {
+        className: "virtual-table-selection",
+        children: jsx(Selection$1, {
+          component: component,
+          multiple: multiple,
+          value: isSelectedAll,
+          indeterminate: indeterminate,
+          disabled: allDisabled,
+          onChange: checked => {
+            if (checked) {
+              onSelectAll();
+            } else {
+              onClearAll();
+            }
+          }
+        })
+      });
+      if (/*#__PURE__*/isValidElement(columnTitle)) {
+        title = columnTitle;
+      } else if (typeof columnTitle === 'function') {
+        title = columnTitle(title, columnTitleProps);
+      }
+      return title;
+    };
+    const column = {
+      ...extraColumnProps,
+      title: hideSelectAll ? undefined : onCreateTitle(),
+      width: columnWidth ?? 32,
+      align: 'center',
+      fixed: fixed ? 'left' : undefined,
+      key: SELECTION_COLUMN_KEY,
+      render(_value, record, index) {
+        const key = record[rowKey];
+        const checked = selectedRowKeys.includes(key);
+        const extraProps = selectionPropsList[index];
+        const updateCache = () => {
+          if (preserveSelectedRowKeys) {
+            cache.current.set(key, record);
+          }
+        };
+        const node = jsx(Selection$1, {
+          ...extraProps,
+          component: component,
+          value: checked,
+          multiple: multiple,
+          onChange: (nextChecked, e) => {
+            updateCache();
+            if (multiple && e.shiftKey) {
+              multipleSelect(index, nextChecked);
+              return;
+            }
+            if (nextChecked) {
+              prevSelectedIndex.current = index;
+            } else {
+              prevSelectedIndex.current = null;
+            }
+            let keys = [key];
+            if (multiple) {
+              keys = nextChecked ? shakeDeadKeys([...selectedRowKeys, key]) : shakeDeadKeys(selectedRowKeys.filter(x => x !== key));
+            }
+            const rows = getRowsByKeys(keys);
+            // @ts-expect-error rows 并不是安全的 T[] 类型，因为有 preserveSelectedRowKeys 功能存在，在此处只能忽略类型错误
+            onSelect?.(record, nextChecked, rows, e);
+            setSelectedRowKeys(keys, rows, {
+              type: 'single'
+            });
+          }
+        });
+        if (typeof renderCell === 'function') {
+          return renderCell(checked, record, index, node);
+        }
+        return node;
+      },
+      onCell,
+      onHeaderCell() {
+        return {
+          className: 'virtual-table-selection-column'
+        };
+      }
+    };
+    return [column, ...rawColumns];
+  }, [disablePlugin, extraColumnProps, allDisabled, allKeys, columnTitle, columnWidth, fixed, getRowsByKeys, hideSelectAll, onCell, onSelect, preserveSelectedRowKeys, rawColumns, renderCell, rowKey, selectedRowKeys, selectionPropsList, setSelectedRowKeys, multiple, component]);
+  if (disablePlugin) {
+    return ctx;
+  }
+  return {
+    ...ctx,
+    rowClassName,
+    columns: mergeColumns
+  };
+}
+/**
+ * 为 Table 实现多选、单选功能，不传入 options 则是禁用插件
+ */
+const tableSelection = createMiddleware(useSelection);
+
+export { tableSelection };
+//# sourceMappingURL=index.js.map

package/middleware/selection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../packages/virtual-table/src/middleware/selection/selection.tsx","../../../../packages/virtual-table/src/middleware/selection/table-selection.tsx"],"sourcesContent":["import type { ComponentType, DetailedHTMLProps, ForwardedRef, InputHTMLAttributes } from 'react'\nimport type { SelectionProps as BaseProps } from './types'\nimport { useMergedRef } from '@are-visual/virtual-table/utils/ref'\nimport clsx from 'clsx'\nimport { createElement, forwardRef, useEffect, useRef } from 'react'\n\ntype InputProps = DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>\nexport interface SelectionProps extends BaseProps,\n  Omit<InputProps, 'type' | 'onChange' | 'checked' | 'value' | 'defaultChecked' | 'defaultValue' | 'disabled'> {\n  component?: ComponentType<BaseProps>\n}\n\nfunction Selection(props: SelectionProps, ref: ForwardedRef<HTMLInputElement>) {\n  const {\n    className,\n    multiple,\n    indeterminate,\n    value = false,\n    onChange,\n    component,\n    ...rest\n  } = props\n\n  const isCustomComponent = component != null\n\n  const inputNode = useRef<HTMLInputElement>(null)\n\n  useEffect(() => {\n    if (isCustomComponent) return\n    const input = inputNode.current\n    if (input == null) return\n    input.indeterminate = !!indeterminate\n  }, [isCustomComponent, indeterminate])\n\n  const mergedRef = useMergedRef(inputNode, ref)\n\n  if (isCustomComponent) {\n    return createElement(component, props)\n  }\n\n  return (\n    <input\n      {...rest}\n      ref={mergedRef}\n      className={clsx('virtual-table-selection', className)}\n      type={multiple ? 'checkbox' : 'radio'}\n      checked={value}\n      onChange={(e) => {\n        onChange?.(e.target.checked, e.nativeEvent)\n      }}\n    />\n  )\n}\n\nexport default forwardRef(Selection)\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { AnyObject, ColumnType, MiddlewareContext, MiddlewareResult } from '@are-visual/virtual-table'\nimport type { Key, ReactNode } from 'react'\nimport type { SelectionColumnTitleProps, TableRowSelection } from './types'\n\nimport { createMiddleware, useShallowMemo, useStableFn } from '@are-visual/virtual-table'\nimport { useControllableValue } from '@are-visual/virtual-table/middleware/utils/useControllableValue'\nimport { isValidElement, useCallback, useMemo, useRef } from 'react'\nimport Selection from './selection'\n\nexport const SELECTION_COLUMN_KEY = 'VirtualTable.SELECTION_COLUMN'\n\nconst EMPTY_ARR: AnyObject[] = []\n\nexport function isSelectionColumn<T = any>(column: ColumnType<T>) {\n  return column.key === SELECTION_COLUMN_KEY\n}\n\nfunction useSelection<T = any>(\n  ctx: MiddlewareContext<T>,\n  options?: TableRowSelection<T>,\n): MiddlewareResult<T> {\n  const disablePlugin = options == null\n\n  const { columns: rawColumns } = ctx\n  const rowKey = ctx.rowKey as string\n  const dataSource = disablePlugin ? EMPTY_ARR : (ctx.dataSource as AnyObject[])\n\n  const {\n    defaultSelectedRowKeys,\n\n    component,\n    preserveSelectedRowKeys,\n    multiple = true,\n    getSelectionProps,\n    onSelect,\n    hideSelectAll = false,\n    fixed,\n    columnWidth,\n    columnTitle,\n\n    extraColumnProps,\n\n    // checkStrictly 属性使用场景：\n    // const dataSource = [{ key: 1, name: \"张三\", children: [{ key: 1.1, name: \"李四\" }] }]\n    // dataSource 中含有 children 属性，antd Table 组件会显示为“树形”结构，Table 左侧会新增一个展开按钮，点击后会显示“李四”的数据\n    // 勾选“张三”的时候，会把对应 children 全部选中。如果 checkStrictly=false 则不选中。\n    // checkStrictly: _checkStrictly,\n\n    renderCell,\n    onCell,\n  } = options ?? {}\n\n  const [selectedRowKeys = [], setSelectedRowKeys] = useControllableValue<Key[]>(\n    options ?? {},\n    {\n      defaultValue: defaultSelectedRowKeys,\n      valuePropName: 'selectedRowKeys',\n      trigger: 'onChange',\n    },\n  )\n\n  const rowClassName = useCallback((record: T) => {\n    const key = (record as AnyObject)[rowKey] as Key\n    const checked = selectedRowKeys.includes(key)\n    return checked ? 'virtual-table-row-selected' : ''\n  }, [rowKey, selectedRowKeys])\n\n  const selectionPropsList = useShallowMemo(() => {\n    return dataSource.map((row) => {\n      if (!getSelectionProps) return {}\n      return getSelectionProps(row as T)\n    })\n  })\n\n  // 当有某一行数据 Checkbox disabled 时，过滤它\n  const allKeys: Key[] = useShallowMemo(() => {\n    return dataSource\n      .filter((_data, index) => !selectionPropsList[index].disabled)\n      .map((x) => x[rowKey] as Key)\n  })\n\n  // preserveSelectedRowKeys=true 时，勾选过的数据，都会在这里存一份\n  const cache = useRef(new Map<Key, T>())\n\n  const allDisabled = !selectionPropsList.some((item) => !item.disabled)\n\n  const getRowsByKeys = useStableFn((keys: Key[]) => {\n    const result: (T | undefined)[] = []\n    keys.forEach((key) => {\n      let value = dataSource.find((row) => row[rowKey] === key) as T | undefined\n\n      // 在 cache 中还是找不到对应的数据，就放弃寻找，填入一个 undefined（与 antd 默认表现一致）\n      // 场景: selectedRowKeys 中有一个在 dataSource 中不存在的 key，用这个 key 是找不到数据的\n      if (value == null && preserveSelectedRowKeys) {\n        value = cache.current.get(key)\n      }\n\n      if (value == null && !preserveSelectedRowKeys) return\n\n      result.push(value)\n    })\n    return result\n  })\n\n  const prevSelectedIndex = useRef<number | null>(null)\n\n  const mergeColumns = useMemo(() => {\n    if (disablePlugin) {\n      return rawColumns\n    }\n\n    const isSelected = selectedRowKeys.length > 0\n    const indeterminate = isSelected && allKeys.length > selectedRowKeys.length\n    const isSelectedAll = isSelected\n      ? allKeys.length > 0 && allKeys.every((key) => selectedRowKeys.includes(key))\n      : false\n\n    const shakeDeadKeys = (keys: Key[]) => {\n      const unionKeys = new Set(keys)\n      if (!preserveSelectedRowKeys) {\n        return Array.from(unionKeys).filter((key) => {\n          return allKeys.includes(key)\n        })\n      }\n      return Array.from(unionKeys)\n    }\n\n    const multipleSelect = (currentIndex: number, nextChecked: boolean) => {\n      const index = prevSelectedIndex.current ?? currentIndex\n      const startIndex = Math.min(index, currentIndex)\n      const endIndex = Math.max(index, currentIndex)\n      const rangeKeys = allKeys.slice(startIndex, endIndex + 1)\n      const shouldSelected = rangeKeys.some((rangeKey) => !selectedRowKeys.includes(rangeKey))\n      prevSelectedIndex.current = shouldSelected ? endIndex : null\n      const keys = nextChecked\n        ? shakeDeadKeys([...selectedRowKeys, ...rangeKeys])\n        : shakeDeadKeys(selectedRowKeys.filter((x) => !rangeKeys.includes(x)))\n      const rows = getRowsByKeys(keys)\n      setSelectedRowKeys(keys, rows, { type: 'multiple' })\n    }\n\n    const onSelectAll = () => {\n      const keys = shakeDeadKeys([...selectedRowKeys, ...allKeys])\n      const rows = getRowsByKeys(keys)\n      setSelectedRowKeys(keys, rows, { type: 'all' })\n    }\n\n    const onSelectInvert = () => {\n      const keys = allKeys.filter((key) => !selectedRowKeys.includes(key))\n      const rows = getRowsByKeys(keys)\n      setSelectedRowKeys(keys, rows, { type: 'invert' })\n    }\n\n    const onClearAll = () => {\n      setSelectedRowKeys([], [], { type: 'none' })\n    }\n\n    const columnTitleProps: SelectionColumnTitleProps = {\n      indeterminate,\n      value: isSelectedAll,\n      disabled: allDisabled,\n      multiple,\n      onChange: (checked) => {\n        if (checked) {\n          onSelectAll()\n        } else {\n          onClearAll()\n        }\n      },\n      onClear: onClearAll,\n      onSelectAll,\n      onSelectInvert,\n      allKeys,\n    }\n\n    const onCreateTitle = () => {\n      if (!multiple) {\n        if (isValidElement(columnTitle)) {\n          return columnTitle\n        }\n        if (typeof columnTitle === 'function') {\n          return columnTitle(undefined, columnTitleProps)\n        }\n        return null\n      }\n\n      let title: ReactNode = (\n        <div className=\"virtual-table-selection\">\n          <Selection\n            component={component}\n            multiple={multiple}\n            value={isSelectedAll}\n            indeterminate={indeterminate}\n            disabled={allDisabled}\n            onChange={(checked) => {\n              if (checked) {\n                onSelectAll()\n              } else {\n                onClearAll()\n              }\n            }}\n          />\n        </div>\n      )\n      if (isValidElement(columnTitle)) {\n        title = columnTitle\n      } else if (typeof columnTitle === 'function') {\n        title = columnTitle(title, columnTitleProps)\n      }\n      return title\n    }\n\n    const column: ColumnType<T> = {\n      ...extraColumnProps,\n      title: hideSelectAll ? undefined : onCreateTitle(),\n      width: columnWidth ?? 32,\n      align: 'center',\n      fixed: fixed ? 'left' : undefined,\n      key: SELECTION_COLUMN_KEY,\n      render(_value, record, index) {\n        const key = (record as AnyObject)[rowKey] as Key\n        const checked = selectedRowKeys.includes(key)\n        const extraProps = selectionPropsList[index]\n\n        const updateCache = () => {\n          if (preserveSelectedRowKeys) {\n            cache.current.set(key, record)\n          }\n        }\n\n        const node = (\n          <Selection\n            {...extraProps}\n            component={component}\n            value={checked}\n            multiple={multiple}\n            onChange={(nextChecked, e) => {\n              updateCache()\n              if (multiple && (e as PointerEvent).shiftKey) {\n                multipleSelect(index, nextChecked)\n                return\n              }\n              if (nextChecked) {\n                prevSelectedIndex.current = index\n              } else {\n                prevSelectedIndex.current = null\n              }\n              let keys: Key[] = [key]\n              if (multiple) {\n                keys = nextChecked ? shakeDeadKeys([...selectedRowKeys, key]) : shakeDeadKeys(selectedRowKeys.filter((x) => x !== key))\n              }\n              const rows = getRowsByKeys(keys)\n              // @ts-expect-error rows 并不是安全的 T[] 类型，因为有 preserveSelectedRowKeys 功能存在，在此处只能忽略类型错误\n              onSelect?.(record, nextChecked, rows, e)\n              setSelectedRowKeys(keys, rows, { type: 'single' })\n            }}\n          />\n        )\n\n        if (typeof renderCell === 'function') {\n          return renderCell(checked, record, index, node)\n        }\n\n        return node\n      },\n      onCell,\n      onHeaderCell() {\n        return { className: 'virtual-table-selection-column' }\n      },\n    }\n\n    return [column, ...rawColumns]\n  }, [\n    disablePlugin,\n    extraColumnProps,\n    allDisabled,\n    allKeys,\n    columnTitle,\n    columnWidth,\n    fixed,\n    getRowsByKeys,\n    hideSelectAll,\n    onCell,\n    onSelect,\n    preserveSelectedRowKeys,\n    rawColumns,\n    renderCell,\n    rowKey,\n    selectedRowKeys,\n    selectionPropsList,\n    setSelectedRowKeys,\n    multiple,\n    component,\n  ])\n\n  if (disablePlugin) {\n    return ctx\n  }\n\n  return {\n    ...ctx,\n    rowClassName,\n    columns: mergeColumns,\n  }\n}\n\n/**\n * 为 Table 实现多选、单选功能，不传入 options 则是禁用插件\n */\nexport const tableSelection = createMiddleware(useSelection)\n"],"names":["Selection","props","ref","className","multiple","indeterminate","value","onChange","component","rest","isCustomComponent","inputNode","useRef","useEffect","input","current","mergedRef","useMergedRef","createElement","_jsx","clsx","type","checked","e","target","nativeEvent","forwardRef","SELECTION_COLUMN_KEY","EMPTY_ARR","useSelection","ctx","options","disablePlugin","columns","rawColumns","rowKey","dataSource","defaultSelectedRowKeys","preserveSelectedRowKeys","getSelectionProps","onSelect","hideSelectAll","fixed","columnWidth","columnTitle","extraColumnProps","renderCell","onCell","selectedRowKeys","setSelectedRowKeys","useControllableValue","defaultValue","valuePropName","trigger","rowClassName","useCallback","record","key","includes","selectionPropsList","useShallowMemo","map","row","allKeys","filter","_data","index","disabled","x","cache","Map","allDisabled","some","item","getRowsByKeys","useStableFn","keys","result","forEach","find","get","push","prevSelectedIndex","mergeColumns","useMemo","isSelected","length","isSelectedAll","every","shakeDeadKeys","unionKeys","Set","Array","from","multipleSelect","currentIndex","nextChecked","startIndex","Math","min","endIndex","max","rangeKeys","slice","shouldSelected","rangeKey","rows","onSelectAll","onSelectInvert","onClearAll","columnTitleProps","onClear","onCreateTitle","isValidElement","undefined","title","children","column","width","align","render","_value","extraProps","updateCache","set","node","shiftKey","onHeaderCell","tableSelection","createMiddleware"],"mappings":";;;;;;;AAYA,SAASA,SAASA,CAACC,KAAqB,EAAEC,GAAmC,EAAA;EAC3E,MAAM;IACJC,SAAS;IACTC,QAAQ;IACRC,aAAa;AACbC,IAAAA,KAAK,GAAG,KAAK;IACbC,QAAQ;IACRC,SAAS;IACT,GAAGC;AACJ,GAAA,GAAGR,KAAK;AAET,EAAA,MAAMS,iBAAiB,GAAGF,SAAS,IAAI,IAAI;AAE3C,EAAA,MAAMG,SAAS,GAAGC,MAAM,CAAmB,IAAI,CAAC;AAEhDC,EAAAA,SAAS,CAAC,MAAK;AACb,IAAA,IAAIH,iBAAiB,EAAE;AACvB,IAAA,MAAMI,KAAK,GAAGH,SAAS,CAACI,OAAO;IAC/B,IAAID,KAAK,IAAI,IAAI,EAAE;AACnBA,IAAAA,KAAK,CAACT,aAAa,GAAG,CAAC,CAACA,aAAa;AACvC,GAAC,EAAE,CAACK,iBAAiB,EAAEL,aAAa,CAAC,CAAC;AAEtC,EAAA,MAAMW,SAAS,GAAGC,YAAY,CAACN,SAAS,EAAET,GAAG,CAAC;AAE9C,EAAA,IAAIQ,iBAAiB,EAAE;AACrB,IAAA,oBAAOQ,aAAa,CAACV,SAAS,EAAEP,KAAK,CAAC;AACxC;EAEA,OACEkB,GACM,CAAA,OAAA,EAAA;AAAA,IAAA,GAAAV,IAAI;AACRP,IAAAA,GAAG,EAAEc,SAAS;AACdb,IAAAA,SAAS,EAAEiB,IAAI,CAAC,yBAAyB,EAAEjB,SAAS,CAAC;AACrDkB,IAAAA,IAAI,EAAEjB,QAAQ,GAAG,UAAU,GAAG,OAAO;AACrCkB,IAAAA,OAAO,EAAEhB,KAAK;IACdC,QAAQ,EAAGgB,CAAC,IAAI;MACdhB,QAAQ,GAAGgB,CAAC,CAACC,MAAM,CAACF,OAAO,EAAEC,CAAC,CAACE,WAAW,CAAC;AAC7C;AAAC,GAAA,CACD;AAEN;AAEA,kBAAeC,aAAAA,UAAU,CAAC1B,SAAS,CAAC;;AC5C7B,MAAM2B,oBAAoB,GAAG,+BAA+B;AAEnE,MAAMC,SAAS,GAAgB,EAAE;AAMjC,SAASC,YAAYA,CACnBC,GAAyB,EACzBC,OAA8B,EAAA;AAE9B,EAAA,MAAMC,aAAa,GAAGD,OAAO,IAAI,IAAI;EAErC,MAAM;AAAEE,IAAAA,OAAO,EAAEC;AAAY,GAAA,GAAGJ,GAAG;AACnC,EAAA,MAAMK,MAAM,GAAGL,GAAG,CAACK,MAAgB;EACnC,MAAMC,UAAU,GAAGJ,aAAa,GAAGJ,SAAS,GAAIE,GAAG,CAACM,UAA0B;EAE9E,MAAM;IACJC,sBAAsB;IAEtB7B,SAAS;IACT8B,uBAAuB;AACvBlC,IAAAA,QAAQ,GAAG,IAAI;IACfmC,iBAAiB;IACjBC,QAAQ;AACRC,IAAAA,aAAa,GAAG,KAAK;IACrBC,KAAK;IACLC,WAAW;IACXC,WAAW;IAEXC,gBAAgB;AAEhB;AACA;AACA;AACA;AACA;IAEAC,UAAU;AACVC,IAAAA;AAAM,GACP,GAAGhB,OAAO,IAAI,EAAE;AAEjB,EAAA,MAAM,CAACiB,eAAe,GAAG,EAAE,EAAEC,kBAAkB,CAAC,GAAGC,oBAAoB,CACrEnB,OAAO,IAAI,EAAE,EACb;AACEoB,IAAAA,YAAY,EAAEd,sBAAsB;AACpCe,IAAAA,aAAa,EAAE,iBAAiB;AAChCC,IAAAA,OAAO,EAAE;AACV,GAAA,CACF;AAED,EAAA,MAAMC,YAAY,GAAGC,WAAW,CAAEC,MAAS,IAAI;AAC7C,IAAA,MAAMC,GAAG,GAAID,MAAoB,CAACrB,MAAM,CAAQ;AAChD,IAAA,MAAMb,OAAO,GAAG0B,eAAe,CAACU,QAAQ,CAACD,GAAG,CAAC;AAC7C,IAAA,OAAOnC,OAAO,GAAG,4BAA4B,GAAG,EAAE;AACpD,GAAC,EAAE,CAACa,MAAM,EAAEa,eAAe,CAAC,CAAC;AAE7B,EAAA,MAAMW,kBAAkB,GAAGC,cAAc,CAAC,MAAK;AAC7C,IAAA,OAAOxB,UAAU,CAACyB,GAAG,CAAEC,GAAG,IAAI;AAC5B,MAAA,IAAI,CAACvB,iBAAiB,EAAE,OAAO,EAAE;MACjC,OAAOA,iBAAiB,CAACuB,GAAQ,CAAC;AACpC,KAAC,CAAC;AACJ,GAAC,CAAC;AAEF;AACA,EAAA,MAAMC,OAAO,GAAUH,cAAc,CAAC,MAAK;IACzC,OAAOxB,UAAU,CACd4B,MAAM,CAAC,CAACC,KAAK,EAAEC,KAAK,KAAK,CAACP,kBAAkB,CAACO,KAAK,CAAC,CAACC,QAAQ,CAAC,CAC7DN,GAAG,CAAEO,CAAC,IAAKA,CAAC,CAACjC,MAAM,CAAQ,CAAC;AACjC,GAAC,CAAC;AAEF;EACA,MAAMkC,KAAK,GAAGzD,MAAM,CAAC,IAAI0D,GAAG,EAAU,CAAC;AAEvC,EAAA,MAAMC,WAAW,GAAG,CAACZ,kBAAkB,CAACa,IAAI,CAAEC,IAAI,IAAK,CAACA,IAAI,CAACN,QAAQ,CAAC;AAEtE,EAAA,MAAMO,aAAa,GAAGC,WAAW,CAAEC,IAAW,IAAI;IAChD,MAAMC,MAAM,GAAsB,EAAE;AACpCD,IAAAA,IAAI,CAACE,OAAO,CAAErB,GAAG,IAAI;AACnB,MAAA,IAAInD,KAAK,GAAG8B,UAAU,CAAC2C,IAAI,CAAEjB,GAAG,IAAKA,GAAG,CAAC3B,MAAM,CAAC,KAAKsB,GAAG,CAAkB;AAE1E;AACA;AACA,MAAA,IAAInD,KAAK,IAAI,IAAI,IAAIgC,uBAAuB,EAAE;QAC5ChC,KAAK,GAAG+D,KAAK,CAACtD,OAAO,CAACiE,GAAG,CAACvB,GAAG,CAAC;AAChC;AAEA,MAAA,IAAInD,KAAK,IAAI,IAAI,IAAI,CAACgC,uBAAuB,EAAE;AAE/CuC,MAAAA,MAAM,CAACI,IAAI,CAAC3E,KAAK,CAAC;AACpB,KAAC,CAAC;AACF,IAAA,OAAOuE,MAAM;AACf,GAAC,CAAC;AAEF,EAAA,MAAMK,iBAAiB,GAAGtE,MAAM,CAAgB,IAAI,CAAC;AAErD,EAAA,MAAMuE,YAAY,GAAGC,OAAO,CAAC,MAAK;AAChC,IAAA,IAAIpD,aAAa,EAAE;AACjB,MAAA,OAAOE,UAAU;AACnB;AAEA,IAAA,MAAMmD,UAAU,GAAGrC,eAAe,CAACsC,MAAM,GAAG,CAAC;IAC7C,MAAMjF,aAAa,GAAGgF,UAAU,IAAItB,OAAO,CAACuB,MAAM,GAAGtC,eAAe,CAACsC,MAAM;IAC3E,MAAMC,aAAa,GAAGF,UAAU,GAC5BtB,OAAO,CAACuB,MAAM,GAAG,CAAC,IAAIvB,OAAO,CAACyB,KAAK,CAAE/B,GAAG,IAAKT,eAAe,CAACU,QAAQ,CAACD,GAAG,CAAC,CAAC,GAC3E,KAAK;IAET,MAAMgC,aAAa,GAAIb,IAAW,IAAI;AACpC,MAAA,MAAMc,SAAS,GAAG,IAAIC,GAAG,CAACf,IAAI,CAAC;MAC/B,IAAI,CAACtC,uBAAuB,EAAE;QAC5B,OAAOsD,KAAK,CAACC,IAAI,CAACH,SAAS,CAAC,CAAC1B,MAAM,CAAEP,GAAG,IAAI;AAC1C,UAAA,OAAOM,OAAO,CAACL,QAAQ,CAACD,GAAG,CAAC;AAC9B,SAAC,CAAC;AACJ;AACA,MAAA,OAAOmC,KAAK,CAACC,IAAI,CAACH,SAAS,CAAC;KAC7B;AAED,IAAA,MAAMI,cAAc,GAAGA,CAACC,YAAoB,EAAEC,WAAoB,KAAI;AACpE,MAAA,MAAM9B,KAAK,GAAGgB,iBAAiB,CAACnE,OAAO,IAAIgF,YAAY;MACvD,MAAME,UAAU,GAAGC,IAAI,CAACC,GAAG,CAACjC,KAAK,EAAE6B,YAAY,CAAC;MAChD,MAAMK,QAAQ,GAAGF,IAAI,CAACG,GAAG,CAACnC,KAAK,EAAE6B,YAAY,CAAC;MAC9C,MAAMO,SAAS,GAAGvC,OAAO,CAACwC,KAAK,CAACN,UAAU,EAAEG,QAAQ,GAAG,CAAC,CAAC;AACzD,MAAA,MAAMI,cAAc,GAAGF,SAAS,CAAC9B,IAAI,CAAEiC,QAAQ,IAAK,CAACzD,eAAe,CAACU,QAAQ,CAAC+C,QAAQ,CAAC,CAAC;AACxFvB,MAAAA,iBAAiB,CAACnE,OAAO,GAAGyF,cAAc,GAAGJ,QAAQ,GAAG,IAAI;AAC5D,MAAA,MAAMxB,IAAI,GAAGoB,WAAW,GACpBP,aAAa,CAAC,CAAC,GAAGzC,eAAe,EAAE,GAAGsD,SAAS,CAAC,CAAC,GACjDb,aAAa,CAACzC,eAAe,CAACgB,MAAM,CAAEI,CAAC,IAAK,CAACkC,SAAS,CAAC5C,QAAQ,CAACU,CAAC,CAAC,CAAC,CAAC;AACxE,MAAA,MAAMsC,IAAI,GAAGhC,aAAa,CAACE,IAAI,CAAC;AAChC3B,MAAAA,kBAAkB,CAAC2B,IAAI,EAAE8B,IAAI,EAAE;AAAErF,QAAAA,IAAI,EAAE;AAAY,OAAA,CAAC;KACrD;IAED,MAAMsF,WAAW,GAAGA,MAAK;MACvB,MAAM/B,IAAI,GAAGa,aAAa,CAAC,CAAC,GAAGzC,eAAe,EAAE,GAAGe,OAAO,CAAC,CAAC;AAC5D,MAAA,MAAM2C,IAAI,GAAGhC,aAAa,CAACE,IAAI,CAAC;AAChC3B,MAAAA,kBAAkB,CAAC2B,IAAI,EAAE8B,IAAI,EAAE;AAAErF,QAAAA,IAAI,EAAE;AAAO,OAAA,CAAC;KAChD;IAED,MAAMuF,cAAc,GAAGA,MAAK;AAC1B,MAAA,MAAMhC,IAAI,GAAGb,OAAO,CAACC,MAAM,CAAEP,GAAG,IAAK,CAACT,eAAe,CAACU,QAAQ,CAACD,GAAG,CAAC,CAAC;AACpE,MAAA,MAAMiD,IAAI,GAAGhC,aAAa,CAACE,IAAI,CAAC;AAChC3B,MAAAA,kBAAkB,CAAC2B,IAAI,EAAE8B,IAAI,EAAE;AAAErF,QAAAA,IAAI,EAAE;AAAU,OAAA,CAAC;KACnD;IAED,MAAMwF,UAAU,GAAGA,MAAK;AACtB5D,MAAAA,kBAAkB,CAAC,EAAE,EAAE,EAAE,EAAE;AAAE5B,QAAAA,IAAI,EAAE;AAAQ,OAAA,CAAC;KAC7C;AAED,IAAA,MAAMyF,gBAAgB,GAA8B;MAClDzG,aAAa;AACbC,MAAAA,KAAK,EAAEiF,aAAa;AACpBpB,MAAAA,QAAQ,EAAEI,WAAW;MACrBnE,QAAQ;MACRG,QAAQ,EAAGe,OAAO,IAAI;AACpB,QAAA,IAAIA,OAAO,EAAE;AACXqF,UAAAA,WAAW,EAAE;AACf,SAAC,MAAM;AACLE,UAAAA,UAAU,EAAE;AACd;OACD;AACDE,MAAAA,OAAO,EAAEF,UAAU;MACnBF,WAAW;MACXC,cAAc;AACd7C,MAAAA;KACD;IAED,MAAMiD,aAAa,GAAGA,MAAK;MACzB,IAAI,CAAC5G,QAAQ,EAAE;AACb,QAAA,iBAAI6G,cAAc,CAACrE,WAAW,CAAC,EAAE;AAC/B,UAAA,OAAOA,WAAW;AACpB;AACA,QAAA,IAAI,OAAOA,WAAW,KAAK,UAAU,EAAE;AACrC,UAAA,OAAOA,WAAW,CAACsE,SAAS,EAAEJ,gBAAgB,CAAC;AACjD;AACA,QAAA,OAAO,IAAI;AACb;AAEA,MAAA,IAAIK,KAAK,GACPhG,GAAK,CAAA,KAAA,EAAA;AAAAhB,QAAAA,SAAS,EAAC,yBAAyB;AAAAiH,QAAAA,QAAA,EACtCjG,GAAC,CAAAnB,WAAS;AACRQ,UAAAA,SAAS,EAAEA,SAAS;AACpBJ,UAAAA,QAAQ,EAAEA,QAAQ;AAClBE,UAAAA,KAAK,EAAEiF,aAAa;AACpBlF,UAAAA,aAAa,EAAEA,aAAa;AAC5B8D,UAAAA,QAAQ,EAAEI,WAAW;UACrBhE,QAAQ,EAAGe,OAAO,IAAI;AACpB,YAAA,IAAIA,OAAO,EAAE;AACXqF,cAAAA,WAAW,EAAE;AACf,aAAC,MAAM;AACLE,cAAAA,UAAU,EAAE;AACd;AACF;SAAC;AAEC,OAAA,CACP;AACD,MAAA,iBAAII,cAAc,CAACrE,WAAW,CAAC,EAAE;AAC/BuE,QAAAA,KAAK,GAAGvE,WAAW;AACrB,OAAC,MAAM,IAAI,OAAOA,WAAW,KAAK,UAAU,EAAE;AAC5CuE,QAAAA,KAAK,GAAGvE,WAAW,CAACuE,KAAK,EAAEL,gBAAgB,CAAC;AAC9C;AACA,MAAA,OAAOK,KAAK;KACb;AAED,IAAA,MAAME,MAAM,GAAkB;AAC5B,MAAA,GAAGxE,gBAAgB;AACnBsE,MAAAA,KAAK,EAAE1E,aAAa,GAAGyE,SAAS,GAAGF,aAAa,EAAE;MAClDM,KAAK,EAAE3E,WAAW,IAAI,EAAE;AACxB4E,MAAAA,KAAK,EAAE,QAAQ;AACf7E,MAAAA,KAAK,EAAEA,KAAK,GAAG,MAAM,GAAGwE,SAAS;AACjCzD,MAAAA,GAAG,EAAE9B,oBAAoB;AACzB6F,MAAAA,MAAMA,CAACC,MAAM,EAAEjE,MAAM,EAAEU,KAAK,EAAA;AAC1B,QAAA,MAAMT,GAAG,GAAID,MAAoB,CAACrB,MAAM,CAAQ;AAChD,QAAA,MAAMb,OAAO,GAAG0B,eAAe,CAACU,QAAQ,CAACD,GAAG,CAAC;AAC7C,QAAA,MAAMiE,UAAU,GAAG/D,kBAAkB,CAACO,KAAK,CAAC;QAE5C,MAAMyD,WAAW,GAAGA,MAAK;AACvB,UAAA,IAAIrF,uBAAuB,EAAE;YAC3B+B,KAAK,CAACtD,OAAO,CAAC6G,GAAG,CAACnE,GAAG,EAAED,MAAM,CAAC;AAChC;SACD;AAED,QAAA,MAAMqE,IAAI,GACR1G,GAAC,CAAAnB,WAAS,EACJ;AAAA,UAAA,GAAA0H,UAAU;AACdlH,UAAAA,SAAS,EAAEA,SAAS;AACpBF,UAAAA,KAAK,EAAEgB,OAAO;AACdlB,UAAAA,QAAQ,EAAEA,QAAQ;AAClBG,UAAAA,QAAQ,EAAEA,CAACyF,WAAW,EAAEzE,CAAC,KAAI;AAC3BoG,YAAAA,WAAW,EAAE;AACb,YAAA,IAAIvH,QAAQ,IAAKmB,CAAkB,CAACuG,QAAQ,EAAE;AAC5ChC,cAAAA,cAAc,CAAC5B,KAAK,EAAE8B,WAAW,CAAC;AAClC,cAAA;AACF;AACA,YAAA,IAAIA,WAAW,EAAE;cACfd,iBAAiB,CAACnE,OAAO,GAAGmD,KAAK;AACnC,aAAC,MAAM;cACLgB,iBAAiB,CAACnE,OAAO,GAAG,IAAI;AAClC;AACA,YAAA,IAAI6D,IAAI,GAAU,CAACnB,GAAG,CAAC;AACvB,YAAA,IAAIrD,QAAQ,EAAE;cACZwE,IAAI,GAAGoB,WAAW,GAAGP,aAAa,CAAC,CAAC,GAAGzC,eAAe,EAAES,GAAG,CAAC,CAAC,GAAGgC,aAAa,CAACzC,eAAe,CAACgB,MAAM,CAAEI,CAAC,IAAKA,CAAC,KAAKX,GAAG,CAAC,CAAC;AACzH;AACA,YAAA,MAAMiD,IAAI,GAAGhC,aAAa,CAACE,IAAI,CAAC;AAChC;YACApC,QAAQ,GAAGgB,MAAM,EAAEwC,WAAW,EAAEU,IAAI,EAAEnF,CAAC,CAAC;AACxC0B,YAAAA,kBAAkB,CAAC2B,IAAI,EAAE8B,IAAI,EAAE;AAAErF,cAAAA,IAAI,EAAE;AAAU,aAAA,CAAC;AACpD;AAAC,SAAA,CAEJ;AAED,QAAA,IAAI,OAAOyB,UAAU,KAAK,UAAU,EAAE;UACpC,OAAOA,UAAU,CAACxB,OAAO,EAAEkC,MAAM,EAAEU,KAAK,EAAE2D,IAAI,CAAC;AACjD;AAEA,QAAA,OAAOA,IAAI;OACZ;MACD9E,MAAM;AACNgF,MAAAA,YAAYA,GAAA;QACV,OAAO;AAAE5H,UAAAA,SAAS,EAAE;SAAkC;AACxD;KACD;AAED,IAAA,OAAO,CAACkH,MAAM,EAAE,GAAGnF,UAAU,CAAC;AAChC,GAAC,EAAE,CACDF,aAAa,EACba,gBAAgB,EAChB0B,WAAW,EACXR,OAAO,EACPnB,WAAW,EACXD,WAAW,EACXD,KAAK,EACLgC,aAAa,EACbjC,aAAa,EACbM,MAAM,EACNP,QAAQ,EACRF,uBAAuB,EACvBJ,UAAU,EACVY,UAAU,EACVX,MAAM,EACNa,eAAe,EACfW,kBAAkB,EAClBV,kBAAkB,EAClB7C,QAAQ,EACRI,SAAS,CACV,CAAC;AAEF,EAAA,IAAIwB,aAAa,EAAE;AACjB,IAAA,OAAOF,GAAG;AACZ;EAEA,OAAO;AACL,IAAA,GAAGA,GAAG;IACNwB,YAAY;AACZrB,IAAAA,OAAO,EAAEkD;GACV;AACH;AAEA;;AAEG;MACU6C,cAAc,GAAGC,gBAAgB,CAACpG,YAAY;;;;"}

package/middleware/selection/styles.css

@@ -0,0 +1,13 @@
+.virtual-table-selection {
+  position: relative;
+  display: inline-flex;
+  margin: 0;
+}
+
+.virtual-table-row-selected .virtual-table-cell,
+.virtual-table-row-selected .virtual-table-cell.virtual-table-sticky-cell {
+  background-color: var(--virtual-table-row-selected-bg, #e6f4ff);
+}
+.virtual-table-row-selected:not(.no-hover):hover > .virtual-table-cell {
+  background-color: var(--virtual-table-row-selected-hover-bg, #bae0ff);
+}

package/middleware/selection/styles.scss

@@ -0,0 +1,20 @@
+$virtual-table-row-selected-bg: var(--virtual-table-row-selected-bg, #e6f4ff);
+$virtual-table-row-selected-hover-bg: var(--virtual-table-row-selected-hover-bg, #bae0ff);
+
+.virtual-table-selection {
+  position: relative;
+  display: inline-flex;
+  margin: 0;
+}
+
+.virtual-table-row-selected {
+
+  .virtual-table-cell,
+  .virtual-table-cell.virtual-table-sticky-cell {
+    background-color: $virtual-table-row-selected-bg;
+  }
+
+  &:not(.no-hover):hover>.virtual-table-cell {
+    background-color: $virtual-table-row-selected-hover-bg;
+  }
+}

package/middleware/summary/index.d.ts

@@ -0,0 +1,36 @@
+import * as _are_visual_virtual_table from '@are-visual/virtual-table';
+import { ColumnType } from '@are-visual/virtual-table';
+import * as react from 'react';
+import { Key, DetailedHTMLProps, HTMLAttributes, ReactNode, CSSProperties, MouseEvent, ReactElement } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type NativeProps = DetailedHTMLProps<HTMLAttributes<HTMLTableCellElement>, HTMLTableCellElement>;
+interface CellProps extends NativeProps, Pick<ColumnType<unknown>, 'align'> {
+    columnKey: Key;
+    colSpan?: number;
+}
+
+interface SummaryRowProps {
+    children?: ReactNode | ((column: ColumnType<any>, key: Key) => ReactNode);
+    className?: string;
+    style?: CSSProperties;
+    onClick?: (e?: MouseEvent<HTMLElement>) => void;
+}
+
+interface SummaryProps {
+    fixed?: boolean | 'top' | 'bottom';
+    children?: ReactNode;
+}
+declare function Summary({ children }: SummaryProps): ReactElement;
+declare namespace Summary {
+    var Row: react.FC<SummaryRowProps>;
+    var Cell: react.MemoExoticComponent<(props: CellProps) => react_jsx_runtime.JSX.Element | null>;
+}
+
+interface TableSummaryOptions<T = any> {
+    summary: (data: readonly T[]) => ReactNode;
+}
+
+declare const tableSummary: <T = any>(options?: TableSummaryOptions<T> | undefined) => _are_visual_virtual_table.Middleware<T>;
+
+export { Summary, type TableSummaryOptions, tableSummary };