tdesign-react
Version:
TDesign Component for React
295 lines (289 loc) • 10.3 kB
JavaScript
/**
* tdesign v1.11.6
* (c) 2025 tdesign
* @license MIT
*/
;
Object.defineProperty(exports, '__esModule', { value: true });
var slicedToArray = require('../../_chunks/dep-48e1db8c.js');
var React = require('react');
var treeStore = require('../../_chunks/dep-48575584.js');
var hooks_useUpdateLayoutEffect = require('../../hooks/useUpdateLayoutEffect.js');
var hooks_usePrevious = require('../../hooks/usePrevious.js');
var hooks_usePersistFn = require('../../hooks/usePersistFn.js');
var cloneDeep = require('../../_chunks/dep-48ac011e.js');
require('../../_chunks/dep-6b4846c3.js');
require('../../_chunks/dep-56a79f9c.js');
require('../../_chunks/dep-5b35215f.js');
require('../../_chunks/dep-2c69dce8.js');
require('mitt');
require('../../_chunks/dep-b3a25246.js');
require('../../_chunks/dep-e9660f30.js');
require('../../_chunks/dep-f500d2b7.js');
require('../../_chunks/dep-fca46a1f.js');
require('../../_chunks/dep-42a29965.js');
require('../../_chunks/dep-476b268c.js');
require('../../_chunks/dep-ec3beb8d.js');
require('../../_chunks/dep-02a1b59c.js');
require('../../_chunks/dep-6e34d7d7.js');
require('../../_chunks/dep-d45b3350.js');
require('../../_chunks/dep-af16359b.js');
require('../../_chunks/dep-e11afe29.js');
require('../../_chunks/dep-8d4e8f1c.js');
require('../../_chunks/dep-1d022321.js');
require('../../_chunks/dep-346ac5f4.js');
require('../../_chunks/dep-dc26f226.js');
require('../../_chunks/dep-1edabb9f.js');
require('../../_chunks/dep-612ec5c9.js');
require('../../_chunks/dep-4d25d6c0.js');
require('../../_chunks/dep-9df70348.js');
require('../../_chunks/dep-6dccca61.js');
require('../../_chunks/dep-a8d0483a.js');
require('../../_chunks/dep-73937edb.js');
require('../../_chunks/dep-345a6333.js');
require('../../_chunks/dep-53a1df7e.js');
require('../../_chunks/dep-b7847924.js');
require('../../_chunks/dep-a4bc3144.js');
require('../../_chunks/dep-a7854794.js');
require('../../_chunks/dep-fec02fc8.js');
require('../../_chunks/dep-c4eb94d2.js');
require('../../_chunks/dep-68f8743f.js');
require('../../_chunks/dep-b7e21379.js');
require('../../_chunks/dep-ab08e148.js');
require('../../_chunks/dep-496c0353.js');
require('../../_chunks/dep-d5a77c7c.js');
require('../../_chunks/dep-0d35f53a.js');
require('../../_chunks/dep-d8727aa2.js');
require('../../_chunks/dep-440a0ba0.js');
require('../../_chunks/dep-775c9851.js');
require('../../_chunks/dep-4546f1ae.js');
require('../../_chunks/dep-535a3b69.js');
require('../../_chunks/dep-8b01d649.js');
require('../../_chunks/dep-82a8b824.js');
require('../../_chunks/dep-32cacffb.js');
require('../../_chunks/dep-9addac50.js');
require('../../_chunks/dep-6830f3a8.js');
require('../../_chunks/dep-3c8023f1.js');
require('../../_chunks/dep-59c085df.js');
require('../../_chunks/dep-f3b11994.js');
require('../../_chunks/dep-3d31346e.js');
require('../../_chunks/dep-f0d80bbb.js');
require('../../_chunks/dep-1f530d81.js');
require('../../_chunks/dep-3b342ce7.js');
require('../../_chunks/dep-35df84a1.js');
require('../../_chunks/dep-fe42fca8.js');
require('../../hooks/useIsFirstRender.js');
require('../../hooks/useLayoutEffect.js');
require('../../_util/dom.js');
require('raf');
require('../../_util/easing.js');
function useStore(props, refresh) {
var storeRef = React.useRef();
var _useState = React.useState(false),
_useState2 = slicedToArray._slicedToArray(_useState, 2),
filterChanged = _useState2[0],
toggleFilterChanged = _useState2[1];
var _useState3 = React.useState(null),
_useState4 = slicedToArray._slicedToArray(_useState3, 2),
prevExpanded = _useState4[0],
changePrevExpanded = _useState4[1];
var data = props.data,
keys = props.keys,
expandAll = props.expandAll,
expandParent = props.expandParent,
expanded = props.expanded,
expandLevel = props.expandLevel,
expandMutex = props.expandMutex,
activable = props.activable,
activeMultiple = props.activeMultiple,
actived = props.actived,
disabled = props.disabled,
draggable = props.draggable,
checkable = props.checkable,
value = props.value,
checkStrictly = props.checkStrictly,
load = props.load,
lazy = props.lazy,
valueMode = props.valueMode,
filter = props.filter,
_onLoad = props.onLoad,
indeterminate = props.indeterminate,
setTreeIndeterminate = props.setTreeIndeterminate,
_props$allowFoldNodeO = props.allowFoldNodeOnFilter,
allowFoldNodeOnFilter = _props$allowFoldNodeO === void 0 ? false : _props$allowFoldNodeO;
var preFilter = hooks_usePrevious["default"](filter);
React.useEffect(function () {
if (!allowFoldNodeOnFilter) return;
toggleFilterChanged(JSON.stringify(preFilter) !== JSON.stringify(filter));
}, [filter, allowFoldNodeOnFilter]);
var expandFilterPath = function expandFilterPath() {
if (!allowFoldNodeOnFilter || !filterChanged) return;
toggleFilterChanged(false);
var store2 = storeRef.current;
if (props.filter) {
if (!prevExpanded) changePrevExpanded(store2.getExpanded());
var pathValues = [];
var allNodes = store2.getNodes();
allNodes.forEach(function (node) {
if (node.vmIsLocked) {
pathValues.push(node.value);
}
});
store2.setExpanded(pathValues);
} else if (prevExpanded) {
store2.replaceExpanded(prevExpanded);
changePrevExpanded(null);
}
};
var handleUpdate = hooks_usePersistFn.usePersistFn(function () {
expandFilterPath();
refresh();
});
var getExpandedArr = function getExpandedArr(arr, store2) {
var expandedMap = /* @__PURE__ */new Map();
arr.forEach(function (val) {
expandedMap.set(val, true);
if (expandParent) {
var node = store2.getNode(val);
node === null || node === void 0 || node.getParents().forEach(function (tn) {
expandedMap.set(tn.value, true);
});
}
});
return Array.from(expandedMap.keys());
};
var createStore = function createStore() {
var store2 = new treeStore.TreeStore({
keys: keys,
activable: activable,
activeMultiple: activeMultiple,
checkable: checkable,
checkStrictly: checkStrictly,
expandAll: expandAll,
expandLevel: expandLevel,
expandMutex: expandMutex,
expandParent: expandParent,
disabled: disabled,
draggable: draggable,
load: load,
lazy: lazy,
valueMode: valueMode,
filter: filter,
onLoad: function onLoad(info) {
var node = info.node;
_onLoad === null || _onLoad === void 0 || _onLoad({
node: node.getModel()
});
},
onUpdate: handleUpdate,
allowFoldNodeOnFilter: allowFoldNodeOnFilter
});
var list = cloneDeep.cloneDeep(data);
if (!Array.isArray(list)) {
list = [];
}
store2.append(list);
store2.refreshNodes();
if (Array.isArray(value)) {
store2.setChecked(value);
}
if (Array.isArray(expanded)) {
var expandedArr = getExpandedArr(expanded, store2);
store2.setExpanded(expandedArr);
}
if (Array.isArray(actived)) {
store2.setActived(actived);
}
store2.refreshNodes();
return store2;
};
if (!storeRef.current) {
storeRef.current = createStore();
}
var store = storeRef.current;
hooks_useUpdateLayoutEffect["default"](function () {
if (data && Array.isArray(data)) {
var expanded2 = store.getExpanded();
var checked = store.getChecked();
var actived2 = store.getActived();
store.removeAll();
store.append(data);
store.setChecked(checked);
store.setActived(actived2);
store.setExpanded(expanded2);
}
}, [data, store]);
hooks_useUpdateLayoutEffect["default"](function () {
store.setConfig({
keys: keys,
expandAll: expandAll,
expandLevel: expandLevel,
expandMutex: expandMutex,
expandParent: expandParent,
activable: activable,
activeMultiple: activeMultiple,
disabled: disabled,
checkable: checkable,
draggable: draggable,
checkStrictly: checkStrictly,
load: load,
lazy: lazy,
valueMode: valueMode
});
store.refreshState();
}, [activable, activeMultiple, checkStrictly, draggable, checkable, disabled, expandAll, expandLevel, expandMutex, expandParent, keys, lazy, load, store, valueMode]);
hooks_useUpdateLayoutEffect["default"](function () {
if (expandAll) {
var valueList = store.getNodes().filter(function (node) {
return Array.isArray(node.children) && node.children.length;
}).map(function (node) {
return node.value;
});
store.setExpanded(valueList);
} else {
store.replaceExpanded(prevExpanded);
changePrevExpanded(null);
}
}, [store, expandAll]);
hooks_useUpdateLayoutEffect["default"](function () {
if (Array.isArray(value)) {
store.replaceChecked(value);
var checkedValue = store.getCheckedNodes().map(function (v) {
return v.data[(keys === null || keys === void 0 ? void 0 : keys.value) || "value"];
});
var indeterminateConflict = checkedValue.filter(function (v) {
return indeterminate.includes(v);
});
if (indeterminateConflict.length) {
setTreeIndeterminate(indeterminate.filter(function (v) {
return !indeterminateConflict.includes(v);
}));
}
}
}, [store, value, data]);
hooks_useUpdateLayoutEffect["default"](function () {
if (Array.isArray(expanded)) {
var expandedArr = getExpandedArr(expanded, store);
store.replaceExpanded(expandedArr);
}
}, [expanded, store]);
hooks_useUpdateLayoutEffect["default"](function () {
if (Array.isArray(actived)) {
store.replaceActived(actived);
}
}, [actived, store]);
hooks_useUpdateLayoutEffect["default"](function () {
if (Array.isArray(indeterminate)) {
store.replaceIndeterminate(indeterminate);
}
}, [indeterminate, store, data]);
hooks_useUpdateLayoutEffect["default"](function () {
store.setConfig({
filter: filter
});
store.updateAll();
}, [filter, store]);
return storeRef.current;
}
exports.useStore = useStore;
//# sourceMappingURL=useStore.js.map