@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.
@@ -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 _context5;
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(_context4 = "".concat(flag && _curVal2 ? symbol : '')).call(_context4, _curVal2);
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(_context5 = "".concat(flag && curVal ? symbol : '')).call(_context5, curVal);
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 _context6, _context7, _context8;
320
- return _concatInstanceProperty(_context6 = _concatInstanceProperty(_context7 = _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, data === null || data === void 0 ? void 0 : data.province)).call(_context7, (data === null || data === void 0 ? void 0 : data.country) && (data === null || data === void 0 ? void 0 : data.province) ? symbol : '')).call(_context6, data === null || data === void 0 ? void 0 : data.country);
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
- searchExpandedKeys = _React$useState14[0],
131
- setSearchExpandedKeys = _React$useState14[1];
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
- setSearchExpandedKeys([]);
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, searchExpandedKeys),
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
  }
@@ -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, searchExpandedKeys: string[]) => readonly [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, 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[]>>];
@@ -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, searchExpandedKeys) {
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, searchExpandedKeys, isInit);
70
- }, [flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, filterTreeNode, isSearching, keysData, searchExpandedKeys, isInit]);
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, searchExpandedKeys, defaultExpandAll, defaultExpandedKeys, defaultExpandRoot, defaultExpandParent, scrollKey]);
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, searchExpandedKeys: string[], isInit: boolean) => 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, 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 searchExpandedKeys = arguments.length > 10 ? arguments[10] : undefined;
587
- var isInit = arguments.length > 11 ? arguments[11] : undefined;
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
- var _context6;
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 _Array$from(new _Set(_toConsumableArray(keys)));
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 _context5;
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)(_context4 = "".concat(flag && _curVal2 ? symbol : '')).call(_context4, _curVal2);
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)(_context5 = "".concat(flag && curVal ? symbol : '')).call(_context5, curVal);
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 _context6, _context7, _context8;
332
- return (0, _concat.default)(_context6 = (0, _concat.default)(_context7 = (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, data === null || data === void 0 ? void 0 : data.province)).call(_context7, (data === null || data === void 0 ? void 0 : data.country) && (data === null || data === void 0 ? void 0 : data.province) ? symbol : '')).call(_context6, data === null || data === void 0 ? void 0 : data.country);
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() {
@@ -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
- searchExpandedKeys = _React$useState14[0],
143
- setSearchExpandedKeys = _React$useState14[1];
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
- setSearchExpandedKeys([]);
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, searchExpandedKeys),
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
  }
@@ -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, searchExpandedKeys: string[]) => readonly [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, 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[]>>];
@@ -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, searchExpandedKeys) {
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, searchExpandedKeys, isInit);
86
- }, [flattenAllData, expandedKeysProps, defaultExpandedKeys, defaultExpandAll, defaultExpandRoot, defaultExpandParent, scrollKey, filterTreeNode, isSearching, keysData, searchExpandedKeys, isInit]);
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, searchExpandedKeys, defaultExpandAll, defaultExpandedKeys, defaultExpandRoot, defaultExpandParent, scrollKey]);
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, searchExpandedKeys: string[], isInit: boolean) => 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, 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 searchExpandedKeys = arguments.length > 10 ? arguments[10] : undefined;
621
- var isInit = arguments.length > 11 ? arguments[11] : undefined;
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
- var _context6;
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 (0, _from.default)(new _set.default((0, _toConsumableArray2.default)(keys)));
645
+ return keys;
647
646
  };
648
647
  exports.getInitExpandedKeys = getInitExpandedKeys;
649
648
  var getExpandedKeys = function getExpandedKeys(expandedKeys) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kdcloudjs/kdesign",
3
- "version": "1.7.33-stable.5",
3
+ "version": "1.7.33-stable.7",
4
4
  "description": "KDesign 金蝶前端react 组件库",
5
5
  "title": "kdesign",
6
6
  "keywords": [