useSelection.js 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
  2. import * as React from 'react';
  3. import { useEvent, useMergedState } from 'rc-util';
  4. const EMPTY_KEYS = [];
  5. function filterKeys(keys, dataKeys) {
  6. const filteredKeys = keys.filter(key => dataKeys.has(key));
  7. return keys.length === filteredKeys.length ? keys : filteredKeys;
  8. }
  9. function flattenKeys(keys) {
  10. return Array.from(keys).join(';');
  11. }
  12. function useSelection(leftDataSource, rightDataSource, selectedKeys) {
  13. // Prepare `dataSource` keys
  14. const [leftKeys, rightKeys] = React.useMemo(() => [new Set(leftDataSource.map(src => src === null || src === void 0 ? void 0 : src.key)), new Set(rightDataSource.map(src => src === null || src === void 0 ? void 0 : src.key))], [leftDataSource, rightDataSource]);
  15. // Selected Keys
  16. const [mergedSelectedKeys, setMergedSelectedKeys] = useMergedState(EMPTY_KEYS, {
  17. value: selectedKeys
  18. });
  19. const sourceSelectedKeys = React.useMemo(() => filterKeys(mergedSelectedKeys, leftKeys), [mergedSelectedKeys, leftKeys]);
  20. const targetSelectedKeys = React.useMemo(() => filterKeys(mergedSelectedKeys, rightKeys), [mergedSelectedKeys, rightKeys]);
  21. // // Reset when data changed
  22. React.useEffect(() => {
  23. setMergedSelectedKeys([].concat(_toConsumableArray(filterKeys(mergedSelectedKeys, leftKeys)), _toConsumableArray(filterKeys(mergedSelectedKeys, rightKeys))));
  24. }, [flattenKeys(leftKeys), flattenKeys(rightKeys)]);
  25. // Update keys
  26. const setSourceSelectedKeys = useEvent(nextSrcKeys => {
  27. setMergedSelectedKeys([].concat(_toConsumableArray(nextSrcKeys), _toConsumableArray(targetSelectedKeys)));
  28. });
  29. const setTargetSelectedKeys = useEvent(nextTargetKeys => {
  30. setMergedSelectedKeys([].concat(_toConsumableArray(sourceSelectedKeys), _toConsumableArray(nextTargetKeys)));
  31. });
  32. return [
  33. // Keys
  34. sourceSelectedKeys, targetSelectedKeys,
  35. // Updater
  36. setSourceSelectedKeys, setTargetSelectedKeys];
  37. }
  38. export default useSelection;