rsuite 5.60.2 → 5.61.0

package/cjs/Highlight/Highlight.js

@@ -0,0 +1,58 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _utils = require("../utils");
+var _highlightText = require("./utils/highlightText");
+var _utils2 = require("../internals/utils");
+function defaultRenderMark(match, index) {
+  return /*#__PURE__*/_react.default.createElement("mark", {
+    key: index,
+    className: "rs-highlight-mark"
+  }, match);
+}
+
+/**
+ *
+ * Highlight the matching text in the content.
+ *
+ * @see https://rsuitejs.com/components/highlight
+ */
+var Highlight = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _props$as = props.as,
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'highlight' : _props$classPrefix,
+    className = props.className,
+    children = props.children,
+    query = props.query,
+    _props$renderMark = props.renderMark,
+    renderMark = _props$renderMark === void 0 ? defaultRenderMark : _props$renderMark,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "children", "query", "renderMark"]);
+  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+    withClassPrefix = _useClassNames.withClassPrefix,
+    merge = _useClassNames.merge;
+  var classes = merge(className, withClassPrefix());
+  var text = (0, _utils2.stringifyReactNode)(children);
+  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
+    ref: ref,
+    className: classes
+  }, rest), (0, _highlightText.highlightText)(text, {
+    query: query,
+    renderMark: renderMark
+  }));
+});
+Highlight.displayName = 'Highlight';
+Highlight.propTypes = {
+  className: _propTypes.default.string,
+  classPrefix: _propTypes.default.string,
+  as: _propTypes.default.elementType
+};
+var _default = Highlight;
+exports.default = _default;

package/cjs/Highlight/index.d.ts

@@ -0,0 +1,3 @@
+import Highlight from './Highlight';
+export type { HighlightProps } from './Highlight';
+export default Highlight;

package/cjs/Highlight/index.js

@@ -0,0 +1,9 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _Highlight = _interopRequireDefault(require("./Highlight"));
+var _default = _Highlight.default;
+exports.default = _default;

package/cjs/Highlight/utils/highlightText.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare function highlightText(text: string, props: {
+    query?: string | string[];
+    renderMark: (patch: string, index: number) => React.ReactNode;
+}): string | React.ReactNode[];

package/cjs/Highlight/utils/highlightText.js

@@ -0,0 +1,29 @@
+'use client';
+"use strict";
+
+exports.__esModule = true;
+exports.highlightText = highlightText;
+var _utils = require("../../internals/utils");
+function highlightText(text, props) {
+  var query = props.query,
+    renderMark = props.renderMark;
+  if (!query || !text) {
+    return text;
+  }
+  var queries = Array.isArray(query) ? query : [query];
+  var regx = new RegExp(queries.map(function (q) {
+    return (0, _utils.getSafeRegExpString)(q);
+  }).join('|'), 'ig');
+  var texts = [];
+  var strArr = text.split(regx);
+  var highStrArr = text.match(regx);
+  for (var i = 0; i < strArr.length; i++) {
+    if (strArr[i]) {
+      texts.push(strArr[i]);
+    }
+    if (highStrArr !== null && highStrArr !== void 0 && highStrArr[i]) {
+      texts.push(renderMark(highStrArr[i], i));
+    }
+  }
+  return texts;
+}

package/cjs/InputPicker/InputPicker.js

@@ -10,7 +10,6 @@ var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _isUndefined = _interopRequireDefault(require("lodash/isUndefined"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
 var _isFunction = _interopRequireDefault(require("lodash/isFunction"));
 var _remove = _interopRequireDefault(require("lodash/remove"));
@@ -19,9 +18,9 @@ var _isArray = _interopRequireDefault(require("lodash/isArray"));
 var _omit = _interopRequireDefault(require("lodash/omit"));
 var _pick = _interopRequireDefault(require("lodash/pick"));
 var _shallowEqual = _interopRequireDefault(require("../utils/shallowEqual"));
-var _treeUtils = require("../utils/treeUtils");
+var _utils = require("../internals/Tree/utils");
 var _Plaintext = _interopRequireDefault(require("../internals/Plaintext"));
-var _utils = require("../utils");
+var _utils2 = require("../utils");
 var _propTypes2 = require("../internals/propTypes");
 var _getDataGroupBy = require("../utils/getDataGroupBy");
 var _Picker = require("../internals/Picker");
@@ -31,7 +30,7 @@ var _InputPickerContext = require("./InputPickerContext");
 var _Stack = _interopRequireDefault(require("../Stack"));
 var _useInput2 = _interopRequireDefault(require("./hooks/useInput"));
 var _useData2 = _interopRequireDefault(require("./hooks/useData"));
-var _utils2 = require("./utils");
+var _utils3 = require("./utils");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 /**
  * Single item selector with text box input.
@@ -123,12 +122,12 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     target = _usePickerRef.target,
     overlay = _usePickerRef.overlay,
     list = _usePickerRef.list;
-  var _useCustom = (0, _utils.useCustom)(['Picker', 'InputPicker'], overrideLocale),
+  var _useCustom = (0, _utils2.useCustom)(['Picker', 'InputPicker'], overrideLocale),
     locale = _useCustom.locale;
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _utils2.useClassNames)(classPrefix),
     prefix = _useClassNames.prefix,
     merge = _useClassNames.merge;
-  var _useControlled = (0, _utils.useControlled)(controlledOpen, defaultOpen),
+  var _useControlled = (0, _utils2.useControlled)(controlledOpen, defaultOpen),
     open = _useControlled[0],
     setOpen = _useControlled[1];
   var _useInput = (0, _useInput2.default)({
@@ -152,14 +151,14 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     dataWithCache = _useData.dataWithCache,
     newData = _useData.newData,
     setNewData = _useData.setNewData;
-  var _useControlled2 = (0, _utils.useControlled)(valueProp, multi ? defaultValue || [] : defaultValue),
+  var _useControlled2 = (0, _utils2.useControlled)(valueProp, multi ? defaultValue || [] : defaultValue),
     value = _useControlled2[0],
     setValue = _useControlled2[1],
     isControlled = _useControlled2[2];
   var cloneValue = function cloneValue() {
     return multi ? (0, _clone.default)(value) || [] : value;
   };
-  var handleClose = (0, _utils.useEventCallback)(function () {
+  var handleClose = (0, _utils2.useEventCallback)(function () {
     var _triggerRef$current, _target$current, _target$current$focus;
     triggerRef === null || triggerRef === void 0 ? void 0 : (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : _triggerRef$current.close();
 
@@ -179,7 +178,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     focusItemValue = _useFocusItemValue.focusItemValue,
     setFocusItemValue = _useFocusItemValue.setFocusItemValue,
     onKeyDown = _useFocusItemValue.onKeyDown;
-  var onSearchCallback = (0, _utils.useEventCallback)(function (searchKeyword, filteredData, event) {
+  var onSearchCallback = (0, _utils2.useEventCallback)(function (searchKeyword, filteredData, event) {
     if (!disabledOptions) {
       var _filteredData$;
       // The first option after filtering is the focus.
@@ -240,10 +239,10 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     }
     return option;
   };
-  var handleChange = (0, _utils.useEventCallback)(function (value, event) {
+  var handleChange = (0, _utils2.useEventCallback)(function (value, event) {
     onChange === null || onChange === void 0 ? void 0 : onChange(value, event);
   });
-  var handleRemoveItemByTag = (0, _utils.useEventCallback)(function (tag, event) {
+  var handleRemoveItemByTag = (0, _utils2.useEventCallback)(function (tag, event) {
     event.stopPropagation();
     var val = cloneValue();
     (0, _remove.default)(val, function (itemVal) {
@@ -253,7 +252,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     handleChange(val, event);
     onTagRemove === null || onTagRemove === void 0 ? void 0 : onTagRemove(tag, event);
   });
-  var handleSelect = (0, _utils.useEventCallback)(function (value, item, event) {
+  var handleSelect = (0, _utils2.useEventCallback)(function (value, item, event) {
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(value, item, event);
     if (creatable && item.create) {
       delete item.create;
@@ -268,7 +267,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
    * @param item
    * @param event
    */
-  var handleSelectItem = (0, _utils.useEventCallback)(function (value, item, event) {
+  var handleSelectItem = (0, _utils2.useEventCallback)(function (value, item, event) {
     setValue(value);
     setFocusItemValue(value);
     resetSearch();
@@ -284,7 +283,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
    * @param event
    * @param checked
    */
-  var handleCheckTag = (0, _utils.useEventCallback)(function (nextItemValue, item, event, checked) {
+  var handleCheckTag = (0, _utils2.useEventCallback)(function (nextItemValue, item, event, checked) {
     var val = cloneValue();
     if (checked) {
       val.push(nextItemValue);
@@ -300,7 +299,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     handleChange(val, event);
     focus();
   });
-  var handleTagKeyPress = (0, _utils.useEventCallback)(function (event) {
+  var handleTagKeyPress = (0, _utils2.useEventCallback)(function (event) {
     // When composing, ignore the keypress event.
     if (event.nativeEvent.isComposing) {
       return;
@@ -342,7 +341,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     handleSelect(val, focusItem, event);
     handleChange(val, event);
   });
-  var handleMenuItemKeyPress = (0, _utils.useEventCallback)(function (event) {
+  var handleMenuItemKeyPress = (0, _utils2.useEventCallback)(function (event) {
     if (!focusItemValue || !controlledData) {
       return;
     }
@@ -376,7 +375,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
    * Remove the last item, after pressing the back key on the keyboard.
    * @param event
    */
-  var removeLastItem = (0, _utils.useEventCallback)(function (event) {
+  var removeLastItem = (0, _utils2.useEventCallback)(function (event) {
     var target = event === null || event === void 0 ? void 0 : event.target;
     if ((target === null || target === void 0 ? void 0 : target.tagName) !== 'INPUT') {
       focus();
@@ -390,7 +389,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     setValue(val);
     handleChange(val, event);
   });
-  var handleClean = (0, _utils.useEventCallback)(function (event) {
+  var handleClean = (0, _utils2.useEventCallback)(function (event) {
     if (disabled || searchKeyword !== '') {
       return;
     }
@@ -410,21 +409,21 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     onMenuPressEnter: undefined,
     onKeyDown: undefined
   };
-  var handleKeyPress = (0, _utils.useEventCallback)(function (event) {
+  var handleKeyPress = (0, _utils2.useEventCallback)(function (event) {
     // When typing a space, create a tag.
-    if ((0, _utils.isOneOf)('Space', trigger) && event.key === _utils.KEY_VALUES.SPACE) {
+    if ((0, _utils2.isOneOf)('Space', trigger) && event.key === _utils2.KEY_VALUES.SPACE) {
       handleTagKeyPress(event);
       event.preventDefault();
     }
 
     // When typing a comma, create a tag.
-    if ((0, _utils.isOneOf)('Comma', trigger) && event.key === _utils.KEY_VALUES.COMMA) {
+    if ((0, _utils2.isOneOf)('Comma', trigger) && event.key === _utils2.KEY_VALUES.COMMA) {
       handleTagKeyPress(event);
       event.preventDefault();
     }
   });
   if (multi) {
-    if ((0, _utils.isOneOf)('Enter', trigger)) {
+    if ((0, _utils2.isOneOf)('Enter', trigger)) {
       events.onMenuPressEnter = handleTagKeyPress;
     }
     if (creatable) {
@@ -438,11 +437,11 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     target: target,
     overlay: overlay
   }, events, rest));
-  var handleExited = (0, _utils.useEventCallback)(function () {
+  var handleExited = (0, _utils2.useEventCallback)(function () {
     setFocusItemValue(multi ? value === null || value === void 0 ? void 0 : value[0] : value);
     resetSearch();
   });
-  var handleFocus = (0, _utils.useEventCallback)(function (event) {
+  var handleFocus = (0, _utils2.useEventCallback)(function (event) {
     if (!readOnly) {
       var _triggerRef$current3;
       setOpen(true);
@@ -450,17 +449,17 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     }
     onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
   });
-  var handleEnter = (0, _utils.useEventCallback)(function () {
+  var handleEnter = (0, _utils2.useEventCallback)(function () {
     focus();
     setOpen(true);
   });
-  var handleExit = (0, _utils.useEventCallback)(function () {
+  var handleExit = (0, _utils2.useEventCallback)(function () {
     blur();
     setOpen(false);
   });
   var renderListItem = function renderListItem(label, item) {
     // 'Create option "{0}"' =>  Create option "xxxxx"
-    var newLabel = item.create ? /*#__PURE__*/_react.default.createElement("span", null, (0, _utils.tplTransform)(locale.createOption, label)) : label;
+    var newLabel = item.create ? /*#__PURE__*/_react.default.createElement("span", null, (0, _utils2.tplTransform)(locale.createOption, label)) : label;
     return renderMenuItem ? renderMenuItem(newLabel, item) : newLabel;
   };
   var checkValue = function checkValue() {
@@ -503,10 +502,10 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
         role: "option"
       }, tagRest, {
         key: tag,
-        size: (0, _utils2.convertSize)(size),
+        size: (0, _utils3.convertSize)(size),
         closable: !disabled && closable && !readOnly && !plaintext,
         title: typeof itemNode === 'string' ? itemNode : undefined,
-        onClose: (0, _utils.createChainedFunction)(handleRemoveItemByTag.bind(null, tag), onClose)
+        onClose: (0, _utils2.createChainedFunction)(handleRemoveItemByTag.bind(null, tag), onClose)
       }), itemNode);
     }).filter(function (item) {
       return item !== null;
@@ -526,7 +525,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       left: left,
       top: top
     });
-    var items = (0, _treeUtils.filterNodesOfTree)(data, checkShouldDisplay);
+    var items = (0, _utils.filterNodesOfTree)(data, checkShouldDisplay);
     if (creatable && (typeof shouldDisplayCreateOption === 'function' ? shouldDisplayCreateOption(searchKeyword, items) : searchKeyword && !items.find(function (item) {
       return item[valueKey] === searchKeyword;
     }))) {
@@ -541,7 +540,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     }
     if (disabledOptions) {
       return /*#__PURE__*/_react.default.createElement(_Picker.PickerPopup, {
-        ref: (0, _utils.mergeRefs)(overlay, speakerRef)
+        ref: (0, _utils2.mergeRefs)(overlay, speakerRef)
       });
     }
     var menu = items.length ? /*#__PURE__*/_react.default.createElement(_Picker.Listbox, {
@@ -559,11 +558,8 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       activeItemValues: multi ? value : [value],
       focusItemValue: focusItemValue,
       maxHeight: menuMaxHeight,
-      data: items
-      // FIXME-Doma
-      // `group` is redundant so long as `groupBy` exists
-      ,
-      group: !(0, _isUndefined.default)(groupBy),
+      data: items,
+      query: searchKeyword,
       groupBy: groupBy,
       onSelect: multi ? handleCheckTag : handleSelectItem,
       renderMenuGroup: renderMenuGroup,
@@ -573,7 +569,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["none"])))
     }, locale === null || locale === void 0 ? void 0 : locale.noResultsText);
     return /*#__PURE__*/_react.default.createElement(_Picker.PickerPopup, {
-      ref: (0, _utils.mergeRefs)(overlay, speakerRef),
+      ref: (0, _utils2.mergeRefs)(overlay, speakerRef),
       autoWidth: menuAutoWidth,
       className: classes,
       style: styles,
@@ -628,10 +624,10 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     pickerProps: (0, _pick.default)(props, _Picker.pickTriggerPropKeys),
     ref: triggerRef,
     trigger: "active",
-    onEnter: (0, _utils.createChainedFunction)(handleEnter, onEnter),
+    onEnter: (0, _utils2.createChainedFunction)(handleEnter, onEnter),
     onEntered: onEntered,
-    onExit: (0, _utils.createChainedFunction)(handleExit, onExit),
-    onExited: (0, _utils.createChainedFunction)(handleExited, onExited),
+    onExit: (0, _utils2.createChainedFunction)(handleExit, onExit),
+    onExited: (0, _utils2.createChainedFunction)(handleExited, onExited),
     speaker: renderPopup,
     placement: placement
   }, /*#__PURE__*/_react.default.createElement(Component, {

package/cjs/MultiCascadeTree/SearchView.js

@@ -8,11 +8,10 @@ var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
 var _utils = require("../utils");
-var _treeUtils = require("../utils/treeUtils");
 var _SearchBox = _interopRequireDefault(require("../internals/SearchBox"));
 var _Checkbox = _interopRequireDefault(require("../Checkbox"));
+var _Highlight = _interopRequireDefault(require("../Highlight"));
 var _utils2 = require("./utils");
-var _utils3 = require("../CascadeTree/utils");
 function SearchView(props) {
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'div' : _props$as,
@@ -41,18 +40,11 @@ function SearchView(props) {
     locale = _useCustom.locale;
   var renderSearchRow = function renderSearchRow(item, key) {
     var _extends2;
-    var nodes = (0, _treeUtils.getNodeParents)(item);
-    var label = (0, _utils3.highlightLabel)({
-      item: item,
-      labelKey: labelKey,
-      searchKeyword: searchKeyword,
-      render: function render(patch, index) {
-        return /*#__PURE__*/_react.default.createElement("span", {
-          key: index,
-          className: prefix('match')
-        }, patch);
-      }
-    });
+    var nodes = (0, _utils2.getNodeParents)(item);
+    var label = /*#__PURE__*/_react.default.createElement(_Highlight.default, {
+      as: "span",
+      query: searchKeyword
+    }, item[labelKey]);
     nodes.push((0, _extends3.default)({}, item, (_extends2 = {}, _extends2[labelKey] = label, _extends2)));
     var active = value.some(function (value) {
       if (cascade) {

package/cjs/MultiCascadeTree/hooks/useCascadeValue.js

@@ -9,6 +9,20 @@ var _uniq = _interopRequireDefault(require("lodash/uniq"));
 var _remove = _interopRequireDefault(require("lodash/remove"));
 var _utils = require("../../utils");
 var _utils2 = require("../utils");
+/**
+ * Get all parents of a node
+ * @param node
+ */
+var getParents = function getParents(node) {
+  var parents = [];
+  if (!node.parent) {
+    return parents;
+  }
+  parents.push(node.parent);
+  parents = parents.concat(getParents(node.parent));
+  return parents;
+};
+
 /**
  * A hook that converts the value into a cascading value
  * @param props
@@ -43,7 +57,7 @@ function useCascadeValue(props, flattenData) {
   var splitValue = (0, _react.useCallback)(function (item, checked, value) {
     var itemValue = item[valueKey];
     var childrenValue = getChildrenValue(item);
-    var parents = (0, _utils2.getParents)(item);
+    var parents = getParents(item);
     var nextValue = [].concat(value);
     var removedValue = [];
     if (checked) {

package/cjs/MultiCascadeTree/hooks/useColumnData.js

@@ -6,7 +6,7 @@ exports.__esModule = true;
 exports.default = void 0;
 var _react = require("react");
 var _slice = _interopRequireDefault(require("lodash/slice"));
-var _treeUtils = require("../../utils/treeUtils");
+var _utils = require("../../Tree/utils");
 /**
  * A hook for column data
  * @param flattenData
@@ -35,7 +35,7 @@ function useColumnData(flattenData) {
     setColumnData([].concat((0, _slice.default)(columnData, 0, index)));
   }
   function enforceUpdateColumnData(nextData) {
-    var nextFlattenData = (0, _treeUtils.UNSAFE_flattenTree)(nextData);
+    var nextFlattenData = (0, _utils.UNSAFE_flattenTree)(nextData);
     setColumnData([nextFlattenData.filter(function (item) {
       return !item.parent;
     })]);

package/cjs/MultiCascadeTree/hooks/useFlattenData.js

@@ -4,14 +4,14 @@
 exports.__esModule = true;
 exports.default = void 0;
 var _react = require("react");
-var _treeUtils = require("../../utils/treeUtils");
+var _utils = require("../../Tree/utils");
 var _attachParent = require("../../utils/attachParent");
 /**
  * A hook to flatten tree structure data
  */
 function useFlattenData(data, itemKeys) {
   var childrenKey = itemKeys.childrenKey;
-  var _useState = (0, _react.useState)((0, _treeUtils.UNSAFE_flattenTree)(data, itemKeys.childrenKey)),
+  var _useState = (0, _react.useState)((0, _utils.UNSAFE_flattenTree)(data, itemKeys.childrenKey)),
     flattenData = _useState[0],
     setFlattenData = _useState[1];
   var addFlattenData = (0, _react.useCallback)(function (children, parent) {
@@ -22,7 +22,7 @@ function useFlattenData(data, itemKeys) {
     setFlattenData([].concat(flattenData, nodes));
   }, [childrenKey, flattenData]);
   (0, _react.useEffect)(function () {
-    setFlattenData((0, _treeUtils.UNSAFE_flattenTree)(data, itemKeys.childrenKey));
+    setFlattenData((0, _utils.UNSAFE_flattenTree)(data, itemKeys.childrenKey));
   }, [data, itemKeys.childrenKey]);
   return {
     addFlattenData: addFlattenData,

package/cjs/MultiCascadeTree/hooks/useSearch.js

@@ -5,6 +5,7 @@ exports.__esModule = true;
 exports.default = void 0;
 var _react = require("react");
 var _utils = require("../../utils");
+var _utils2 = require("../../internals/utils");
 function useSearch(props) {
   var _useState = (0, _react.useState)(''),
     searchKeyword = _useState[0],
@@ -22,7 +23,7 @@ function useSearch(props) {
       })) {
         return false;
       }
-      if (item[labelKey].match(new RegExp((0, _utils.getSafeRegExpString)(searchKeyword), 'i'))) {
+      if (item[labelKey].match(new RegExp((0, _utils2.getSafeRegExpString)(searchKeyword), 'i'))) {
         return true;
       }
       return false;

package/cjs/MultiCascadeTree/utils.d.ts

@@ -7,14 +7,14 @@ interface ItemKeys {
     labelKey: string;
     childrenKey: string;
 }
-declare type MayHasParent<T extends Record<string, unknown>> = T & {
+export declare type MayHasParent<T extends Record<string, unknown>> = T & {
     parent?: MayHasParent<T>;
 };
 /**
- * Get all parents of a node
- * @param node
+ * get all ancestor nodes of given node
+ * @param {*} node
  */
-export declare const getParents: <T extends Record<string, unknown>>(node: MayHasParent<T>) => MayHasParent<T>[];
+export declare function getNodeParents(node: any, parentKey?: string, valueKey?: string): any[];
 /**
  * Check if any child nodes are selected.
  * @param node

package/cjs/MultiCascadeTree/utils.js

@@ -3,21 +3,31 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.removeAllChildrenValue = exports.getOtherItemValuesByUnselectChild = exports.isSomeParentChecked = exports.isSomeChildChecked = exports.getParents = void 0;
+exports.getNodeParents = getNodeParents;
+exports.removeAllChildrenValue = exports.getOtherItemValuesByUnselectChild = exports.isSomeParentChecked = exports.isSomeChildChecked = void 0;
 var _remove = _interopRequireDefault(require("lodash/remove"));
 /**
- * Get all parents of a node
- * @param node
+ * get all ancestor nodes of given node
+ * @param {*} node
  */
-var getParents = function getParents(node) {
-  var parents = [];
-  if (!node.parent) {
-    return parents;
+function getNodeParents(node, parentKey, valueKey) {
+  if (parentKey === void 0) {
+    parentKey = 'parent';
   }
-  parents.push(node.parent);
-  parents = parents.concat(getParents(node.parent));
+  var parents = [];
+  var traverse = function traverse(node) {
+    if (node !== null && node !== void 0 && node[parentKey]) {
+      traverse(node[parentKey]);
+      if (valueKey) {
+        parents.push(node[parentKey][valueKey]);
+      } else {
+        parents.push(node[parentKey]);
+      }
+    }
+  };
+  traverse(node);
   return parents;
-};
+}
 
 /**
  * Check if any child nodes are selected.
@@ -25,7 +35,6 @@ var getParents = function getParents(node) {
  * @param value
  * @param itemKeys
  */
-exports.getParents = getParents;
 var isSomeChildChecked = function isSomeChildChecked(node, value, itemKeys) {
   var childrenKey = itemKeys.childrenKey,
     valueKey = itemKeys.valueKey;