useFlattenRecords.js 2.3 KB

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