treeUtil.js 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371
  1. "use strict";
  2. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  3. Object.defineProperty(exports, "__esModule", {
  4. value: true
  5. });
  6. exports.convertDataToEntities = convertDataToEntities;
  7. exports.convertNodePropsToEventData = convertNodePropsToEventData;
  8. exports.convertTreeToData = convertTreeToData;
  9. exports.fillFieldNames = fillFieldNames;
  10. exports.flattenTreeData = flattenTreeData;
  11. exports.getKey = getKey;
  12. exports.getPosition = getPosition;
  13. exports.getTreeNodeProps = getTreeNodeProps;
  14. exports.isTreeNode = isTreeNode;
  15. exports.traverseDataNodes = traverseDataNodes;
  16. exports.warningWithoutKey = warningWithoutKey;
  17. var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
  18. var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
  19. var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
  20. var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
  21. var _toArray = _interopRequireDefault(require("rc-util/lib/Children/toArray"));
  22. var _omit = _interopRequireDefault(require("rc-util/lib/omit"));
  23. var _warning = _interopRequireDefault(require("rc-util/lib/warning"));
  24. var _keyUtil = _interopRequireDefault(require("./keyUtil"));
  25. var _excluded = ["children"];
  26. function getPosition(level, index) {
  27. return "".concat(level, "-").concat(index);
  28. }
  29. function isTreeNode(node) {
  30. return node && node.type && node.type.isTreeNode;
  31. }
  32. function getKey(key, pos) {
  33. if (key !== null && key !== undefined) {
  34. return key;
  35. }
  36. return pos;
  37. }
  38. function fillFieldNames(fieldNames) {
  39. var _ref = fieldNames || {},
  40. title = _ref.title,
  41. _title = _ref._title,
  42. key = _ref.key,
  43. children = _ref.children;
  44. var mergedTitle = title || 'title';
  45. return {
  46. title: mergedTitle,
  47. _title: _title || [mergedTitle],
  48. key: key || 'key',
  49. children: children || 'children'
  50. };
  51. }
  52. /**
  53. * Warning if TreeNode do not provides key
  54. */
  55. function warningWithoutKey(treeData, fieldNames) {
  56. var keys = new Map();
  57. function dig(list) {
  58. var path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
  59. (list || []).forEach(function (treeNode) {
  60. var key = treeNode[fieldNames.key];
  61. var children = treeNode[fieldNames.children];
  62. (0, _warning.default)(key !== null && key !== undefined, "Tree node must have a certain key: [".concat(path).concat(key, "]"));
  63. var recordKey = String(key);
  64. (0, _warning.default)(!keys.has(recordKey) || key === null || key === undefined, "Same 'key' exist in the Tree: ".concat(recordKey));
  65. keys.set(recordKey, true);
  66. dig(children, "".concat(path).concat(recordKey, " > "));
  67. });
  68. }
  69. dig(treeData);
  70. }
  71. /**
  72. * Convert `children` of Tree into `treeData` structure.
  73. */
  74. function convertTreeToData(rootNodes) {
  75. function dig(node) {
  76. var treeNodes = (0, _toArray.default)(node);
  77. return treeNodes.map(function (treeNode) {
  78. // Filter invalidate node
  79. if (!isTreeNode(treeNode)) {
  80. (0, _warning.default)(!treeNode, 'Tree/TreeNode can only accept TreeNode as children.');
  81. return null;
  82. }
  83. var key = treeNode.key;
  84. var _treeNode$props = treeNode.props,
  85. children = _treeNode$props.children,
  86. rest = (0, _objectWithoutProperties2.default)(_treeNode$props, _excluded);
  87. var dataNode = (0, _objectSpread2.default)({
  88. key: key
  89. }, rest);
  90. var parsedChildren = dig(children);
  91. if (parsedChildren.length) {
  92. dataNode.children = parsedChildren;
  93. }
  94. return dataNode;
  95. }).filter(function (dataNode) {
  96. return dataNode;
  97. });
  98. }
  99. return dig(rootNodes);
  100. }
  101. /**
  102. * Flat nest tree data into flatten list. This is used for virtual list render.
  103. * @param treeNodeList Origin data node list
  104. * @param expandedKeys
  105. * need expanded keys, provides `true` means all expanded (used in `rc-tree-select`).
  106. */
  107. function flattenTreeData(treeNodeList, expandedKeys, fieldNames) {
  108. var _fillFieldNames = fillFieldNames(fieldNames),
  109. fieldTitles = _fillFieldNames._title,
  110. fieldKey = _fillFieldNames.key,
  111. fieldChildren = _fillFieldNames.children;
  112. var expandedKeySet = new Set(expandedKeys === true ? [] : expandedKeys);
  113. var flattenList = [];
  114. function dig(list) {
  115. var parent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
  116. return list.map(function (treeNode, index) {
  117. var pos = getPosition(parent ? parent.pos : '0', index);
  118. var mergedKey = getKey(treeNode[fieldKey], pos);
  119. // Pick matched title in field title list
  120. var mergedTitle;
  121. for (var i = 0; i < fieldTitles.length; i += 1) {
  122. var fieldTitle = fieldTitles[i];
  123. if (treeNode[fieldTitle] !== undefined) {
  124. mergedTitle = treeNode[fieldTitle];
  125. break;
  126. }
  127. }
  128. // Add FlattenDataNode into list
  129. // We use `Object.assign` here to save perf since babel's `objectSpread` has perf issue
  130. var flattenNode = Object.assign((0, _omit.default)(treeNode, [].concat((0, _toConsumableArray2.default)(fieldTitles), [fieldKey, fieldChildren])), {
  131. title: mergedTitle,
  132. key: mergedKey,
  133. parent: parent,
  134. pos: pos,
  135. children: null,
  136. data: treeNode,
  137. isStart: [].concat((0, _toConsumableArray2.default)(parent ? parent.isStart : []), [index === 0]),
  138. isEnd: [].concat((0, _toConsumableArray2.default)(parent ? parent.isEnd : []), [index === list.length - 1])
  139. });
  140. flattenList.push(flattenNode);
  141. // Loop treeNode children
  142. if (expandedKeys === true || expandedKeySet.has(mergedKey)) {
  143. flattenNode.children = dig(treeNode[fieldChildren] || [], flattenNode);
  144. } else {
  145. flattenNode.children = [];
  146. }
  147. return flattenNode;
  148. });
  149. }
  150. dig(treeNodeList);
  151. return flattenList;
  152. }
  153. /**
  154. * Traverse all the data by `treeData`.
  155. * Please not use it out of the `rc-tree` since we may refactor this code.
  156. */
  157. function traverseDataNodes(dataNodes, callback,
  158. // To avoid too many params, let use config instead of origin param
  159. config) {
  160. var mergedConfig = {};
  161. if ((0, _typeof2.default)(config) === 'object') {
  162. mergedConfig = config;
  163. } else {
  164. mergedConfig = {
  165. externalGetKey: config
  166. };
  167. }
  168. mergedConfig = mergedConfig || {};
  169. // Init config
  170. var _mergedConfig = mergedConfig,
  171. childrenPropName = _mergedConfig.childrenPropName,
  172. externalGetKey = _mergedConfig.externalGetKey,
  173. fieldNames = _mergedConfig.fieldNames;
  174. var _fillFieldNames2 = fillFieldNames(fieldNames),
  175. fieldKey = _fillFieldNames2.key,
  176. fieldChildren = _fillFieldNames2.children;
  177. var mergeChildrenPropName = childrenPropName || fieldChildren;
  178. // Get keys
  179. var syntheticGetKey;
  180. if (externalGetKey) {
  181. if (typeof externalGetKey === 'string') {
  182. syntheticGetKey = function syntheticGetKey(node) {
  183. return node[externalGetKey];
  184. };
  185. } else if (typeof externalGetKey === 'function') {
  186. syntheticGetKey = function syntheticGetKey(node) {
  187. return externalGetKey(node);
  188. };
  189. }
  190. } else {
  191. syntheticGetKey = function syntheticGetKey(node, pos) {
  192. return getKey(node[fieldKey], pos);
  193. };
  194. }
  195. // Process
  196. function processNode(node, index, parent, pathNodes) {
  197. var children = node ? node[mergeChildrenPropName] : dataNodes;
  198. var pos = node ? getPosition(parent.pos, index) : '0';
  199. var connectNodes = node ? [].concat((0, _toConsumableArray2.default)(pathNodes), [node]) : [];
  200. // Process node if is not root
  201. if (node) {
  202. var key = syntheticGetKey(node, pos);
  203. var _data = {
  204. node: node,
  205. index: index,
  206. pos: pos,
  207. key: key,
  208. parentPos: parent.node ? parent.pos : null,
  209. level: parent.level + 1,
  210. nodes: connectNodes
  211. };
  212. callback(_data);
  213. }
  214. // Process children node
  215. if (children) {
  216. children.forEach(function (subNode, subIndex) {
  217. processNode(subNode, subIndex, {
  218. node: node,
  219. pos: pos,
  220. level: parent ? parent.level + 1 : -1
  221. }, connectNodes);
  222. });
  223. }
  224. }
  225. processNode(null);
  226. }
  227. /**
  228. * Convert `treeData` into entity records.
  229. */
  230. function convertDataToEntities(dataNodes) {
  231. var _ref2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
  232. initWrapper = _ref2.initWrapper,
  233. processEntity = _ref2.processEntity,
  234. onProcessFinished = _ref2.onProcessFinished,
  235. externalGetKey = _ref2.externalGetKey,
  236. childrenPropName = _ref2.childrenPropName,
  237. fieldNames = _ref2.fieldNames;
  238. var /** @deprecated Use `config.externalGetKey` instead */
  239. legacyExternalGetKey = arguments.length > 2 ? arguments[2] : undefined;
  240. // Init config
  241. var mergedExternalGetKey = externalGetKey || legacyExternalGetKey;
  242. var posEntities = {};
  243. var keyEntities = {};
  244. var wrapper = {
  245. posEntities: posEntities,
  246. keyEntities: keyEntities
  247. };
  248. if (initWrapper) {
  249. wrapper = initWrapper(wrapper) || wrapper;
  250. }
  251. traverseDataNodes(dataNodes, function (item) {
  252. var node = item.node,
  253. index = item.index,
  254. pos = item.pos,
  255. key = item.key,
  256. parentPos = item.parentPos,
  257. level = item.level,
  258. nodes = item.nodes;
  259. var entity = {
  260. node: node,
  261. nodes: nodes,
  262. index: index,
  263. key: key,
  264. pos: pos,
  265. level: level
  266. };
  267. var mergedKey = getKey(key, pos);
  268. posEntities[pos] = entity;
  269. keyEntities[mergedKey] = entity;
  270. // Fill children
  271. entity.parent = posEntities[parentPos];
  272. if (entity.parent) {
  273. entity.parent.children = entity.parent.children || [];
  274. entity.parent.children.push(entity);
  275. }
  276. if (processEntity) {
  277. processEntity(entity, wrapper);
  278. }
  279. }, {
  280. externalGetKey: mergedExternalGetKey,
  281. childrenPropName: childrenPropName,
  282. fieldNames: fieldNames
  283. });
  284. if (onProcessFinished) {
  285. onProcessFinished(wrapper);
  286. }
  287. return wrapper;
  288. }
  289. /**
  290. * Get TreeNode props with Tree props.
  291. */
  292. function getTreeNodeProps(key, _ref3) {
  293. var expandedKeys = _ref3.expandedKeys,
  294. selectedKeys = _ref3.selectedKeys,
  295. loadedKeys = _ref3.loadedKeys,
  296. loadingKeys = _ref3.loadingKeys,
  297. checkedKeys = _ref3.checkedKeys,
  298. halfCheckedKeys = _ref3.halfCheckedKeys,
  299. dragOverNodeKey = _ref3.dragOverNodeKey,
  300. dropPosition = _ref3.dropPosition,
  301. keyEntities = _ref3.keyEntities;
  302. var entity = (0, _keyUtil.default)(keyEntities, key);
  303. var treeNodeProps = {
  304. eventKey: key,
  305. expanded: expandedKeys.indexOf(key) !== -1,
  306. selected: selectedKeys.indexOf(key) !== -1,
  307. loaded: loadedKeys.indexOf(key) !== -1,
  308. loading: loadingKeys.indexOf(key) !== -1,
  309. checked: checkedKeys.indexOf(key) !== -1,
  310. halfChecked: halfCheckedKeys.indexOf(key) !== -1,
  311. pos: String(entity ? entity.pos : ''),
  312. // [Legacy] Drag props
  313. // Since the interaction of drag is changed, the semantic of the props are
  314. // not accuracy, I think it should be finally removed
  315. dragOver: dragOverNodeKey === key && dropPosition === 0,
  316. dragOverGapTop: dragOverNodeKey === key && dropPosition === -1,
  317. dragOverGapBottom: dragOverNodeKey === key && dropPosition === 1
  318. };
  319. return treeNodeProps;
  320. }
  321. function convertNodePropsToEventData(props) {
  322. var data = props.data,
  323. expanded = props.expanded,
  324. selected = props.selected,
  325. checked = props.checked,
  326. loaded = props.loaded,
  327. loading = props.loading,
  328. halfChecked = props.halfChecked,
  329. dragOver = props.dragOver,
  330. dragOverGapTop = props.dragOverGapTop,
  331. dragOverGapBottom = props.dragOverGapBottom,
  332. pos = props.pos,
  333. active = props.active,
  334. eventKey = props.eventKey;
  335. var eventData = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), {}, {
  336. expanded: expanded,
  337. selected: selected,
  338. checked: checked,
  339. loaded: loaded,
  340. loading: loading,
  341. halfChecked: halfChecked,
  342. dragOver: dragOver,
  343. dragOverGapTop: dragOverGapTop,
  344. dragOverGapBottom: dragOverGapBottom,
  345. pos: pos,
  346. active: active,
  347. key: eventKey
  348. });
  349. if (!('props' in eventData)) {
  350. Object.defineProperty(eventData, 'props', {
  351. get: function get() {
  352. (0, _warning.default)(false, 'Second param return from event is node data instead of TreeNode instance. Please read value directly instead of reading from `props`.');
  353. return props;
  354. }
  355. });
  356. }
  357. return eventData;
  358. }