UNPKG

ant-design-vue

Version:

An enterprise-class UI design language and Vue-based implementation

74 lines (61 loc) 2.33 kB
"use strict"; var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); Object.defineProperty(exports, "__esModule", { value: true }); exports.default = useFlattenRecords; var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray")); var _vue = require("vue"); // recursion (flat tree structure) function flatRecord(record, indent, childrenColumnName, expandedKeys, getRowKey, index) { var arr = []; arr.push({ record: record, indent: indent, index: index }); var key = getRowKey(record); var expanded = expandedKeys === null || expandedKeys === void 0 ? void 0 : expandedKeys.has(key); if (record && Array.isArray(record[childrenColumnName]) && expanded) { // expanded state, flat record for (var i = 0; i < record[childrenColumnName].length; i += 1) { var tempArr = flatRecord(record[childrenColumnName][i], indent + 1, childrenColumnName, expandedKeys, getRowKey, i); arr.push.apply(arr, (0, _toConsumableArray2.default)(tempArr)); } } return arr; } /** * flat tree data on expanded state * * @export * @template T * @param {*} data : table data * @param {string} childrenColumnName : 指定树形结构的列名 * @param {Set<Key>} expandedKeys : 展开的行对应的keys * @param {GetRowKey<T>} getRowKey : 获取当前rowKey的方法 * @returns flattened data */ function useFlattenRecords(dataRef, childrenColumnNameRef, expandedKeysRef, getRowKey) { var arr = (0, _vue.computed)(function () { var childrenColumnName = childrenColumnNameRef.value; var expandedKeys = expandedKeysRef.value; var data = dataRef.value; if (expandedKeys === null || expandedKeys === void 0 ? void 0 : expandedKeys.size) { var temp = []; // collect flattened record for (var i = 0; i < (data === null || data === void 0 ? void 0 : data.length); i += 1) { var record = data[i]; temp.push.apply(temp, (0, _toConsumableArray2.default)(flatRecord(record, 0, childrenColumnName, expandedKeys, getRowKey.value, i))); } return temp; } return data === null || data === void 0 ? void 0 : data.map(function (item, index) { return { record: item, indent: 0, index: index }; }); }); return arr; }