@kdcloudjs/kdesign 1.7.33-stable.5 → 1.7.33-stable.7
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 +90 -0
- package/dist/kdesign.css +1 -1
- package/dist/kdesign.css.map +1 -1
- package/dist/kdesign.js +29 -28
- package/dist/kdesign.js.map +1 -1
- package/dist/kdesign.min.css +1 -1
- package/dist/kdesign.min.js +3 -3
- package/dist/kdesign.min.js.map +1 -1
- package/es/city-picker/city-picker.js +10 -9
- 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/city-picker/city-picker.js +10 -9
- 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
|
@@ -5,6 +5,7 @@ import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
|
|
|
5
5
|
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
|
6
6
|
import _findInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find";
|
|
7
7
|
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
|
8
|
+
import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
|
|
8
9
|
import React, { useContext, useRef, useEffect, useState, useCallback, useMemo } from 'react';
|
|
9
10
|
import { useMergedState } from '../_utils/hooks';
|
|
10
11
|
import classNames from 'classnames';
|
|
@@ -302,22 +303,22 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
302
303
|
var symbol = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : ', ';
|
|
303
304
|
if (!data) return null;
|
|
304
305
|
if (isDomestic(type)) {
|
|
305
|
-
var
|
|
306
|
+
var _context6, _context7;
|
|
306
307
|
if (isCommon) {
|
|
307
308
|
var _context3;
|
|
308
|
-
var _curVal = (data === null || data === void 0 ? void 0 : data.province) ? data === null || data === void 0 ? void 0 : data.province : data === null || data === void 0 ? void 0 : data.country;
|
|
309
|
+
var _curVal = (data === null || data === void 0 ? void 0 : data.province) ? data === null || data === void 0 ? void 0 : data.province : (data === null || data === void 0 ? void 0 : data.country) || '';
|
|
309
310
|
return _concatInstanceProperty(_context3 = "".concat(flag && _curVal ? symbol : '')).call(_context3, _curVal);
|
|
310
311
|
}
|
|
311
312
|
if (data === null || data === void 0 ? void 0 : data.type) {
|
|
312
|
-
var _context4;
|
|
313
|
-
var _curVal2 = data.type === 'domestic' ? (data === null || data === void 0 ? void 0 : data.province) || (data === null || data === void 0 ? void 0 : data.country) : data === null || data === void 0 ? void 0 : data.country;
|
|
314
|
-
return _concatInstanceProperty(
|
|
313
|
+
var _context4, _context5;
|
|
314
|
+
var _curVal2 = (data.type === 'domestic' ? (data === null || data === void 0 ? void 0 : data.province) || (data === null || data === void 0 ? void 0 : data.country) : _filterInstanceProperty(_context4 = [data === null || data === void 0 ? void 0 : data.province, data === null || data === void 0 ? void 0 : data.country]).call(_context4, Boolean).join(symbol)) || '';
|
|
315
|
+
return _concatInstanceProperty(_context5 = "".concat(flag && _curVal2 ? symbol : '')).call(_context5, _curVal2);
|
|
315
316
|
}
|
|
316
|
-
var curVal = tabsValue === 'domestic' ? (data === null || data === void 0 ? void 0 : data.province) || (data === null || data === void 0 ? void 0 : data.country) : data === null || data === void 0 ? void 0 : data.country;
|
|
317
|
-
return _concatInstanceProperty(
|
|
317
|
+
var curVal = tabsValue === 'domestic' ? (data === null || data === void 0 ? void 0 : data.province) || (data === null || data === void 0 ? void 0 : data.country) || '' : _filterInstanceProperty(_context6 = [data === null || data === void 0 ? void 0 : data.province, data === null || data === void 0 ? void 0 : data.country]).call(_context6, Boolean).join(symbol);
|
|
318
|
+
return _concatInstanceProperty(_context7 = "".concat(flag && curVal ? symbol : '')).call(_context7, curVal);
|
|
318
319
|
} else {
|
|
319
|
-
var
|
|
320
|
-
return _concatInstanceProperty(
|
|
320
|
+
var _context8, _context9;
|
|
321
|
+
return _concatInstanceProperty(_context8 = "".concat(flag && ((data === null || data === void 0 ? void 0 : data.province) || (data === null || data === void 0 ? void 0 : data.country)) ? symbol : '')).call(_context8, _filterInstanceProperty(_context9 = [data === null || data === void 0 ? void 0 : data.province, data === null || data === void 0 ? void 0 : data.country]).call(_context9, Boolean).join(symbol));
|
|
321
322
|
}
|
|
322
323
|
}, [type, tabsValue]);
|
|
323
324
|
var renderSingle = function renderSingle() {
|
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] : [];
|
|
@@ -11,6 +11,7 @@ exports.default = void 0;
|
|
|
11
11
|
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
|
12
12
|
var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
|
|
13
13
|
var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
|
|
14
|
+
var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
|
|
14
15
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
|
15
16
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toConsumableArray"));
|
|
16
17
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
|
@@ -314,22 +315,22 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
314
315
|
var symbol = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : ', ';
|
|
315
316
|
if (!data) return null;
|
|
316
317
|
if (isDomestic(type)) {
|
|
317
|
-
var
|
|
318
|
+
var _context6, _context7;
|
|
318
319
|
if (isCommon) {
|
|
319
320
|
var _context3;
|
|
320
|
-
var _curVal = (data === null || data === void 0 ? void 0 : data.province) ? data === null || data === void 0 ? void 0 : data.province : data === null || data === void 0 ? void 0 : data.country;
|
|
321
|
+
var _curVal = (data === null || data === void 0 ? void 0 : data.province) ? data === null || data === void 0 ? void 0 : data.province : (data === null || data === void 0 ? void 0 : data.country) || '';
|
|
321
322
|
return (0, _concat.default)(_context3 = "".concat(flag && _curVal ? symbol : '')).call(_context3, _curVal);
|
|
322
323
|
}
|
|
323
324
|
if (data === null || data === void 0 ? void 0 : data.type) {
|
|
324
|
-
var _context4;
|
|
325
|
-
var _curVal2 = data.type === 'domestic' ? (data === null || data === void 0 ? void 0 : data.province) || (data === null || data === void 0 ? void 0 : data.country) : data === null || data === void 0 ? void 0 : data.country;
|
|
326
|
-
return (0, _concat.default)(
|
|
325
|
+
var _context4, _context5;
|
|
326
|
+
var _curVal2 = (data.type === 'domestic' ? (data === null || data === void 0 ? void 0 : data.province) || (data === null || data === void 0 ? void 0 : data.country) : (0, _filter.default)(_context4 = [data === null || data === void 0 ? void 0 : data.province, data === null || data === void 0 ? void 0 : data.country]).call(_context4, Boolean).join(symbol)) || '';
|
|
327
|
+
return (0, _concat.default)(_context5 = "".concat(flag && _curVal2 ? symbol : '')).call(_context5, _curVal2);
|
|
327
328
|
}
|
|
328
|
-
var curVal = tabsValue === 'domestic' ? (data === null || data === void 0 ? void 0 : data.province) || (data === null || data === void 0 ? void 0 : data.country) : data === null || data === void 0 ? void 0 : data.country;
|
|
329
|
-
return (0, _concat.default)(
|
|
329
|
+
var curVal = tabsValue === 'domestic' ? (data === null || data === void 0 ? void 0 : data.province) || (data === null || data === void 0 ? void 0 : data.country) || '' : (0, _filter.default)(_context6 = [data === null || data === void 0 ? void 0 : data.province, data === null || data === void 0 ? void 0 : data.country]).call(_context6, Boolean).join(symbol);
|
|
330
|
+
return (0, _concat.default)(_context7 = "".concat(flag && curVal ? symbol : '')).call(_context7, curVal);
|
|
330
331
|
} else {
|
|
331
|
-
var
|
|
332
|
-
return (0, _concat.default)(
|
|
332
|
+
var _context8, _context9;
|
|
333
|
+
return (0, _concat.default)(_context8 = "".concat(flag && ((data === null || data === void 0 ? void 0 : data.province) || (data === null || data === void 0 ? void 0 : data.country)) ? symbol : '')).call(_context8, (0, _filter.default)(_context9 = [data === null || data === void 0 ? void 0 : data.province, data === null || data === void 0 ? void 0 : data.country]).call(_context9, Boolean).join(symbol));
|
|
333
334
|
}
|
|
334
335
|
}, [type, tabsValue]);
|
|
335
336
|
var renderSingle = function renderSingle() {
|
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) {
|