ant-design-vue
Version:
An enterprise-class UI design language and Vue-based implementation
74 lines (61 loc) • 2.33 kB
JavaScript
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;
}
;