useData.js 1.2 KB

123456789101112131415161718192021222324252627282930313233
  1. import * as React from 'react';
  2. import { groupKeysMap } from '../../_util/transKeys';
  3. const useData = (dataSource, rowKey, targetKeys) => {
  4. const mergedDataSource = React.useMemo(() => (dataSource || []).map(record => {
  5. if (rowKey) {
  6. return Object.assign(Object.assign({}, record), {
  7. key: rowKey(record)
  8. });
  9. }
  10. return record;
  11. }), [dataSource, rowKey]);
  12. const [leftDataSource, rightDataSource] = React.useMemo(() => {
  13. var _a;
  14. const leftData = [];
  15. const rightData = Array.from({
  16. length: (_a = targetKeys === null || targetKeys === void 0 ? void 0 : targetKeys.length) !== null && _a !== void 0 ? _a : 0
  17. });
  18. const targetKeysMap = groupKeysMap(targetKeys || []);
  19. mergedDataSource.forEach(record => {
  20. // rightData should be ordered by targetKeys
  21. // leftData should be ordered by dataSource
  22. if (targetKeysMap.has(record.key)) {
  23. const idx = targetKeysMap.get(record.key);
  24. rightData[idx] = record;
  25. } else {
  26. leftData.push(record);
  27. }
  28. });
  29. return [leftData, rightData];
  30. }, [mergedDataSource, targetKeys]);
  31. return [mergedDataSource, leftDataSource.filter(Boolean), rightDataSource.filter(Boolean)];
  32. };
  33. export default useData;