treeUtil.js 13 KB

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