tdesign-react
Version:
TDesign Component for React
224 lines (220 loc) • 9.36 kB
JavaScript
/**
* tdesign v1.16.2
* (c) 2025 tdesign
* @license MIT
*/
import { _ as _defineProperty } from '../../_chunks/dep-d67deb2c.js';
import { _ as _slicedToArray } from '../../_chunks/dep-10d5731f.js';
import { _ as _toConsumableArray } from '../../_chunks/dep-a3a3e527.js';
import { useState, useMemo, useEffect } from 'react';
import { get, intersection } from 'lodash-es';
import useControlled from '../../hooks/useControlled.js';
import '../../_chunks/dep-8abcbcbc.js';
import '../../_chunks/dep-74a10cfb.js';
import '../../_util/noop.js';
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
var childrenMap = /* @__PURE__ */new Map();
function getChildrenData(treeDataMap, data, keys, r) {
if (childrenMap.get(data)) return childrenMap.get(data);
var result = r || {
allChildren: [],
allChildrenKeys: [],
leafNodeKeys: []
};
var children = get(data, keys.childrenKey);
if (!children || !children.length) return result;
var selectableChildren = children.filter(function (item) {
var _treeDataMap$get;
return !((_treeDataMap$get = treeDataMap.get(get(item, keys.rowKey))) !== null && _treeDataMap$get !== void 0 && _treeDataMap$get.disabled);
});
result.allChildren = _toConsumableArray(new Set(result.allChildren.concat(selectableChildren)));
for (var i = 0, len = children.length; i < len; i++) {
var tItem = children[i];
var c = get(tItem, keys.childrenKey);
if (c !== null && c !== void 0 && c.length) {
var nextLevelData = getChildrenData(treeDataMap, tItem, keys, result);
result.allChildren = _toConsumableArray(new Set(result.allChildren.concat(nextLevelData.allChildren)));
}
}
for (var _i = 0, _len = result.allChildren.length; _i < _len; _i++) {
var item = result.allChildren[_i];
var children2 = get(item, keys.childrenKey);
var rowValue = get(item, keys.rowKey);
result.allChildrenKeys.push(rowValue);
if (!children2 || !children2.length) {
result.leafNodeKeys.push(rowValue);
}
}
result.allChildrenKeys = _toConsumableArray(new Set(result.allChildrenKeys));
result.leafNodeKeys = _toConsumableArray(new Set(result.leafNodeKeys));
return result;
}
function removeChildrenKeys(p, r) {
var selectedRowKeys = p.selectedRowKeys,
removeKeys = p.removeKeys;
var result = r || {
data: [],
keys: []
};
for (var i = 0, len = selectedRowKeys.length; i < len; i++) {
var key = selectedRowKeys[i];
if (!removeKeys.includes(key)) {
result.keys.push(key);
}
}
return result;
}
function getRowDataByKeys(p) {
var treeDataMap = p.treeDataMap,
selectedRowKeys = p.selectedRowKeys;
var result = [];
for (var i = 0, len = selectedRowKeys.length; i < len; i++) {
var key = selectedRowKeys[i];
result.push(treeDataMap.get(key));
}
return result;
}
function useTreeSelect(props, treeDataMap) {
var tree = props.tree,
rowKey = props.rowKey,
data = props.data,
indeterminateSelectedRowKeys = props.indeterminateSelectedRowKeys;
var _useState = useState([]),
_useState2 = _slicedToArray(_useState, 2),
tIndeterminateSelectedRowKeys = _useState2[0],
setTIndeterminateSelectedRowKeys = _useState2[1];
var _useControlled = useControlled(props, "selectedRowKeys", props.onSelectChange, {
defaultSelectedRowKeys: props.defaultSelectedRowKeys || []
}),
_useControlled2 = _slicedToArray(_useControlled, 2),
tSelectedRowKeys = _useControlled2[0],
setTSelectedRowKeys = _useControlled2[1];
var rowDataKeys = useMemo(function () {
return {
rowKey: rowKey || "id",
childrenKey: (tree === null || tree === void 0 ? void 0 : tree.childrenKey) || "children"
};
}, [rowKey, tree === null || tree === void 0 ? void 0 : tree.childrenKey]);
useEffect(function () {
if (!tree || !treeDataMap.size || tree.checkStrictly) return;
updateIndeterminateState();
}, [tSelectedRowKeys, data, tree, treeDataMap]);
function updateIndeterminateState() {
if (!tree || tree.checkStrictly) return;
if (!tSelectedRowKeys.length) {
setTIndeterminateSelectedRowKeys([]);
return;
}
var keys = [];
var parentMap = {};
for (var i = 0, len = tSelectedRowKeys.length; i < len; i++) {
var rowValue = tSelectedRowKeys[i];
var state = treeDataMap.get(rowValue);
if (!state) continue;
var children = get(state.row, rowDataKeys.childrenKey);
if (!children || !children.length) {
var parentTmp = state.parent;
while (parentTmp) {
if (!parentMap[parentTmp.id]) {
parentMap[parentTmp.id] = [];
}
parentMap[parentTmp.id].push(state.row);
var checkedLength = parentMap[parentTmp.id].length;
var _getChildrenData = getChildrenData(treeDataMap, parentTmp.row, rowDataKeys),
allChildrenKeys = _getChildrenData.allChildrenKeys;
var parentTmpIndex = keys.indexOf(parentTmp.id);
var selectedIndex = tSelectedRowKeys.indexOf(parentTmp.id);
if (checkedLength > 0 && checkedLength < allChildrenKeys.length && selectedIndex === -1) {
parentTmpIndex === -1 && keys.push(parentTmp.id);
} else {
parentTmpIndex !== -1 && keys.splice(parentTmpIndex, 1);
}
parentTmp = parentTmp.parent;
}
}
}
setTIndeterminateSelectedRowKeys(keys);
}
function updateParentCheckedState(selectedKeys, currentRowKey, type) {
if (!tree || tree.checkStrictly) return;
var keys = _toConsumableArray(selectedKeys);
var state = treeDataMap.get(currentRowKey);
var parentTmp = state.parent;
while (parentTmp) {
var _getChildrenData2 = getChildrenData(treeDataMap, parentTmp.row, rowDataKeys),
leafNodeKeys = _getChildrenData2.leafNodeKeys;
var checkedChildrenKeys = intersection(leafNodeKeys, selectedKeys);
var selectedIndex = keys.indexOf(parentTmp.id);
if (type === "uncheck") {
selectedIndex !== -1 && keys.splice(selectedIndex, 1);
} else if (checkedChildrenKeys.length === leafNodeKeys.length) {
selectedIndex === -1 && keys.push(parentTmp.id);
}
parentTmp = parentTmp.parent;
}
return keys;
}
function onInnerSelectChange(rowKeys, extraData) {
if (!tree || tree.checkStrictly) {
setTSelectedRowKeys(rowKeys, extraData);
return;
}
if (extraData.currentRowKey === "CHECK_ALL_BOX") {
handleSelectAll(extraData);
} else {
handleSelect(rowKeys, extraData);
}
}
function handleSelectAll(extraData) {
var newRowKeys = [];
var newRowData = [];
if ((extraData === null || extraData === void 0 ? void 0 : extraData.type) === "check") {
var arr = _toConsumableArray(treeDataMap.values());
for (var i = 0, len = arr.length; i < len; i++) {
var item = arr[i];
if (!(item !== null && item !== void 0 && item.disabled)) {
newRowData.push(item.row);
newRowKeys.push(get(item.row, rowDataKeys.rowKey));
}
}
}
var newExtraData = _objectSpread(_objectSpread({}, extraData), {}, {
selectedRowData: newRowData || []
});
setTSelectedRowKeys(newRowKeys, newExtraData);
}
function handleSelect(rowKeys, extraData) {
var newRowKeys = _toConsumableArray(rowKeys);
if (tree.checkStrictly === false) {
if (extraData.type === "check") {
var result = getChildrenData(treeDataMap, extraData.currentRowData, rowDataKeys);
var allChildrenKeys = result.allChildrenKeys;
childrenMap.set(extraData.currentRowData, result);
newRowKeys = _toConsumableArray(new Set(newRowKeys.concat(allChildrenKeys)));
} else if (extraData.type === "uncheck") {
var children = getChildrenData(treeDataMap, extraData.currentRowData, rowDataKeys);
var _result = removeChildrenKeys({
selectedRowKeys: rowKeys,
removeKeys: children.allChildrenKeys
});
newRowKeys = _result.keys;
}
}
newRowKeys = updateParentCheckedState(newRowKeys, extraData.currentRowKey, extraData.type);
var newRowData = getRowDataByKeys({
treeDataMap: treeDataMap,
selectedRowKeys: newRowKeys
});
var newExtraData = _objectSpread(_objectSpread({}, extraData), {}, {
selectedRowData: newRowData
});
setTSelectedRowKeys(newRowKeys, newExtraData);
}
return {
tIndeterminateSelectedRowKeys: indeterminateSelectedRowKeys || tIndeterminateSelectedRowKeys,
onInnerSelectChange: onInnerSelectChange
};
}
export { childrenMap, useTreeSelect as default, getChildrenData, getRowDataByKeys, removeChildrenKeys };
//# sourceMappingURL=useTreeSelect.js.map