rsuite 5.61.0 → 5.62.0

package/cjs/CascadeTree/CascadeTree.js

@@ -10,11 +10,10 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireWildcard(require("react"));
 var _utils = require("../internals/Tree/utils");
 var _utils2 = require("../Tree/utils");
-var _utils3 = require("../utils");
-var _useMap = require("../utils/useMap");
+var _hooks = require("../internals/hooks");
 var _TreeView = _interopRequireDefault(require("./TreeView"));
 var _SearchView = _interopRequireDefault(require("./SearchView"));
-var _hooks = require("./hooks");
+var _hooks2 = require("./hooks");
 /**
  * CascadeTree is a component that displays tree-structured data in columns.
  *
@@ -48,10 +47,10 @@ var CascadeTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     onChange = props.onChange,
     getChildren = props.getChildren,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "data", "defaultValue", "className", "classPrefix", "childrenKey", "valueKey", "labelKey", "value", "disabledItemValues", "columnWidth", "columnHeight", "searchable", "renderTreeNode", "renderColumn", "onSelect", "onSearch", "onChange", "getChildren"]);
-  var _ref = (0, _utils3.useControlled)(valueProp, defaultValue),
+  var _ref = (0, _hooks.useControlled)(valueProp, defaultValue),
     value = _ref[0],
     setValue = _ref[1]; // Store the children of each node
-  var childrenMap = (0, _useMap.useMap)();
+  var childrenMap = (0, _hooks.useMap)();
 
   // Store the parent of each node
   var parentMap = (0, _react.useMemo)(function () {
@@ -85,7 +84,7 @@ var CascadeTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       setValue(nextValue);
     }
   };
-  var _useSelect = (0, _hooks.useSelect)({
+  var _useSelect = (0, _hooks2.useSelect)({
       value: value,
       valueKey: valueKey,
       childrenKey: childrenKey,
@@ -98,7 +97,7 @@ var CascadeTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     activeItem = _useSelect.activeItem,
     loadingItemsSet = _useSelect.loadingItemsSet,
     handleSelect = _useSelect.handleSelect;
-  var _usePaths = (0, _hooks.usePaths)({
+  var _usePaths = (0, _hooks2.usePaths)({
       data: data,
       activeItem: activeItem,
       selectedItem: selectedItem,
@@ -112,14 +111,14 @@ var CascadeTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     }),
     columns = _usePaths.columns,
     pathTowardsActiveItem = _usePaths.pathTowardsActiveItem;
-  var _useClassNames = (0, _utils3.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     withClassPrefix = _useClassNames.withClassPrefix,
     merge = _useClassNames.merge;
   var classes = merge(className, withClassPrefix());
   var onSearchCallback = (0, _react.useCallback)(function (value, _items, event) {
     return onSearch === null || onSearch === void 0 ? void 0 : onSearch(value, event);
   }, [onSearch]);
-  var _useSearch = (0, _hooks.useSearch)({
+  var _useSearch = (0, _hooks2.useSearch)({
       labelKey: labelKey,
       childrenKey: childrenKey,
       parentMap: parentMap,
@@ -130,7 +129,7 @@ var CascadeTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     searchKeyword = _useSearch.searchKeyword,
     setSearchKeyword = _useSearch.setSearchKeyword,
     handleSearch = _useSearch.handleSearch;
-  var handleSearchRowSelect = (0, _utils3.useEventCallback)(function (item, items, event) {
+  var handleSearchRowSelect = (0, _hooks.useEventCallback)(function (item, items, event) {
     var _item$childrenKey;
     var node = {
       itemData: item,

package/cjs/CascadeTree/SearchView.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ItemDataType, WithAsProps } from '../@types/common';
+import { ItemDataType, WithAsProps } from '@/internals/types';
 interface SearchViewProps<T> extends WithAsProps {
     searchKeyword: string;
     labelKey: string;

package/cjs/CascadeTree/SearchView.js

@@ -7,10 +7,10 @@ exports.default = void 0;
 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 _utils2 = require("../internals/Tree/utils");
-var _Highlight = _interopRequireDefault(require("../Highlight"));
+var _hooks = require("../internals/hooks");
+var _utils = require("../internals/Tree/utils");
 var _SearchBox = _interopRequireDefault(require("../internals/SearchBox"));
+var _Highlight = _interopRequireDefault(require("../Highlight"));
 function SearchView(props) {
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'div' : _props$as,
@@ -29,16 +29,16 @@ function SearchView(props) {
     onSearch = props.onSearch,
     onSelect = props.onSelect,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "searchKeyword", "labelKey", "valueKey", "parentMap", "data", "focusItemValue", "disabledItemValues", "inputRef", "renderSearchItem", "onSearch", "onSelect"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     prefix = _useClassNames.prefix,
     withClassPrefix = _useClassNames.withClassPrefix,
     rootPrefix = _useClassNames.rootPrefix;
   var classes = merge(className, withClassPrefix());
-  var _useCustom = (0, _utils.useCustom)('Picker'),
+  var _useCustom = (0, _hooks.useCustom)('Picker'),
     locale = _useCustom.locale;
   var renderSearchRow = function renderSearchRow(item, key) {
-    var items = (0, _utils2.getPathTowardsItem)(item, function (item) {
+    var items = (0, _utils.getPathTowardsItem)(item, function (item) {
       return parentMap.get(item);
     });
     var formattedNodes = items.map(function (itemData) {

package/cjs/CascadeTree/TreeView.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ItemDataType, WithAsProps, RsRefForwardingComponent, DataProps, ToArray } from '../@types/common';
+import { ItemDataType, WithAsProps, RsRefForwardingComponent, DataProps, ToArray } from '@/internals/types';
 import { SelectNode, CascadeColumn } from './types';
 declare type SetLike<T = unknown> = {
     has(value: T): boolean;

package/cjs/CascadeTree/TreeView.js

@@ -11,7 +11,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _Spinner = _interopRequireDefault(require("@rsuite/icons/legacy/Spinner"));
 var _isUndefined = _interopRequireDefault(require("lodash/isUndefined"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
-var _utils = require("../utils");
+var _utils = require("../internals/utils");
+var _hooks = require("../internals/hooks");
 var _Picker = require("../internals/Picker");
 var _AngleLeft = _interopRequireDefault(require("@rsuite/icons/legacy/AngleLeft"));
 var _AngleRight = _interopRequireDefault(require("@rsuite/icons/legacy/AngleRight"));
@@ -47,12 +48,12 @@ var TreeView = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     renderTreeNode = props.renderTreeNode,
     onSelect = props.onSelect,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "activeItemValue", "classPrefix", "className", "childrenKey", "disabledItemValues", "columnWidth", "columnHeight", "valueKey", "data", "cascadePaths", "loadingItemsSet", "labelKey", "style", "renderColumn", "renderTreeNode", "onSelect"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,
     prefix = _useClassNames.prefix;
   var classes = merge(className, prefix('items'));
   var rootRef = (0, _react.useRef)();
-  var _useCustom = (0, _utils.useCustom)(),
+  var _useCustom = (0, _hooks.useCustom)(),
     rtl = _useCustom.rtl;
   var _useCombobox = (0, _Picker.useCombobox)(),
     id = _useCombobox.id,
@@ -88,7 +89,7 @@ var TreeView = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     paths.push(node);
     return paths;
   };
-  var handleSelect = (0, _utils.useEventCallback)(function (layer, itemData, event) {
+  var handleSelect = (0, _hooks.useEventCallback)(function (layer, itemData, event) {
     var isLeafNode = (0, _isNil.default)(itemData[childrenKey]);
     var cascadePaths = getCascadePaths(layer + 1, itemData);
     onSelect === null || onSelect === void 0 ? void 0 : onSelect({

package/cjs/CascadeTree/hooks/useSearch.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ItemDataType } from '../../@types/common';
+import { ItemDataType } from '@/internals/types';
 interface SearchPanelProps<T> {
     labelKey: string;
     childrenKey: string;

package/cjs/CascadeTree/hooks/useSearch.js

@@ -4,8 +4,8 @@
 exports.__esModule = true;
 exports.default = void 0;
 var _react = require("react");
-var _utils = require("../../utils");
-var _utils2 = require("../../internals/utils");
+var _hooks = require("../../internals/hooks");
+var _utils = require("../../internals/utils");
 function useSearch(props) {
   var _useState = (0, _react.useState)(''),
     searchKeyword = _useState[0],
@@ -17,7 +17,7 @@ function useSearch(props) {
     parentSelectable = props.parentSelectable,
     onSearch = props.onSearch;
   var someKeyword = function someKeyword(item, keyword) {
-    if (item[labelKey].match(new RegExp((0, _utils2.getSafeRegExpString)(keyword || searchKeyword), 'i'))) {
+    if (item[labelKey].match(new RegExp((0, _utils.getSafeRegExpString)(keyword || searchKeyword), 'i'))) {
       return true;
     }
     var parent = parentMap.get(item);
@@ -44,7 +44,7 @@ function useSearch(props) {
     }
     return items;
   };
-  var handleSearch = (0, _utils.useEventCallback)(function (value, event) {
+  var handleSearch = (0, _hooks.useEventCallback)(function (value, event) {
     var items = getSearchResult(value);
     setSearchKeyword(value);
     onSearch === null || onSearch === void 0 ? void 0 : onSearch(value, items, event);

package/cjs/CascadeTree/hooks/useSelect.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { type ItemDataType } from '../../@types/common';
+import { type ItemDataType } from '@/internals/types';
 import { type SelectNode } from '../types';
 export interface UseSelectProps<T> {
     value?: T | null;

package/cjs/CascadeTree/hooks/useSelect.js

@@ -5,7 +5,8 @@ exports.__esModule = true;
 exports.default = void 0;
 var _react = require("react");
 var _reactUseSet = require("react-use-set");
-var _utils = require("../../utils");
+var _hooks = require("../../internals/hooks");
+var _utils = require("../../internals/utils");
 /**
  * Hook for handling the state after the option is selected
  */
@@ -21,9 +22,9 @@ var useSelect = function useSelect(props) {
   var _useState = (0, _react.useState)(selectedItem),
     activeItem = _useState[0],
     setActiveItem = _useState[1];
-  var isMounted = (0, _utils.useIsMounted)();
+  var isMounted = (0, _hooks.useIsMounted)();
   var loadingItemsSet = (0, _reactUseSet.useSet)();
-  var handleSelect = (0, _utils.useEventCallback)(function (node, event) {
+  var handleSelect = (0, _hooks.useEventCallback)(function (node, event) {
     var _itemData$childrenKey;
     var itemData = node.itemData,
       isLeafNode = node.isLeafNode;

package/cjs/CascadeTree/index.d.ts

@@ -1,4 +1,4 @@
 import CascadeTree from './CascadeTree';
-export type { ItemDataType } from '../@types/common';
+export type { ItemDataType } from '@/internals/types';
 export type { CascadeTreeProps } from './types';
 export default CascadeTree;

package/cjs/CascadeTree/types.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ItemDataType, DataProps, WithAsProps, ToArray } from '../@types/common';
+import { ItemDataType, DataProps, WithAsProps, ToArray } from '@/internals/types';
 export interface SelectNode<T> {
     itemData: ItemDataType<T>;
     cascadePaths: ItemDataType<T>[];

package/cjs/Cascader/Cascader.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import type { CascadeTreeProps } from '../CascadeTree/types';
 import { PickerLocale } from '../locales';
-import { PickerHandle, PickerToggleProps } from '../internals/Picker';
-import { ItemDataType, DataItemValue, FormControlPickerProps } from '../@types/common';
+import { PickerHandle, PickerToggleProps } from '@/internals/Picker';
+import { ItemDataType, DataItemValue, FormControlPickerProps } from '@/internals/types';
 export interface CascaderProps<T = DataItemValue> extends FormControlPickerProps<T, PickerLocale, ItemDataType<T>>, CascadeTreeProps<T>, Pick<PickerToggleProps, 'label' | 'caretAs' | 'loading'> {
     /**
      * The panel is displayed directly when the component is initialized

package/cjs/Cascader/Cascader.js

@@ -19,9 +19,9 @@ var _hooks = require("../CascadeTree/hooks");
 var _utils = require("../Tree/utils");
 var _utils2 = require("../internals/Tree/utils");
 var _propTypes2 = require("../internals/propTypes");
-var _utils3 = require("../utils");
+var _hooks2 = require("../internals/hooks");
+var _utils3 = require("../internals/utils");
 var _Picker = require("../internals/Picker");
-var _useMap = require("../utils/useMap");
 var _useActive2 = _interopRequireDefault(require("./useActive"));
 var emptyArray = [];
 
@@ -90,10 +90,10 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     target = _usePickerRef.target,
     overlay = _usePickerRef.overlay,
     searchInput = _usePickerRef.searchInput;
-  var _ref = (0, _utils3.useControlled)(valueProp, defaultValue),
+  var _ref = (0, _hooks2.useControlled)(valueProp, defaultValue),
     value = _ref[0],
     setValue = _ref[1]; // Store the children of each node
-  var childrenMap = (0, _useMap.useMap)();
+  var childrenMap = (0, _hooks2.useMap)();
 
   // Store the parent of each node
   var parentMap = (0, _react.useMemo)(function () {
@@ -169,7 +169,7 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     columns = _usePaths.columns,
     pathTowardsActiveItem = _usePaths.pathTowardsActiveItem,
     pathTowardsSelectedItem = _usePaths.pathTowardsSelectedItem;
-  var _useCustom = (0, _utils3.useCustom)('Picker', overrideLocale),
+  var _useCustom = (0, _hooks2.useCustom)('Picker', overrideLocale),
     locale = _useCustom.locale,
     rtl = _useCustom.rtl;
   /**
@@ -177,7 +177,7 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
    * 2.Regardless of whether the value is valid, as long as renderValue is set, it is judged to have a value.
    */
   var hasValue = pathTowardsSelectedItem.length > 0 || !(0, _isNil.default)(value) && (0, _isFunction.default)(renderValue);
-  var _useClassNames = (0, _utils3.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks2.useClassNames)(classPrefix),
     prefix = _useClassNames.prefix,
     merge = _useClassNames.merge;
   var onFocusItemCallback = (0, _react.useCallback)(function (value) {
@@ -238,21 +238,21 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     active = _useActive.active,
     handleEntered = _useActive.handleEntered,
     handleExited = _useActive.handleExited;
-  var handleClose = (0, _utils3.useEventCallback)(function () {
+  var handleClose = (0, _hooks2.useEventCallback)(function () {
     var _trigger$current2, _target$current, _target$current$focus;
     (_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 ? void 0 : _trigger$current2.close();
 
     // The focus is on the trigger button after closing
     (_target$current = target.current) === null || _target$current === void 0 ? void 0 : (_target$current$focus = _target$current.focus) === null || _target$current$focus === void 0 ? void 0 : _target$current$focus.call(_target$current);
   });
-  var handleClean = (0, _utils3.useEventCallback)(function (event) {
+  var handleClean = (0, _hooks2.useEventCallback)(function (event) {
     if (disabled || !target.current) {
       return;
     }
     setValue(null);
     onChange === null || onChange === void 0 ? void 0 : onChange(null, event);
   });
-  var handleMenuPressEnter = (0, _utils3.useEventCallback)(function (event) {
+  var handleMenuPressEnter = (0, _hooks2.useEventCallback)(function (event) {
     var focusItem = (0, _utils2.findNodeOfTree)(data, function (item) {
       return item[valueKey] === focusItemValue;
     });
@@ -284,7 +284,7 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   /**
    * The search structure option is processed after being selected.
    */
-  var handleSearchRowSelect = (0, _utils3.useEventCallback)(function (itemData, nodes, event) {
+  var handleSearchRowSelect = (0, _hooks2.useEventCallback)(function (itemData, nodes, event) {
     var nextValue = itemData[valueKey];
     handleClose();
     setSearchKeyword('');

package/cjs/Cascader/useActive.js

@@ -1,11 +1,10 @@
 'use client';
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.default = void 0;
 var _react = require("react");
-var _useEventCallback = _interopRequireDefault(require("../utils/useEventCallback"));
+var _hooks = require("../internals/hooks");
 var useActive = function useActive(props) {
   var onOpen = props.onOpen,
     onClose = props.onClose,
@@ -16,7 +15,7 @@ var useActive = function useActive(props) {
   var _useState = (0, _react.useState)(false),
     active = _useState[0],
     setActive = _useState[1];
-  var handleEntered = (0, _useEventCallback.default)(function (node) {
+  var handleEntered = (0, _hooks.useEventCallback)(function (node) {
     onEntered === null || onEntered === void 0 ? void 0 : onEntered(node);
     if (!target.current) {
       return;
@@ -24,7 +23,7 @@ var useActive = function useActive(props) {
     onOpen === null || onOpen === void 0 ? void 0 : onOpen();
     setActive(true);
   });
-  var handleExited = (0, _useEventCallback.default)(function (node) {
+  var handleExited = (0, _hooks.useEventCallback)(function (node) {
     onExited === null || onExited === void 0 ? void 0 : onExited(node);
     if (!target.current) {
       return;

package/cjs/CheckPicker/CheckPicker.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { PickerLocale } from '../locales';
-import { PickerHandle, PickerToggleProps } from '../internals/Picker';
-import { ItemDataType, FormControlPickerProps } from '../@types/common';
+import { PickerHandle, PickerToggleProps } from '@/internals/Picker';
+import { ItemDataType, FormControlPickerProps } from '@/internals/types';
 import type { MultipleSelectProps } from '../SelectPicker';
 export declare type ValueType = (number | string)[];
 export interface CheckPickerProps<T> extends FormControlPickerProps<T[], PickerLocale, ItemDataType<T>>, MultipleSelectProps<T>, Pick<PickerToggleProps, 'label' | 'caretAs' | 'loading'> {

package/cjs/CheckPicker/CheckPicker.js

@@ -17,8 +17,8 @@ var _omit = _interopRequireDefault(require("lodash/omit"));
 var _pick = _interopRequireDefault(require("lodash/pick"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
 var _utils = require("../internals/Tree/utils");
-var _utils2 = require("../utils");
-var _getDataGroupBy = require("../utils/getDataGroupBy");
+var _hooks = require("../internals/hooks");
+var _utils2 = require("../internals/utils");
 var _Picker = require("../internals/Picker");
 var _SearchBox = _interopRequireDefault(require("../internals/SearchBox"));
 var _propTypes2 = require("../internals/propTypes");
@@ -92,9 +92,9 @@ var CheckPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     overlay = _usePickerRef.overlay,
     list = _usePickerRef.list,
     searchInput = _usePickerRef.searchInput;
-  var _useCustom = (0, _utils2.useCustom)('Picker', overrideLocale),
+  var _useCustom = (0, _hooks.useCustom)('Picker', overrideLocale),
     locale = _useCustom.locale;
-  var _useControlled = (0, _utils2.useControlled)(valueProp, defaultValue || []),
+  var _useControlled = (0, _hooks.useControlled)(valueProp, defaultValue || []),
     value = _useControlled[0],
     setValue = _useControlled[1]; // Used to hover the focuse item  when trigger `onKeydown`
   var _useFocusItemValue = (0, _Picker.useFocusItemValue)(value === null || value === void 0 ? void 0 : value[0], {
@@ -107,7 +107,7 @@ var CheckPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     focusItemValue = _useFocusItemValue.focusItemValue,
     setFocusItemValue = _useFocusItemValue.setFocusItemValue,
     onFocusItem = _useFocusItemValue.onKeyDown;
-  var handleSearchCallback = (0, _utils2.useEventCallback)(function (searchKeyword, filteredData, event) {
+  var handleSearchCallback = (0, _hooks.useEventCallback)(function (searchKeyword, filteredData, event) {
     var _filteredData$;
     // The first option after filtering is the focus.
     setFocusItemValue(filteredData === null || filteredData === void 0 ? void 0 : (_filteredData$ = filteredData[0]) === null || _filteredData$ === void 0 ? void 0 : _filteredData$[valueKey]);
@@ -146,10 +146,10 @@ var CheckPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     }
     setStickyItems(nextStickyItems);
   };
-  var handleChangeValue = (0, _utils2.useEventCallback)(function (value, event) {
+  var handleChangeValue = (0, _hooks.useEventCallback)(function (value, event) {
     onChange === null || onChange === void 0 ? void 0 : onChange(value, event);
   });
-  var handleClean = (0, _utils2.useEventCallback)(function (event) {
+  var handleClean = (0, _hooks.useEventCallback)(function (event) {
     if (disabled || !cleanable) {
       return;
     }
@@ -190,10 +190,10 @@ var CheckPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     onMenuPressEnter: handleMenuPressEnter,
     onMenuPressBackspace: handleClean
   }, rest));
-  var handleSelect = (0, _utils2.useEventCallback)(function (nextItemValue, item, event) {
+  var handleSelect = (0, _hooks.useEventCallback)(function (nextItemValue, item, event) {
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(nextItemValue, item, event);
   });
-  var handleItemSelect = (0, _utils2.useEventCallback)(function (nextItemValue, item, event, checked) {
+  var handleItemSelect = (0, _hooks.useEventCallback)(function (nextItemValue, item, event, checked) {
     var nextValue = (0, _clone.default)(value);
     if (checked) {
       nextValue.push(nextItemValue);
@@ -207,10 +207,10 @@ var CheckPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     handleSelect(nextValue, item, event);
     handleChangeValue(nextValue, event);
   });
-  var handleEntered = (0, _utils2.useEventCallback)(function () {
+  var handleEntered = (0, _hooks.useEventCallback)(function () {
     setActive(true);
   });
-  var handleExited = (0, _utils2.useEventCallback)(function () {
+  var handleExited = (0, _hooks.useEventCallback)(function () {
     resetSearch();
     setFocusItemValue(null);
     setActive(false);
@@ -226,7 +226,7 @@ var CheckPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
    * 2.Regardless of whether the value is valid, as long as renderValue is set, it is judged to have a value.
    */
   var hasValue = selectedItems.length > 0 || (value === null || value === void 0 ? void 0 : value.length) > 0 && (0, _isFunction.default)(renderValue);
-  var _useClassNames = (0, _utils2.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     prefix = _useClassNames.prefix,
     merge = _useClassNames.merge;
   var selectedElement = placeholder;
@@ -270,7 +270,7 @@ var CheckPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 
     // Create a tree structure data when set `groupBy`
     if (groupBy) {
-      items = (0, _getDataGroupBy.getDataGroupBy)(items, groupBy, sort);
+      items = (0, _utils2.getDataGroupBy)(items, groupBy, sort);
     } else if (typeof sort === 'function') {
       items = items.sort(sort(false));
     }

package/cjs/CheckTree/CheckTree.d.ts

@@ -1,5 +1,5 @@
 import { type CheckTreeViewProps } from './CheckTreeView';
-import type { RsRefForwardingComponent } from '../@types/common';
+import type { RsRefForwardingComponent } from '@/internals/types';
 import type { TreeExtraProps } from '../Tree/types';
 export declare type ValueType = (string | number)[];
 export interface CheckTreeProps<T = ValueType> extends CheckTreeViewProps<T>, TreeExtraProps {
@@ -7,6 +7,10 @@ export interface CheckTreeProps<T = ValueType> extends CheckTreeViewProps<T>, Tr
      * Default selected Value
      */
     defaultValue?: T;
+    /**
+     * The shadow of the content when scrolling
+     */
+    scrollShadow?: boolean;
 }
 /**
  * The `CheckTree` component is used for selecting multiple options which are organized in a tree structure.

package/cjs/CheckTree/CheckTree.js

@@ -8,13 +8,13 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
-var _utils = require("../utils");
+var _hooks = require("../internals/hooks");
 var _useTreeValue2 = _interopRequireDefault(require("./hooks/useTreeValue"));
 var _CheckTreeView = _interopRequireDefault(require("./CheckTreeView"));
 var _useFlattenTree = _interopRequireDefault(require("../Tree/hooks/useFlattenTree"));
 var _useTreeWithChildren2 = _interopRequireDefault(require("../Tree/hooks/useTreeWithChildren"));
 var _useExpandTree2 = _interopRequireDefault(require("../Tree/hooks/useExpandTree"));
-var _TreeProvider = require("../Tree/TreeProvider");
+var _TreeProvider = require("../internals/Tree/TreeProvider");
 /**
  * The `CheckTree` component is used for selecting multiple options which are organized in a tree structure.
  * @see https://rsuitejs.com/components/check-tree
@@ -38,12 +38,13 @@ var CheckTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     virtualized = props.virtualized,
     _props$cascade = props.cascade,
     cascade = _props$cascade === void 0 ? true : _props$cascade,
+    scrollShadow = props.scrollShadow,
     renderTreeIcon = props.renderTreeIcon,
     renderTreeNode = props.renderTreeNode,
     getChildren = props.getChildren,
     onExpand = props.onExpand,
     onChange = props.onChange,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["value", "data", "defaultValue", "defaultExpandAll", "defaultExpandItemValues", "uncheckableItemValues", "expandItemValues", "childrenKey", "labelKey", "valueKey", "virtualized", "cascade", "renderTreeIcon", "renderTreeNode", "getChildren", "onExpand", "onChange"]);
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["value", "data", "defaultValue", "defaultExpandAll", "defaultExpandItemValues", "uncheckableItemValues", "expandItemValues", "childrenKey", "labelKey", "valueKey", "virtualized", "cascade", "scrollShadow", "renderTreeIcon", "renderTreeNode", "getChildren", "onExpand", "onChange"]);
   var _useTreeValue = (0, _useTreeValue2.default)(controlledValue, {
       defaultValue: defaultValue,
       uncheckableItemValues: uncheckableItemValues
@@ -75,7 +76,7 @@ var CheckTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     cascade: cascade,
     value: value
   }));
-  var handleChange = (0, _utils.useEventCallback)(function (nextValue, event) {
+  var handleChange = (0, _hooks.useEventCallback)(function (nextValue, event) {
     setValue(nextValue);
     onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
   });
@@ -86,11 +87,12 @@ var CheckTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
         valueKey: valueKey,
         childrenKey: childrenKey,
         virtualized: virtualized,
+        scrollShadow: scrollShadow,
         renderTreeIcon: renderTreeIcon,
         renderTreeNode: renderTreeNode
       }
     };
-  }, [childrenKey, labelKey, valueKey, virtualized, renderTreeIcon, renderTreeNode]);
+  }, [childrenKey, labelKey, valueKey, virtualized, scrollShadow, renderTreeIcon, renderTreeNode]);
   return /*#__PURE__*/_react.default.createElement(_TreeProvider.TreeProvider, {
     value: treeContext
   }, /*#__PURE__*/_react.default.createElement(_CheckTreeView.default, (0, _extends2.default)({}, rest, {
@@ -98,7 +100,6 @@ var CheckTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     value: value,
     cascade: cascade,
     data: treeData,
-    virtualized: virtualized,
     loadingNodeValues: loadingNodeValues,
     flattenedNodes: flattenedNodes,
     uncheckableItemValues: uncheckableItemValues,

package/cjs/CheckTree/CheckTreeNode.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { RsRefForwardingComponent, WithAsProps } from '../@types/common';
-import { CheckStateType } from '../utils';
-import type { TreeNode as TreeNodeData } from '../Tree/types';
+import { RsRefForwardingComponent, WithAsProps } from '@/internals/types';
+import { CheckStateType } from '@/internals/constants';
+import type { TreeNode as TreeNodeData } from '@/internals/Tree/types';
 export interface CheckTreeNodeProps extends WithAsProps {
     /**
      * The label of the node.

package/cjs/CheckTree/CheckTreeNode.js

@@ -10,10 +10,10 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireWildcard(require("react"));
 var _ListCheckItem = _interopRequireDefault(require("../internals/Picker/ListCheckItem"));
 var _utils = require("../internals/utils");
-var _hooks = require("../internals/hooks");
+var _constants = require("../internals/constants");
 var _utils2 = require("../Tree/utils");
-var _utils3 = require("../utils");
-var _TreeProvider = require("../Tree/TreeProvider");
+var _hooks = require("../internals/hooks");
+var _TreeProvider = require("../internals/Tree/TreeProvider");
 var _TreeNodeToggle = _interopRequireDefault(require("../Tree/TreeNodeToggle"));
 var CheckTreeNode = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _props$as = props.as,
@@ -40,30 +40,30 @@ var CheckTreeNode = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     onExpand = props.onExpand,
     onSelect = props.onSelect,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "style", "className", "classPrefix", "visible", "layer", "disabled", "allUncheckable", "loading", "expanded", "hasChildren", "nodeData", "focus", "label", "uncheckable", "checkState", "value", "treeItemRef", "onExpand", "onSelect"]);
-  var _useCustom = (0, _utils3.useCustom)(),
+  var _useCustom = (0, _hooks.useCustom)(),
     rtl = _useCustom.rtl;
   var _useTreeContextProps = (0, _TreeProvider.useTreeContextProps)(),
     renderTreeNode = _useTreeContextProps.renderTreeNode,
     virtualized = _useTreeContextProps.virtualized;
-  var _useClassNames = (0, _utils3.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     prefix = _useClassNames.prefix,
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix;
   var labelStr = (0, _react.useMemo)(function () {
     return (0, _utils.stringifyReactNode)(label);
   }, [label]);
-  var handleExpand = (0, _utils3.useEventCallback)(function (event) {
+  var handleExpand = (0, _hooks.useEventCallback)(function (event) {
     var _event$nativeEvent, _event$nativeEvent$st;
     // stop propagation when using custom loading icon
     event === null || event === void 0 ? void 0 : (_event$nativeEvent = event.nativeEvent) === null || _event$nativeEvent === void 0 ? void 0 : (_event$nativeEvent$st = _event$nativeEvent.stopImmediatePropagation) === null || _event$nativeEvent$st === void 0 ? void 0 : _event$nativeEvent$st.call(_event$nativeEvent);
     onExpand === null || onExpand === void 0 ? void 0 : onExpand(nodeData, expanded);
   });
-  var handleSelect = (0, _utils3.useEventCallback)(function (_value, event) {
+  var handleSelect = (0, _hooks.useEventCallback)(function (_value, event) {
     var isChecked = false;
-    if (checkState === _utils3.CHECK_STATE.UNCHECK || checkState === _utils3.CHECK_STATE.INDETERMINATE) {
+    if (checkState === _constants.CHECK_STATE.UNCHECK || checkState === _constants.CHECK_STATE.INDETERMINATE) {
       isChecked = true;
     }
-    if (checkState === _utils3.CHECK_STATE.CHECK) {
+    if (checkState === _constants.CHECK_STATE.CHECK) {
       isChecked = false;
     }
     var nextNodeData = (0, _extends2.default)({}, nodeData, {
@@ -78,7 +78,7 @@ var CheckTreeNode = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     focus: focus
   }));
   var styles = virtualized ? (0, _extends2.default)({}, style, (0, _utils2.indentTreeNode)(rtl, layer - 1)) : style;
-  var itemRef = (0, _hooks.useFoucsVirtualListItem)(focus);
+  var itemRef = (0, _hooks.useFocusVirtualListItem)(focus);
   return visible ? /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
     style: styles,
     className: classes,
@@ -93,16 +93,16 @@ var CheckTreeNode = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }), /*#__PURE__*/_react.default.createElement(_ListCheckItem.default, {
     as: "div",
     role: "treeitem",
-    ref: (0, _utils3.mergeRefs)(itemRef, treeItemRef),
+    ref: (0, _utils.mergeRefs)(itemRef, treeItemRef),
     "aria-label": labelStr,
     "aria-expanded": expanded,
-    "aria-checked": checkState === _utils3.CHECK_STATE.CHECK,
+    "aria-checked": checkState === _constants.CHECK_STATE.CHECK,
     "aria-selected": focus,
     "aria-disabled": disabled,
     "aria-level": layer,
     "data-layer": layer,
-    active: checkState === _utils3.CHECK_STATE.CHECK,
-    indeterminate: checkState === _utils3.CHECK_STATE.INDETERMINATE,
+    active: checkState === _constants.CHECK_STATE.CHECK,
+    indeterminate: checkState === _constants.CHECK_STATE.INDETERMINATE,
     focus: focus,
     checkable: !uncheckable,
     disabled: disabled,