mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-21 04:48:02 +08:00
857ee24e38
* type: Table TypeScript improvement * type: Table TypeScript improvement * type: Table TypeScript improvement * fix: fix demo * fix: fix demo * fix: fix type * fix: fix type * fix: fix type * fix: fix type
59 lines
1.6 KiB
TypeScript
59 lines
1.6 KiB
TypeScript
import * as React from 'react';
|
|
|
|
import type { AnyObject } from '../../_util/type';
|
|
import type { GetRowKey, Key } from '../interface';
|
|
|
|
interface MapCache<RecordType extends AnyObject = AnyObject> {
|
|
data?: readonly RecordType[];
|
|
childrenColumnName?: string;
|
|
kvMap?: Map<Key, RecordType>;
|
|
getRowKey?: (record: RecordType, index: number) => Key;
|
|
}
|
|
|
|
const useLazyKVMap = <RecordType extends AnyObject = AnyObject>(
|
|
data: readonly RecordType[],
|
|
childrenColumnName: string,
|
|
getRowKey: GetRowKey<RecordType>,
|
|
) => {
|
|
const mapCacheRef = React.useRef<MapCache<RecordType>>({});
|
|
|
|
function getRecordByKey(key: Key): RecordType {
|
|
if (
|
|
!mapCacheRef.current ||
|
|
mapCacheRef.current.data !== data ||
|
|
mapCacheRef.current.childrenColumnName !== childrenColumnName ||
|
|
mapCacheRef.current.getRowKey !== getRowKey
|
|
) {
|
|
const kvMap = new Map<Key, RecordType>();
|
|
|
|
/* eslint-disable no-inner-declarations */
|
|
function dig(records: readonly RecordType[]) {
|
|
records.forEach((record, index) => {
|
|
const rowKey = getRowKey(record, index);
|
|
kvMap.set(rowKey, record);
|
|
|
|
if (record && typeof record === 'object' && childrenColumnName in record) {
|
|
dig((record as any)[childrenColumnName] || []);
|
|
}
|
|
});
|
|
}
|
|
/* eslint-enable */
|
|
|
|
dig(data);
|
|
|
|
mapCacheRef.current = {
|
|
data,
|
|
childrenColumnName,
|
|
kvMap,
|
|
getRowKey,
|
|
};
|
|
}
|
|
|
|
return mapCacheRef.current.kvMap?.get(key)!;
|
|
}
|
|
|
|
return [getRecordByKey] as const;
|
|
};
|
|
|
|
export default useLazyKVMap;
|