@kdcloudjs/kdesign 1.7.33-stable.4 → 1.7.33-stable.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +73 -0
- package/dist/kdesign.css +1 -1
- package/dist/kdesign.css.map +1 -1
- package/dist/kdesign.js +143 -94
- package/dist/kdesign.js.map +1 -1
- package/dist/kdesign.min.css +1 -1
- package/dist/kdesign.min.js +5 -5
- package/dist/kdesign.min.js.map +1 -1
- package/es/select/select.js +2 -2
- package/es/tree/tree.d.ts +1 -0
- package/es/tree/tree.js +11 -10
- package/es/tree/treeHooks.d.ts +2 -2
- package/es/tree/treeHooks.js +4 -4
- package/es/tree/utils/treeUtils.d.ts +2 -2
- package/es/tree/utils/treeUtils.js +5 -6
- package/lib/select/select.js +2 -2
- package/lib/tree/tree.d.ts +1 -0
- package/lib/tree/tree.js +11 -10
- package/lib/tree/treeHooks.d.ts +2 -2
- package/lib/tree/treeHooks.js +4 -4
- package/lib/tree/utils/treeUtils.d.ts +2 -2
- package/lib/tree/utils/treeUtils.js +5 -6
- package/package.json +1 -1
package/es/select/select.js
CHANGED
|
@@ -577,7 +577,7 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
577
577
|
onChange: handleSelectAll
|
|
578
578
|
}, "\u5168\u9009"), /*#__PURE__*/React.createElement("span", {
|
|
579
579
|
className: "".concat(selectPrefixCls, "-multiple-footer-hadSelected")
|
|
580
|
-
}, "\u5DF2\u9009", /*#__PURE__*/React.createElement("span", null, selectedVal.length), "\u9879")) : null));
|
|
580
|
+
}, "\u5DF2\u9009", /*#__PURE__*/React.createElement("span", null, selectedVal === null || selectedVal === void 0 ? void 0 : selectedVal.length), "\u9879")) : null));
|
|
581
581
|
};
|
|
582
582
|
// 处理多选tag
|
|
583
583
|
var handleMaxTagHolder = useCallback(function () {
|
|
@@ -773,7 +773,7 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
773
773
|
selectedVal = _multipleRef$current5.selectedVal,
|
|
774
774
|
selectMulOpts = _multipleRef$current5.selectMulOpts;
|
|
775
775
|
// isMultiple
|
|
776
|
-
if (which === KeyCode.BACKSPACE && !searchValue && isMultiple && selectedVal.length && selectMulOpts.length) {
|
|
776
|
+
if (which === KeyCode.BACKSPACE && !searchValue && isMultiple && (selectedVal === null || selectedVal === void 0 ? void 0 : selectedVal.length) && selectMulOpts.length) {
|
|
777
777
|
_spliceInstanceProperty(selectedVal).call(selectedVal, -1, 1);
|
|
778
778
|
_spliceInstanceProperty(selectMulOpts).call(selectMulOpts, -1, 1);
|
|
779
779
|
setMulOptions(_toConsumableArray(selectMulOpts));
|
package/es/tree/tree.d.ts
CHANGED
|
@@ -70,5 +70,6 @@ export declare type KeysDataType = {
|
|
|
70
70
|
export declare type PosDataType = {
|
|
71
71
|
[key: string]: TreeNodeData;
|
|
72
72
|
};
|
|
73
|
+
export declare type SearchStatus = 'NONE' | 'SEARCH_START' | 'SEARCH_DONE';
|
|
73
74
|
declare const Tree: React.ForwardRefExoticComponent<TreeProps & React.RefAttributes<unknown>>;
|
|
74
75
|
export default Tree;
|
package/es/tree/tree.js
CHANGED
|
@@ -125,17 +125,21 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
125
125
|
_React$useState12 = _slicedToArray(_React$useState11, 2),
|
|
126
126
|
loadingKeys = _React$useState12[0],
|
|
127
127
|
setLoadingKeys = _React$useState12[1];
|
|
128
|
-
var _React$useState13 = React.useState(
|
|
128
|
+
var _React$useState13 = React.useState('NONE'),
|
|
129
129
|
_React$useState14 = _slicedToArray(_React$useState13, 2),
|
|
130
|
-
|
|
131
|
-
|
|
130
|
+
searchStatus = _React$useState14[0],
|
|
131
|
+
setSearchStatus = _React$useState14[1];
|
|
132
132
|
var isSearching = React.useMemo(function () {
|
|
133
133
|
return typeof filterTreeNode === 'function' && !!filterValue;
|
|
134
134
|
}, [filterValue]);
|
|
135
135
|
useEffect(function () {
|
|
136
|
-
|
|
136
|
+
if (isSearching) {
|
|
137
|
+
setSearchStatus('SEARCH_START');
|
|
138
|
+
} else {
|
|
139
|
+
setSearchStatus('NONE');
|
|
140
|
+
}
|
|
137
141
|
}, [filterValue]);
|
|
138
|
-
var _useExpand = useExpand(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, isInit, filterTreeNode, isSearching, keysData,
|
|
142
|
+
var _useExpand = useExpand(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, isInit, filterTreeNode, isSearching, keysData, searchStatus, filterValue),
|
|
139
143
|
_useExpand2 = _slicedToArray(_useExpand, 2),
|
|
140
144
|
expandedKeys = _useExpand2[0],
|
|
141
145
|
setExpandedKeys = _useExpand2[1];
|
|
@@ -152,7 +156,7 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
152
156
|
setHalfCheckedKeys = _useChecked2[3];
|
|
153
157
|
var filterData = React.useMemo(function () {
|
|
154
158
|
return getFilterData(spreadAttrData, filterTreeNode, isSearching, posData, keysData);
|
|
155
|
-
}, [spreadAttrData, isSearching, posData, keysData]);
|
|
159
|
+
}, [spreadAttrData, isSearching, posData, keysData, filterValue]);
|
|
156
160
|
useEffect(function () {
|
|
157
161
|
var _a, _b;
|
|
158
162
|
if (typeof scrollKey === 'undefined') {
|
|
@@ -220,12 +224,9 @@ var InternalTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
220
224
|
node: node,
|
|
221
225
|
expanded: expanded
|
|
222
226
|
});
|
|
223
|
-
if (isSearching) {
|
|
224
|
-
var newSearchExpandedKeys = expanded ? addKeys(searchExpandedKeys, [key]) : delKey(searchExpandedKeys, [key]);
|
|
225
|
-
setSearchExpandedKeys(newSearchExpandedKeys);
|
|
226
|
-
}
|
|
227
227
|
setScrollKey(undefined);
|
|
228
228
|
setIsInit(false);
|
|
229
|
+
setSearchStatus('SEARCH_DONE');
|
|
229
230
|
if (expanded && loadData) {
|
|
230
231
|
handleNodeLoad(loadedKeys, loadingKeys, node);
|
|
231
232
|
}
|
package/es/tree/treeHooks.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { TreeNodeData, KeysDataType } from './tree';
|
|
1
|
+
import { TreeNodeData, KeysDataType, SearchStatus } from './tree';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
export declare const useViewportHeight: (height: number, listRef: React.RefObject<HTMLElement>) => number[];
|
|
4
4
|
export declare const useVisibleDataMemo: (virtual: boolean, filterData: TreeNodeData[], viewportHeight: number, estimatedItemSize: number, start: number) => TreeNodeData[][];
|
|
5
5
|
export declare const usePlantomHeightEffect: (plantomRef: React.RefObject<HTMLElement>, filterData: TreeNodeData[], estimatedItemSize: number) => void;
|
|
6
6
|
export declare const useChecked: (checkStrictly: boolean, checkedKeysProps: string[], defaultCheckedKeys: string[], _flattenAllData: any[], _maxLevel: number, checkable: boolean, keysData: KeysDataType) => readonly [string[], string[], React.Dispatch<React.SetStateAction<string[]>>, React.Dispatch<React.SetStateAction<string[]>>];
|
|
7
|
-
export declare const useExpand: (flattenAllData: any[], expandedKeysProps: string[], defaultExpandedKeys: string[], defaultExpandAll: boolean, defaultExpandRoot: boolean, defaultExpandParent: boolean, scrollKey: string, isInit: boolean, filterTreeNode: FunctionConstructor, isSearching: boolean, keysData: KeysDataType,
|
|
7
|
+
export declare const useExpand: (flattenAllData: any[], expandedKeysProps: string[], defaultExpandedKeys: string[], defaultExpandAll: boolean, defaultExpandRoot: boolean, defaultExpandParent: boolean, scrollKey: string, isInit: boolean, filterTreeNode: FunctionConstructor, isSearching: boolean, keysData: KeysDataType, searchStatus: SearchStatus, filterValue: string) => readonly [string[], React.Dispatch<React.SetStateAction<string[]>>];
|
|
8
8
|
export declare const useScrollToKey: (scrollKey: string, index: number, estimatedItemSize: number, scrollRef: any, viewportHeight: number, treeNodePrefixCls: string) => void;
|
|
9
9
|
export declare const useSelect: (selectedKeysProps: string[], defaultSelectedKeys: string[]) => readonly [string[], React.Dispatch<React.SetStateAction<string[]>>];
|
package/es/tree/treeHooks.js
CHANGED
|
@@ -59,22 +59,22 @@ export var useChecked = function useChecked(checkStrictly, checkedKeysProps, def
|
|
|
59
59
|
}, [nextHalfCheckedKeys]);
|
|
60
60
|
return [checkedKeys, halfCheckedKeys, setCheckedKeys, setHalfCheckedKeys];
|
|
61
61
|
};
|
|
62
|
-
export var useExpand = function useExpand(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, isInit, filterTreeNode, isSearching, keysData,
|
|
62
|
+
export var useExpand = function useExpand(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, isInit, filterTreeNode, isSearching, keysData, searchStatus, filterValue) {
|
|
63
63
|
var expandScrollkeys = [];
|
|
64
64
|
if (scrollKey) {
|
|
65
65
|
var pos = getPos(flattenAllData, scrollKey);
|
|
66
66
|
expandScrollkeys = getAllParentKeys(flattenAllData, pos);
|
|
67
67
|
}
|
|
68
68
|
var initialExpandedKeys = React.useMemo(function () {
|
|
69
|
-
return getInitExpandedKeys(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, expandScrollkeys, filterTreeNode, isSearching, keysData,
|
|
70
|
-
}, [flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, filterTreeNode, isSearching, keysData,
|
|
69
|
+
return getInitExpandedKeys(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, expandScrollkeys, filterTreeNode, isSearching, keysData, isInit, searchStatus);
|
|
70
|
+
}, [flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, filterTreeNode, isSearching, keysData, isInit, searchStatus, filterValue]);
|
|
71
71
|
var _React$useState7 = React.useState(initialExpandedKeys),
|
|
72
72
|
_React$useState8 = _slicedToArray(_React$useState7, 2),
|
|
73
73
|
expandedKeys = _React$useState8[0],
|
|
74
74
|
setExpandedKeys = _React$useState8[1];
|
|
75
75
|
React.useEffect(function () {
|
|
76
76
|
setExpandedKeys(initialExpandedKeys);
|
|
77
|
-
}, [flattenAllData, expandedKeysProps,
|
|
77
|
+
}, [flattenAllData, expandedKeysProps, defaultExpandAll, defaultExpandedKeys, defaultExpandRoot, defaultExpandParent, scrollKey, searchStatus, filterValue]);
|
|
78
78
|
return [expandedKeys, setExpandedKeys];
|
|
79
79
|
};
|
|
80
80
|
export var useScrollToKey = function useScrollToKey(scrollKey, index, estimatedItemSize, scrollRef, viewportHeight, treeNodePrefixCls) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { TreeNodeData, KeysDataType } from '../tree';
|
|
1
|
+
import { TreeNodeData, KeysDataType, SearchStatus } from '../tree';
|
|
2
2
|
/**
|
|
3
3
|
* 打平所有数组,并添加pos位置信息,
|
|
4
4
|
* 方便根据expandKeys等计算节点的expand,checkedKeys计算节点checked状态
|
|
@@ -60,6 +60,6 @@ export declare const getDataCheckededStateStrictly: (checkedKeys: string[]) => {
|
|
|
60
60
|
};
|
|
61
61
|
export declare const delKey: (prevKeys: string[], delKeys: string[]) => never[] & string[];
|
|
62
62
|
export declare const getAllNodeKeys: (data: any[]) => string[];
|
|
63
|
-
export declare const getInitExpandedKeys: (data: any[], expandedKeys: string[], defaultExpandedKeys: string[], defaultExpandAll: boolean, defaultExpandRoot: boolean, defaultExpandParent: boolean, expandScrollkeys: string[] | undefined, filterTreeNode: FunctionConstructor, isSearching: boolean, keysData: KeysDataType,
|
|
63
|
+
export declare const getInitExpandedKeys: (data: any[], expandedKeys: string[], defaultExpandedKeys: string[], defaultExpandAll: boolean, defaultExpandRoot: boolean, defaultExpandParent: boolean, expandScrollkeys: string[] | undefined, filterTreeNode: FunctionConstructor, isSearching: boolean, keysData: KeysDataType, isInit: boolean, searchStatus: SearchStatus) => string[];
|
|
64
64
|
export declare const getExpandedKeys: (expandedKeys: string[], expandScrollkeys?: string[]) => string[];
|
|
65
65
|
export declare const calcDropPosition: (event: React.MouseEvent, dropNode: HTMLElement) => 0 | 1 | -1;
|
|
@@ -583,8 +583,8 @@ export var getInitExpandedKeys = function getInitExpandedKeys(data, expandedKeys
|
|
|
583
583
|
var filterTreeNode = arguments.length > 7 ? arguments[7] : undefined;
|
|
584
584
|
var isSearching = arguments.length > 8 ? arguments[8] : undefined;
|
|
585
585
|
var keysData = arguments.length > 9 ? arguments[9] : undefined;
|
|
586
|
-
var
|
|
587
|
-
var
|
|
586
|
+
var isInit = arguments.length > 10 ? arguments[10] : undefined;
|
|
587
|
+
var searchStatus = arguments.length > 11 ? arguments[11] : undefined;
|
|
588
588
|
var keys = (expandedKeys === null || expandedKeys === void 0 ? void 0 : _concatInstanceProperty(expandedKeys).call(expandedKeys, expandScrollkeys)) || (defaultExpandedKeys === null || defaultExpandedKeys === void 0 ? void 0 : _concatInstanceProperty(defaultExpandedKeys).call(defaultExpandedKeys, expandScrollkeys)) || [];
|
|
589
589
|
if (isInit) {
|
|
590
590
|
if (defaultExpandAll) {
|
|
@@ -605,11 +605,10 @@ export var getInitExpandedKeys = function getInitExpandedKeys(data, expandedKeys
|
|
|
605
605
|
}
|
|
606
606
|
}
|
|
607
607
|
}
|
|
608
|
-
if (isSearching) {
|
|
609
|
-
|
|
610
|
-
keys = _concatInstanceProperty(_context6 = []).call(_context6, _toConsumableArray(searchExpandedKeys), _toConsumableArray(getAllFilterKeys(data, filterTreeNode, keysData).filterExpandKeys));
|
|
608
|
+
if (isSearching && searchStatus === 'SEARCH_START') {
|
|
609
|
+
keys = _toConsumableArray(getAllFilterKeys(data, filterTreeNode, keysData).filterExpandKeys);
|
|
611
610
|
}
|
|
612
|
-
return
|
|
611
|
+
return keys;
|
|
613
612
|
};
|
|
614
613
|
export var getExpandedKeys = function getExpandedKeys(expandedKeys) {
|
|
615
614
|
var expandScrollkeys = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
package/lib/select/select.js
CHANGED
|
@@ -589,7 +589,7 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
589
589
|
onChange: handleSelectAll
|
|
590
590
|
}, "\u5168\u9009"), /*#__PURE__*/_react.default.createElement("span", {
|
|
591
591
|
className: "".concat(selectPrefixCls, "-multiple-footer-hadSelected")
|
|
592
|
-
}, "\u5DF2\u9009", /*#__PURE__*/_react.default.createElement("span", null, selectedVal.length), "\u9879")) : null));
|
|
592
|
+
}, "\u5DF2\u9009", /*#__PURE__*/_react.default.createElement("span", null, selectedVal === null || selectedVal === void 0 ? void 0 : selectedVal.length), "\u9879")) : null));
|
|
593
593
|
};
|
|
594
594
|
// 处理多选tag
|
|
595
595
|
var handleMaxTagHolder = (0, _react.useCallback)(function () {
|
|
@@ -785,7 +785,7 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
785
785
|
selectedVal = _multipleRef$current5.selectedVal,
|
|
786
786
|
selectMulOpts = _multipleRef$current5.selectMulOpts;
|
|
787
787
|
// isMultiple
|
|
788
|
-
if (which === _KeyCode.default.BACKSPACE && !searchValue && isMultiple && selectedVal.length && selectMulOpts.length) {
|
|
788
|
+
if (which === _KeyCode.default.BACKSPACE && !searchValue && isMultiple && (selectedVal === null || selectedVal === void 0 ? void 0 : selectedVal.length) && selectMulOpts.length) {
|
|
789
789
|
(0, _splice.default)(selectedVal).call(selectedVal, -1, 1);
|
|
790
790
|
(0, _splice.default)(selectMulOpts).call(selectMulOpts, -1, 1);
|
|
791
791
|
setMulOptions((0, _toConsumableArray2.default)(selectMulOpts));
|
package/lib/tree/tree.d.ts
CHANGED
|
@@ -70,5 +70,6 @@ export declare type KeysDataType = {
|
|
|
70
70
|
export declare type PosDataType = {
|
|
71
71
|
[key: string]: TreeNodeData;
|
|
72
72
|
};
|
|
73
|
+
export declare type SearchStatus = 'NONE' | 'SEARCH_START' | 'SEARCH_DONE';
|
|
73
74
|
declare const Tree: React.ForwardRefExoticComponent<TreeProps & React.RefAttributes<unknown>>;
|
|
74
75
|
export default Tree;
|
package/lib/tree/tree.js
CHANGED
|
@@ -137,17 +137,21 @@ var InternalTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
|
|
|
137
137
|
_React$useState12 = (0, _slicedToArray2.default)(_React$useState11, 2),
|
|
138
138
|
loadingKeys = _React$useState12[0],
|
|
139
139
|
setLoadingKeys = _React$useState12[1];
|
|
140
|
-
var _React$useState13 = _react.default.useState(
|
|
140
|
+
var _React$useState13 = _react.default.useState('NONE'),
|
|
141
141
|
_React$useState14 = (0, _slicedToArray2.default)(_React$useState13, 2),
|
|
142
|
-
|
|
143
|
-
|
|
142
|
+
searchStatus = _React$useState14[0],
|
|
143
|
+
setSearchStatus = _React$useState14[1];
|
|
144
144
|
var isSearching = _react.default.useMemo(function () {
|
|
145
145
|
return typeof filterTreeNode === 'function' && !!filterValue;
|
|
146
146
|
}, [filterValue]);
|
|
147
147
|
(0, _react.useEffect)(function () {
|
|
148
|
-
|
|
148
|
+
if (isSearching) {
|
|
149
|
+
setSearchStatus('SEARCH_START');
|
|
150
|
+
} else {
|
|
151
|
+
setSearchStatus('NONE');
|
|
152
|
+
}
|
|
149
153
|
}, [filterValue]);
|
|
150
|
-
var _useExpand = (0, _treeHooks.useExpand)(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, isInit, filterTreeNode, isSearching, keysData,
|
|
154
|
+
var _useExpand = (0, _treeHooks.useExpand)(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, isInit, filterTreeNode, isSearching, keysData, searchStatus, filterValue),
|
|
151
155
|
_useExpand2 = (0, _slicedToArray2.default)(_useExpand, 2),
|
|
152
156
|
expandedKeys = _useExpand2[0],
|
|
153
157
|
setExpandedKeys = _useExpand2[1];
|
|
@@ -164,7 +168,7 @@ var InternalTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
|
|
|
164
168
|
setHalfCheckedKeys = _useChecked2[3];
|
|
165
169
|
var filterData = _react.default.useMemo(function () {
|
|
166
170
|
return (0, _treeUtils.getFilterData)(spreadAttrData, filterTreeNode, isSearching, posData, keysData);
|
|
167
|
-
}, [spreadAttrData, isSearching, posData, keysData]);
|
|
171
|
+
}, [spreadAttrData, isSearching, posData, keysData, filterValue]);
|
|
168
172
|
(0, _react.useEffect)(function () {
|
|
169
173
|
var _a, _b;
|
|
170
174
|
if (typeof scrollKey === 'undefined') {
|
|
@@ -232,12 +236,9 @@ var InternalTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
|
|
|
232
236
|
node: node,
|
|
233
237
|
expanded: expanded
|
|
234
238
|
});
|
|
235
|
-
if (isSearching) {
|
|
236
|
-
var newSearchExpandedKeys = expanded ? (0, _treeUtils.addKeys)(searchExpandedKeys, [key]) : (0, _treeUtils.delKey)(searchExpandedKeys, [key]);
|
|
237
|
-
setSearchExpandedKeys(newSearchExpandedKeys);
|
|
238
|
-
}
|
|
239
239
|
setScrollKey(undefined);
|
|
240
240
|
setIsInit(false);
|
|
241
|
+
setSearchStatus('SEARCH_DONE');
|
|
241
242
|
if (expanded && loadData) {
|
|
242
243
|
handleNodeLoad(loadedKeys, loadingKeys, node);
|
|
243
244
|
}
|
package/lib/tree/treeHooks.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { TreeNodeData, KeysDataType } from './tree';
|
|
1
|
+
import { TreeNodeData, KeysDataType, SearchStatus } from './tree';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
export declare const useViewportHeight: (height: number, listRef: React.RefObject<HTMLElement>) => number[];
|
|
4
4
|
export declare const useVisibleDataMemo: (virtual: boolean, filterData: TreeNodeData[], viewportHeight: number, estimatedItemSize: number, start: number) => TreeNodeData[][];
|
|
5
5
|
export declare const usePlantomHeightEffect: (plantomRef: React.RefObject<HTMLElement>, filterData: TreeNodeData[], estimatedItemSize: number) => void;
|
|
6
6
|
export declare const useChecked: (checkStrictly: boolean, checkedKeysProps: string[], defaultCheckedKeys: string[], _flattenAllData: any[], _maxLevel: number, checkable: boolean, keysData: KeysDataType) => readonly [string[], string[], React.Dispatch<React.SetStateAction<string[]>>, React.Dispatch<React.SetStateAction<string[]>>];
|
|
7
|
-
export declare const useExpand: (flattenAllData: any[], expandedKeysProps: string[], defaultExpandedKeys: string[], defaultExpandAll: boolean, defaultExpandRoot: boolean, defaultExpandParent: boolean, scrollKey: string, isInit: boolean, filterTreeNode: FunctionConstructor, isSearching: boolean, keysData: KeysDataType,
|
|
7
|
+
export declare const useExpand: (flattenAllData: any[], expandedKeysProps: string[], defaultExpandedKeys: string[], defaultExpandAll: boolean, defaultExpandRoot: boolean, defaultExpandParent: boolean, scrollKey: string, isInit: boolean, filterTreeNode: FunctionConstructor, isSearching: boolean, keysData: KeysDataType, searchStatus: SearchStatus, filterValue: string) => readonly [string[], React.Dispatch<React.SetStateAction<string[]>>];
|
|
8
8
|
export declare const useScrollToKey: (scrollKey: string, index: number, estimatedItemSize: number, scrollRef: any, viewportHeight: number, treeNodePrefixCls: string) => void;
|
|
9
9
|
export declare const useSelect: (selectedKeysProps: string[], defaultSelectedKeys: string[]) => readonly [string[], React.Dispatch<React.SetStateAction<string[]>>];
|
package/lib/tree/treeHooks.js
CHANGED
|
@@ -75,22 +75,22 @@ var useChecked = function useChecked(checkStrictly, checkedKeysProps, defaultChe
|
|
|
75
75
|
return [checkedKeys, halfCheckedKeys, setCheckedKeys, setHalfCheckedKeys];
|
|
76
76
|
};
|
|
77
77
|
exports.useChecked = useChecked;
|
|
78
|
-
var useExpand = function useExpand(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, isInit, filterTreeNode, isSearching, keysData,
|
|
78
|
+
var useExpand = function useExpand(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, isInit, filterTreeNode, isSearching, keysData, searchStatus, filterValue) {
|
|
79
79
|
var expandScrollkeys = [];
|
|
80
80
|
if (scrollKey) {
|
|
81
81
|
var pos = (0, _treeUtils.getPos)(flattenAllData, scrollKey);
|
|
82
82
|
expandScrollkeys = (0, _treeUtils.getAllParentKeys)(flattenAllData, pos);
|
|
83
83
|
}
|
|
84
84
|
var initialExpandedKeys = _react.default.useMemo(function () {
|
|
85
|
-
return (0, _treeUtils.getInitExpandedKeys)(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, expandScrollkeys, filterTreeNode, isSearching, keysData,
|
|
86
|
-
}, [flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, filterTreeNode, isSearching, keysData,
|
|
85
|
+
return (0, _treeUtils.getInitExpandedKeys)(flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, expandScrollkeys, filterTreeNode, isSearching, keysData, isInit, searchStatus);
|
|
86
|
+
}, [flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, filterTreeNode, isSearching, keysData, isInit, searchStatus, filterValue]);
|
|
87
87
|
var _React$useState7 = _react.default.useState(initialExpandedKeys),
|
|
88
88
|
_React$useState8 = (0, _slicedToArray2.default)(_React$useState7, 2),
|
|
89
89
|
expandedKeys = _React$useState8[0],
|
|
90
90
|
setExpandedKeys = _React$useState8[1];
|
|
91
91
|
_react.default.useEffect(function () {
|
|
92
92
|
setExpandedKeys(initialExpandedKeys);
|
|
93
|
-
}, [flattenAllData, expandedKeysProps,
|
|
93
|
+
}, [flattenAllData, expandedKeysProps, defaultExpandAll, defaultExpandedKeys, defaultExpandRoot, defaultExpandParent, scrollKey, searchStatus, filterValue]);
|
|
94
94
|
return [expandedKeys, setExpandedKeys];
|
|
95
95
|
};
|
|
96
96
|
exports.useExpand = useExpand;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { TreeNodeData, KeysDataType } from '../tree';
|
|
1
|
+
import { TreeNodeData, KeysDataType, SearchStatus } from '../tree';
|
|
2
2
|
/**
|
|
3
3
|
* 打平所有数组,并添加pos位置信息,
|
|
4
4
|
* 方便根据expandKeys等计算节点的expand,checkedKeys计算节点checked状态
|
|
@@ -60,6 +60,6 @@ export declare const getDataCheckededStateStrictly: (checkedKeys: string[]) => {
|
|
|
60
60
|
};
|
|
61
61
|
export declare const delKey: (prevKeys: string[], delKeys: string[]) => never[] & string[];
|
|
62
62
|
export declare const getAllNodeKeys: (data: any[]) => string[];
|
|
63
|
-
export declare const getInitExpandedKeys: (data: any[], expandedKeys: string[], defaultExpandedKeys: string[], defaultExpandAll: boolean, defaultExpandRoot: boolean, defaultExpandParent: boolean, expandScrollkeys: string[] | undefined, filterTreeNode: FunctionConstructor, isSearching: boolean, keysData: KeysDataType,
|
|
63
|
+
export declare const getInitExpandedKeys: (data: any[], expandedKeys: string[], defaultExpandedKeys: string[], defaultExpandAll: boolean, defaultExpandRoot: boolean, defaultExpandParent: boolean, expandScrollkeys: string[] | undefined, filterTreeNode: FunctionConstructor, isSearching: boolean, keysData: KeysDataType, isInit: boolean, searchStatus: SearchStatus) => string[];
|
|
64
64
|
export declare const getExpandedKeys: (expandedKeys: string[], expandScrollkeys?: string[]) => string[];
|
|
65
65
|
export declare const calcDropPosition: (event: React.MouseEvent, dropNode: HTMLElement) => 0 | 1 | -1;
|
|
@@ -617,8 +617,8 @@ var getInitExpandedKeys = function getInitExpandedKeys(data, expandedKeys, defau
|
|
|
617
617
|
var filterTreeNode = arguments.length > 7 ? arguments[7] : undefined;
|
|
618
618
|
var isSearching = arguments.length > 8 ? arguments[8] : undefined;
|
|
619
619
|
var keysData = arguments.length > 9 ? arguments[9] : undefined;
|
|
620
|
-
var
|
|
621
|
-
var
|
|
620
|
+
var isInit = arguments.length > 10 ? arguments[10] : undefined;
|
|
621
|
+
var searchStatus = arguments.length > 11 ? arguments[11] : undefined;
|
|
622
622
|
var keys = (expandedKeys === null || expandedKeys === void 0 ? void 0 : (0, _concat.default)(expandedKeys).call(expandedKeys, expandScrollkeys)) || (defaultExpandedKeys === null || defaultExpandedKeys === void 0 ? void 0 : (0, _concat.default)(defaultExpandedKeys).call(defaultExpandedKeys, expandScrollkeys)) || [];
|
|
623
623
|
if (isInit) {
|
|
624
624
|
if (defaultExpandAll) {
|
|
@@ -639,11 +639,10 @@ var getInitExpandedKeys = function getInitExpandedKeys(data, expandedKeys, defau
|
|
|
639
639
|
}
|
|
640
640
|
}
|
|
641
641
|
}
|
|
642
|
-
if (isSearching) {
|
|
643
|
-
|
|
644
|
-
keys = (0, _concat.default)(_context6 = []).call(_context6, (0, _toConsumableArray2.default)(searchExpandedKeys), (0, _toConsumableArray2.default)(getAllFilterKeys(data, filterTreeNode, keysData).filterExpandKeys));
|
|
642
|
+
if (isSearching && searchStatus === 'SEARCH_START') {
|
|
643
|
+
keys = (0, _toConsumableArray2.default)(getAllFilterKeys(data, filterTreeNode, keysData).filterExpandKeys);
|
|
645
644
|
}
|
|
646
|
-
return
|
|
645
|
+
return keys;
|
|
647
646
|
};
|
|
648
647
|
exports.getInitExpandedKeys = getInitExpandedKeys;
|
|
649
648
|
var getExpandedKeys = function getExpandedKeys(expandedKeys) {
|