useTreeData.js 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. import _extends from "@babel/runtime/helpers/esm/extends";
  2. import { shallowRef, watch, toRaw } from 'vue';
  3. import { convertChildrenToData } from '../utils/legacyUtil';
  4. function parseSimpleTreeData(treeData, _ref) {
  5. let {
  6. id,
  7. pId,
  8. rootPId
  9. } = _ref;
  10. const keyNodes = {};
  11. const rootNodeList = [];
  12. // Fill in the map
  13. const nodeList = treeData.map(node => {
  14. const clone = _extends({}, node);
  15. const key = clone[id];
  16. keyNodes[key] = clone;
  17. clone.key = clone.key || key;
  18. return clone;
  19. });
  20. // Connect tree
  21. nodeList.forEach(node => {
  22. const parentKey = node[pId];
  23. const parent = keyNodes[parentKey];
  24. // Fill parent
  25. if (parent) {
  26. parent.children = parent.children || [];
  27. parent.children.push(node);
  28. }
  29. // Fill root tree node
  30. if (parentKey === rootPId || !parent && rootPId === null) {
  31. rootNodeList.push(node);
  32. }
  33. });
  34. return rootNodeList;
  35. }
  36. /**
  37. * Convert `treeData` or `children` into formatted `treeData`.
  38. * Will not re-calculate if `treeData` or `children` not change.
  39. */
  40. export default function useTreeData(treeData, children, simpleMode) {
  41. const mergedTreeData = shallowRef();
  42. watch([simpleMode, treeData, children], () => {
  43. const simpleModeValue = simpleMode.value;
  44. if (treeData.value) {
  45. mergedTreeData.value = simpleMode.value ? parseSimpleTreeData(toRaw(treeData.value), _extends({
  46. id: 'id',
  47. pId: 'pId',
  48. rootPId: null
  49. }, simpleModeValue !== true ? simpleModeValue : {})) : toRaw(treeData.value).slice();
  50. } else {
  51. mergedTreeData.value = convertChildrenToData(toRaw(children.value));
  52. }
  53. }, {
  54. immediate: true,
  55. deep: true
  56. });
  57. return mergedTreeData;
  58. }