ant-design/components/tree/util.ts

86 lines
1.9 KiB
TypeScript
Raw Normal View History

import * as React from 'react';
2018-07-30 12:05:29 +08:00
import { getNodeChildren, convertTreeToEntities } from 'rc-tree/lib/util';
import { AntTreeNodeProps } from './Tree';
enum Record {
None,
Start,
End,
}
2018-07-30 12:05:29 +08:00
// TODO: Move this logic into `rc-tree`
2018-12-07 16:17:45 +08:00
function traverseNodesKey(
rootChildren: React.ReactNode | React.ReactNode[],
callback: (key: string | number | null) => boolean,
) {
const nodeList: React.ReactNode[] = getNodeChildren(rootChildren) || [];
2018-07-30 12:05:29 +08:00
function processNode(node: React.ReactElement<AntTreeNodeProps>) {
2018-12-07 16:17:45 +08:00
const {
key,
props: { children },
} = node;
2018-07-30 12:05:29 +08:00
if (callback(key) !== false) {
traverseNodesKey(children, callback);
}
}
nodeList.forEach(processNode);
}
export function getFullKeyList(children: React.ReactNode | React.ReactNode[]) {
const { keyEntities } = convertTreeToEntities(children);
return Object.keys(keyEntities);
}
/** 计算选中范围只考虑expanded情况以优化性能 */
2018-12-07 16:17:45 +08:00
export function calcRangeKeys(
rootChildren: React.ReactNode | React.ReactNode[],
expandedKeys: string[],
startKey?: string,
endKey?: string,
): string[] {
const keys: string[] = [];
let record: Record = Record.None;
if (startKey && startKey === endKey) {
return [startKey];
}
if (!startKey || !endKey) {
return [];
}
function matchKey(key: string) {
return key === startKey || key === endKey;
}
2018-07-30 12:05:29 +08:00
traverseNodesKey(rootChildren, (key: string) => {
if (record === Record.End) {
return false;
}
if (matchKey(key)) {
// Match test
keys.push(key);
if (record === Record.None) {
record = Record.Start;
} else if (record === Record.Start) {
record = Record.End;
return false;
}
} else if (record === Record.Start) {
// Append selection
keys.push(key);
}
if (expandedKeys.indexOf(key) === -1) {
return false;
}
2018-07-30 12:05:29 +08:00
return true;
});
return keys;
}