useFlattenRecords.js 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
  2. import { computed } from 'vue';
  3. // recursion (flat tree structure)
  4. function flatRecord(record, indent, childrenColumnName, expandedKeys, getRowKey, index) {
  5. var arr = [];
  6. arr.push({
  7. record: record,
  8. indent: indent,
  9. index: index
  10. });
  11. var key = getRowKey(record);
  12. var expanded = expandedKeys === null || expandedKeys === void 0 ? void 0 : expandedKeys.has(key);
  13. if (record && Array.isArray(record[childrenColumnName]) && expanded) {
  14. // expanded state, flat record
  15. for (var i = 0; i < record[childrenColumnName].length; i += 1) {
  16. var tempArr = flatRecord(record[childrenColumnName][i], indent + 1, childrenColumnName, expandedKeys, getRowKey, i);
  17. arr.push.apply(arr, _toConsumableArray(tempArr));
  18. }
  19. }
  20. return arr;
  21. }
  22. /**
  23. * flat tree data on expanded state
  24. *
  25. * @export
  26. * @template T
  27. * @param {*} data : table data
  28. * @param {string} childrenColumnName : 指定树形结构的列名
  29. * @param {Set<Key>} expandedKeys : 展开的行对应的keys
  30. * @param {GetRowKey<T>} getRowKey : 获取当前rowKey的方法
  31. * @returns flattened data
  32. */
  33. export default function useFlattenRecords(dataRef, childrenColumnNameRef, expandedKeysRef, getRowKey) {
  34. var arr = computed(function () {
  35. var childrenColumnName = childrenColumnNameRef.value;
  36. var expandedKeys = expandedKeysRef.value;
  37. var data = dataRef.value;
  38. if (expandedKeys !== null && expandedKeys !== void 0 && expandedKeys.size) {
  39. var temp = [];
  40. // collect flattened record
  41. for (var i = 0; i < (data === null || data === void 0 ? void 0 : data.length); i += 1) {
  42. var record = data[i];
  43. temp.push.apply(temp, _toConsumableArray(flatRecord(record, 0, childrenColumnName, expandedKeys, getRowKey.value, i)));
  44. }
  45. return temp;
  46. }
  47. return data === null || data === void 0 ? void 0 : data.map(function (item, index) {
  48. return {
  49. record: item,
  50. indent: 0,
  51. index: index
  52. };
  53. });
  54. });
  55. return arr;
  56. }