1234567891011121314151617181920212223242526272829303132333435363738 |
- import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
- import * as React from 'react';
- import { useEvent, useMergedState } from 'rc-util';
- const EMPTY_KEYS = [];
- function filterKeys(keys, dataKeys) {
- const filteredKeys = keys.filter(key => dataKeys.has(key));
- return keys.length === filteredKeys.length ? keys : filteredKeys;
- }
- function flattenKeys(keys) {
- return Array.from(keys).join(';');
- }
- function useSelection(leftDataSource, rightDataSource, selectedKeys) {
- // Prepare `dataSource` keys
- 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]);
- // Selected Keys
- const [mergedSelectedKeys, setMergedSelectedKeys] = useMergedState(EMPTY_KEYS, {
- value: selectedKeys
- });
- const sourceSelectedKeys = React.useMemo(() => filterKeys(mergedSelectedKeys, leftKeys), [mergedSelectedKeys, leftKeys]);
- const targetSelectedKeys = React.useMemo(() => filterKeys(mergedSelectedKeys, rightKeys), [mergedSelectedKeys, rightKeys]);
- // // Reset when data changed
- React.useEffect(() => {
- setMergedSelectedKeys([].concat(_toConsumableArray(filterKeys(mergedSelectedKeys, leftKeys)), _toConsumableArray(filterKeys(mergedSelectedKeys, rightKeys))));
- }, [flattenKeys(leftKeys), flattenKeys(rightKeys)]);
- // Update keys
- const setSourceSelectedKeys = useEvent(nextSrcKeys => {
- setMergedSelectedKeys([].concat(_toConsumableArray(nextSrcKeys), _toConsumableArray(targetSelectedKeys)));
- });
- const setTargetSelectedKeys = useEvent(nextTargetKeys => {
- setMergedSelectedKeys([].concat(_toConsumableArray(sourceSelectedKeys), _toConsumableArray(nextTargetKeys)));
- });
- return [
- // Keys
- sourceSelectedKeys, targetSelectedKeys,
- // Updater
- setSourceSelectedKeys, setTargetSelectedKeys];
- }
- export default useSelection;
|