rsuite 5.61.0 → 5.62.1

package/esm/CascadeTree/hooks/usePaths.d.ts

@@ -1,4 +1,4 @@
-declare type UsePathsParams<T> = {
+type UsePathsParams<T> = {
     data: T[];
     /**
      * The item where the focus is on
@@ -21,7 +21,7 @@ declare type UsePathsParams<T> = {
  */
 export declare function usePaths<T extends Record<string, unknown>>({ data, activeItem, selectedItem, getParent, getChildren }: UsePathsParams<T>): {
     columns: (readonly T[])[];
-    pathTowardsSelectedItem: T[];
+    pathTowardsSelectedItem: NonNullable<T>[];
     pathTowardsActiveItem: T[];
 };
 export default usePaths;

package/esm/CascadeTree/hooks/usePaths.js

@@ -1,7 +1,7 @@
 'use client';
 import { useMemo } from 'react';
-import { getPathTowardsItem } from '../../internals/Tree/utils';
-import { getColumnsAndPaths } from '../utils';
+import { getPathTowardsItem } from "../../internals/Tree/utils/index.js";
+import { getColumnsAndPaths } from "../utils.js";
 /**
  * A Hook to get the selected path of Tree.
  *

package/esm/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/esm/CascadeTree/hooks/useSearch.js

@@ -1,7 +1,7 @@
 'use client';
 import { useState } from 'react';
-import { useEventCallback } from '../../utils';
-import { getSafeRegExpString } from '../../internals/utils';
+import { useEventCallback } from "../../internals/hooks/index.js";
+import { getSafeRegExpString } from "../../internals/utils/index.js";
 function useSearch(props) {
   var _useState = useState(''),
     searchKeyword = _useState[0],

package/esm/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/esm/CascadeTree/hooks/useSelect.js

@@ -1,7 +1,8 @@
 'use client';
 import { useState } from 'react';
 import { useSet } from 'react-use-set';
-import { useEventCallback, useIsMounted, shallowEqual } from '../../utils';
+import { useEventCallback, useIsMounted } from "../../internals/hooks/index.js";
+import { shallowEqual } from "../../internals/utils/index.js";
 /**
  * Hook for handling the state after the option is selected
  */
@@ -13,7 +14,9 @@ var useSelect = function useSelect(props) {
     onChange = props.onChange,
     childrenKey = props.childrenKey,
     selectedItem = props.selectedItem,
-    childrenMap = props.childrenMap; // The item that focus is on
+    childrenMap = props.childrenMap;
+
+  // The item that focus is on
   var _useState = useState(selectedItem),
     activeItem = _useState[0],
     setActiveItem = _useState[1];

package/esm/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/esm/CascadeTree/index.js

@@ -1,3 +1,3 @@
 'use client';
-import CascadeTree from './CascadeTree';
+import CascadeTree from "./CascadeTree.js";
 export default CascadeTree;

package/esm/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/esm/CascadeTree/types.js

@@ -1 +1,2 @@
 'use client';
+export {};

package/esm/CascadeTree/utils.d.ts

@@ -1,4 +1,4 @@
-declare type GetColumnsAndPathsOptions<T> = {
+type GetColumnsAndPathsOptions<T> = {
     getParent: (item: T) => T | undefined;
     getChildren: (item: T) => readonly T[] | undefined;
 };

package/esm/Cascader/Cascader.d.ts

@@ -2,7 +2,7 @@ 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 { 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/esm/Cascader/Cascader.js

@@ -1,23 +1,24 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["as", "data", "classPrefix", "childrenKey", "valueKey", "labelKey", "defaultValue", "placeholder", "disabled", "disabledItemValues", "appearance", "cleanable", "locale", "toggleAs", "style", "value", "popupClassName", "popupStyle", "columnHeight", "columnWidth", "searchable", "parentSelectable", "placement", "id", "renderColumn", "renderTreeNode", "renderSearchItem", "renderValue", "renderExtraFooter", "onEntered", "onExited", "onClean", "onChange", "onSelect", "onSearch", "getChildren", "menuClassName", "menuStyle", "menuWidth", "menuHeight", "renderMenuItem", "renderMenu"];
 import React, { useCallback, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import omit from 'lodash/omit';
 import pick from 'lodash/pick';
 import isNil from 'lodash/isNil';
 import isFunction from 'lodash/isFunction';
-import TreeView from '../CascadeTree/TreeView';
-import SearchView from '../CascadeTree/SearchView';
-import { usePaths, useSelect, useSearch } from '../CascadeTree/hooks';
-import { flattenTree } from '../Tree/utils';
-import { findNodeOfTree, getParentMap } from '../internals/Tree/utils';
-import { deprecatePropTypeNew } from '../internals/propTypes';
-import { createChainedFunction, mergeRefs, shallowEqual, useControlled, useCustom, useClassNames, useEventCallback } from '../utils';
-import { PickerToggle, PickerPopup, PickerToggleTrigger, usePickerClassName, usePickerRef, useToggleKeyDownEvent, useFocusItemValue, pickTriggerPropKeys, omitTriggerPropKeys, listPickerPropTypes } from '../internals/Picker';
-import { useMap } from '../utils/useMap';
-import { oneOf } from '../internals/propTypes';
-import useActive from './useActive';
+import TreeView from "../CascadeTree/TreeView.js";
+import SearchView from "../CascadeTree/SearchView.js";
+import { usePaths, useSelect, useSearch } from "../CascadeTree/hooks/index.js";
+import { flattenTree } from "../Tree/utils/index.js";
+import { findNodeOfTree, getParentMap } from "../internals/Tree/utils/index.js";
+import { deprecatePropTypeNew } from "../internals/propTypes/index.js";
+import { useControlled, useCustom, useClassNames, useEventCallback, useMap } from "../internals/hooks/index.js";
+import { createChainedFunction, mergeRefs, shallowEqual } from "../internals/utils/index.js";
+import { PickerToggle, PickerPopup, PickerToggleTrigger, usePickerClassName, usePickerRef, useToggleKeyDownEvent, useFocusItemValue, pickTriggerPropKeys, omitTriggerPropKeys, listPickerPropTypes } from "../internals/Picker/index.js";
+import { oneOf } from "../internals/propTypes/index.js";
+import useActive from "./useActive.js";
 var emptyArray = [];
 
 /**
@@ -78,7 +79,7 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
     DEPRECATED_menuHeight = props.menuHeight,
     DEPRECATED_renderMenuItem = props.renderMenuItem,
     DEPRECATED_renderMenu = props.renderMenu,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "data", "classPrefix", "childrenKey", "valueKey", "labelKey", "defaultValue", "placeholder", "disabled", "disabledItemValues", "appearance", "cleanable", "locale", "toggleAs", "style", "value", "popupClassName", "popupStyle", "columnHeight", "columnWidth", "searchable", "parentSelectable", "placement", "id", "renderColumn", "renderTreeNode", "renderSearchItem", "renderValue", "renderExtraFooter", "onEntered", "onExited", "onClean", "onChange", "onSelect", "onSearch", "getChildren", "menuClassName", "menuStyle", "menuWidth", "menuHeight", "renderMenuItem", "renderMenu"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var _usePickerRef = usePickerRef(ref),
     trigger = _usePickerRef.trigger,
     root = _usePickerRef.root,
@@ -87,7 +88,9 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
     searchInput = _usePickerRef.searchInput;
   var _ref = useControlled(valueProp, defaultValue),
     value = _ref[0],
-    setValue = _ref[1]; // Store the children of each node
+    setValue = _ref[1];
+
+  // Store the children of each node
   var childrenMap = useMap();
 
   // Store the parent of each node

package/esm/Cascader/index.js

@@ -1,3 +1,3 @@
 'use client';
-import Cascader from './Cascader';
+import Cascader from "./Cascader.js";
 export default Cascader;

package/esm/Cascader/useActive.js

@@ -1,13 +1,14 @@
 'use client';
 import { useState } from 'react';
-import useEventCallback from '../utils/useEventCallback';
+import { useEventCallback } from "../internals/hooks/index.js";
 var useActive = function useActive(props) {
   var onOpen = props.onOpen,
     onClose = props.onClose,
     onEntered = props.onEntered,
     onExited = props.onExited,
     target = props.target,
-    setSearchKeyword = props.setSearchKeyword; // Use component active state to support keyboard events.
+    setSearchKeyword = props.setSearchKeyword;
+  // Use component active state to support keyboard events.
   var _useState = useState(false),
     active = _useState[0],
     setActive = _useState[1];

package/esm/CheckPicker/CheckPicker.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import { PickerLocale } from '../locales';
 import { PickerHandle, PickerToggleProps } from '../internals/Picker';
-import { ItemDataType, FormControlPickerProps } from '../@types/common';
+import { ItemDataType, FormControlPickerProps } from '../internals/types';
 import type { MultipleSelectProps } from '../SelectPicker';
-export declare type ValueType = (number | string)[];
+export type ValueType = (number | string)[];
 export interface CheckPickerProps<T> extends FormControlPickerProps<T[], PickerLocale, ItemDataType<T>>, MultipleSelectProps<T>, Pick<PickerToggleProps, 'label' | 'caretAs' | 'loading'> {
     /** Top the selected option in the options */
     sticky?: boolean;

package/esm/CheckPicker/CheckPicker.js

@@ -3,6 +3,7 @@ import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTempla
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _templateObject;
+var _excluded = ["as", "appearance", "classPrefix", "countable", "data", "disabledItemValues", "valueKey", "labelKey", "searchable", "virtualized", "cleanable", "placement", "menuAutoWidth", "menuMaxHeight", "menuClassName", "menuStyle", "locale", "placeholder", "disabled", "toggleAs", "style", "sticky", "value", "defaultValue", "groupBy", "listProps", "id", "sort", "searchBy", "renderMenuItem", "renderMenuGroup", "renderValue", "renderExtraFooter", "renderMenu", "onGroupTitleClick", "onSearch", "onEnter", "onEntered", "onExited", "onClean", "onChange", "onSelect"];
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import clone from 'lodash/clone';
@@ -11,12 +12,12 @@ import remove from 'lodash/remove';
 import omit from 'lodash/omit';
 import pick from 'lodash/pick';
 import isNil from 'lodash/isNil';
-import { filterNodesOfTree } from '../internals/Tree/utils';
-import { createChainedFunction, useClassNames, shallowEqual, useCustom, useControlled, useEventCallback, mergeRefs } from '../utils';
-import { getDataGroupBy } from '../utils/getDataGroupBy';
-import { Listbox, ListCheckItem, PickerToggle, PickerPopup, SelectedElement, PickerToggleTrigger, useFocusItemValue, usePickerClassName, useSearch, useToggleKeyDownEvent, usePickerRef, pickTriggerPropKeys, omitTriggerPropKeys, listPickerPropTypes } from '../internals/Picker';
-import SearchBox from '../internals/SearchBox';
-import { oneOf } from '../internals/propTypes';
+import { filterNodesOfTree } from "../internals/Tree/utils/index.js";
+import { useClassNames, useCustom, useControlled, useEventCallback } from "../internals/hooks/index.js";
+import { createChainedFunction, shallowEqual, mergeRefs, getDataGroupBy } from "../internals/utils/index.js";
+import { Listbox, ListCheckItem, PickerToggle, PickerPopup, SelectedElement, PickerToggleTrigger, useFocusItemValue, usePickerClassName, useSearch, useToggleKeyDownEvent, usePickerRef, pickTriggerPropKeys, omitTriggerPropKeys, listPickerPropTypes } from "../internals/Picker/index.js";
+import SearchBox from "../internals/SearchBox/index.js";
+import { oneOf } from "../internals/propTypes/index.js";
 var emptyArray = [];
 /**
  * A component for selecting checkable items in a dropdown list.
@@ -78,7 +79,7 @@ var CheckPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onClean = props.onClean,
     onChange = props.onChange,
     onSelect = props.onSelect,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "appearance", "classPrefix", "countable", "data", "disabledItemValues", "valueKey", "labelKey", "searchable", "virtualized", "cleanable", "placement", "menuAutoWidth", "menuMaxHeight", "menuClassName", "menuStyle", "locale", "placeholder", "disabled", "toggleAs", "style", "sticky", "value", "defaultValue", "groupBy", "listProps", "id", "sort", "searchBy", "renderMenuItem", "renderMenuGroup", "renderValue", "renderExtraFooter", "renderMenu", "onGroupTitleClick", "onSearch", "onEnter", "onEntered", "onExited", "onClean", "onChange", "onSelect"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var _usePickerRef = usePickerRef(ref),
     trigger = _usePickerRef.trigger,
     root = _usePickerRef.root,
@@ -90,7 +91,9 @@ var CheckPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     locale = _useCustom.locale;
   var _useControlled = useControlled(valueProp, defaultValue || []),
     value = _useControlled[0],
-    setValue = _useControlled[1]; // Used to hover the focuse item  when trigger `onKeydown`
+    setValue = _useControlled[1];
+
+  // Used to hover the focuse item  when trigger `onKeydown`
   var _useFocusItemValue = useFocusItemValue(value === null || value === void 0 ? void 0 : value[0], {
       data: data,
       valueKey: valueKey,
@@ -118,10 +121,14 @@ var CheckPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     filteredData = _useSearch.filteredData,
     handleSearch = _useSearch.handleSearch,
     resetSearch = _useSearch.resetSearch,
-    checkShouldDisplay = _useSearch.checkShouldDisplay; // Use component active state to support keyboard events.
+    checkShouldDisplay = _useSearch.checkShouldDisplay;
+
+  // Use component active state to support keyboard events.
   var _useState = useState(false),
     active = _useState[0],
-    setActive = _useState[1]; // A list of shortcut options.
+    setActive = _useState[1];
+
+  // A list of shortcut options.
   // when opened again, the selected options are displayed at the top.
   var _useState2 = useState([]),
     stickyItems = _useState2[0],

package/esm/CheckPicker/index.js

@@ -1,3 +1,3 @@
 'use client';
-import CheckPicker from './CheckPicker';
+import CheckPicker from "./CheckPicker.js";
 export default CheckPicker;

package/esm/CheckTree/CheckTree.d.ts

@@ -1,12 +1,16 @@
 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 type ValueType = (string | number)[];
 export interface CheckTreeProps<T = ValueType> extends CheckTreeViewProps<T>, TreeExtraProps {
     /**
      * 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/esm/CheckTree/CheckTree.js

@@ -1,14 +1,15 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["value", "data", "defaultValue", "defaultExpandAll", "defaultExpandItemValues", "uncheckableItemValues", "expandItemValues", "childrenKey", "labelKey", "valueKey", "virtualized", "cascade", "scrollShadow", "renderTreeIcon", "renderTreeNode", "getChildren", "onExpand", "onChange"];
 import React, { useMemo } from 'react';
-import { useEventCallback } from '../utils';
-import useTreeValue from './hooks/useTreeValue';
-import CheckTreeView from './CheckTreeView';
-import useFlattenTree from '../Tree/hooks/useFlattenTree';
-import useTreeWithChildren from '../Tree/hooks/useTreeWithChildren';
-import useExpandTree from '../Tree/hooks/useExpandTree';
-import { TreeProvider } from '../Tree/TreeProvider';
+import { useEventCallback } from "../internals/hooks/index.js";
+import useTreeValue from "./hooks/useTreeValue.js";
+import CheckTreeView from "./CheckTreeView.js";
+import useFlattenTree from "../Tree/hooks/useFlattenTree.js";
+import useTreeWithChildren from "../Tree/hooks/useTreeWithChildren.js";
+import useExpandTree from "../Tree/hooks/useExpandTree.js";
+import { TreeProvider } from "../internals/Tree/TreeProvider.js";
 /**
  * The `CheckTree` component is used for selecting multiple options which are organized in a tree structure.
  * @see https://rsuitejs.com/components/check-tree
@@ -32,12 +33,13 @@ var CheckTree = /*#__PURE__*/React.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 = _objectWithoutPropertiesLoose(props, ["value", "data", "defaultValue", "defaultExpandAll", "defaultExpandItemValues", "uncheckableItemValues", "expandItemValues", "childrenKey", "labelKey", "valueKey", "virtualized", "cascade", "renderTreeIcon", "renderTreeNode", "getChildren", "onExpand", "onChange"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var _useTreeValue = useTreeValue(controlledValue, {
       defaultValue: defaultValue,
       uncheckableItemValues: uncheckableItemValues
@@ -80,11 +82,12 @@ var CheckTree = /*#__PURE__*/React.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.createElement(TreeProvider, {
     value: treeContext
   }, /*#__PURE__*/React.createElement(CheckTreeView, _extends({}, rest, {
@@ -92,7 +95,6 @@ var CheckTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
     value: value,
     cascade: cascade,
     data: treeData,
-    virtualized: virtualized,
     loadingNodeValues: loadingNodeValues,
     flattenedNodes: flattenedNodes,
     uncheckableItemValues: uncheckableItemValues,

package/esm/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/esm/CheckTree/CheckTreeNode.js

@@ -1,14 +1,15 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["as", "style", "className", "classPrefix", "visible", "layer", "disabled", "allUncheckable", "loading", "expanded", "hasChildren", "nodeData", "focus", "label", "uncheckable", "checkState", "value", "treeItemRef", "onExpand", "onSelect"];
 import React, { forwardRef, useMemo } from 'react';
-import ListCheckItem from '../internals/Picker/ListCheckItem';
-import { stringifyReactNode } from '../internals/utils';
-import { useFoucsVirtualListItem } from '../internals/hooks';
-import { indentTreeNode } from '../Tree/utils';
-import { useClassNames, useEventCallback, useCustom, CHECK_STATE, mergeRefs } from '../utils';
-import { useTreeContextProps } from '../Tree/TreeProvider';
-import TreeNodeToggle from '../Tree/TreeNodeToggle';
+import ListCheckItem from "../internals/Picker/ListCheckItem.js";
+import { stringifyReactNode, mergeRefs } from "../internals/utils/index.js";
+import { CHECK_STATE } from "../internals/constants/index.js";
+import { indentTreeNode } from "../Tree/utils/index.js";
+import { useClassNames, useEventCallback, useCustom, useFocusVirtualListItem } from "../internals/hooks/index.js";
+import { useTreeContextProps } from "../internals/Tree/TreeProvider.js";
+import TreeNodeToggle from "../Tree/TreeNodeToggle.js";
 var CheckTreeNode = /*#__PURE__*/forwardRef(function (props, ref) {
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'div' : _props$as,
@@ -33,7 +34,7 @@ var CheckTreeNode = /*#__PURE__*/forwardRef(function (props, ref) {
     treeItemRef = props.treeItemRef,
     onExpand = props.onExpand,
     onSelect = props.onSelect,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "style", "className", "classPrefix", "visible", "layer", "disabled", "allUncheckable", "loading", "expanded", "hasChildren", "nodeData", "focus", "label", "uncheckable", "checkState", "value", "treeItemRef", "onExpand", "onSelect"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var _useCustom = useCustom(),
     rtl = _useCustom.rtl;
   var _useTreeContextProps = useTreeContextProps(),
@@ -72,7 +73,7 @@ var CheckTreeNode = /*#__PURE__*/forwardRef(function (props, ref) {
     focus: focus
   }));
   var styles = virtualized ? _extends({}, style, indentTreeNode(rtl, layer - 1)) : style;
-  var itemRef = useFoucsVirtualListItem(focus);
+  var itemRef = useFocusVirtualListItem(focus);
   return visible ? /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
     style: styles,
     className: classes,

package/esm/CheckTree/CheckTreeView.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
-import type { RsRefForwardingComponent, ToArray, DataProps } from '../@types/common';
-import type { TreeNode, TreeNodeMap, TreeViewBaseProps } from '../Tree/types';
+import type { TreeNode, TreeNodeMap } from '../internals/Tree/types';
+import type { RsRefForwardingComponent, ToArray, DataProps } from '../internals/types';
+import type { TreeViewBaseProps } from '../Tree/types';
 /**
  * Props for the CheckTreeView component.
  */
@@ -9,10 +10,6 @@ export interface CheckTreeViewProps<V = (string | number)[]> extends TreeViewBas
      * Selected value.
      */
     value?: V;
-    /**
-     * Whether using virtualized list.
-     */
-    virtualized?: boolean;
     /**
      * Virtualized list ref object.
      */

package/esm/CheckTree/CheckTreeView.js

@@ -1,24 +1,25 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["as", "className", "classPrefix", "cascade", "data", "disabledItemValues", "expandItemValues", "height", "locale", "listProps", "listRef", "style", "searchKeyword", "showIndentLine", "searchable", "searchInputRef", "uncheckableItemValues", "loadingNodeValues", "flattenedNodes", "searchBy", "onChange", "onSearch", "onSelect", "onSelectItem", "onScroll", "onExpand", "onFocusItem"];
 import React, { useEffect, useMemo } from 'react';
 import isNil from 'lodash/isNil';
-import { List, AutoSizer, defaultItemSize } from '../internals/Windowing';
-import CheckTreeNode from './CheckTreeNode';
-import IndentLine from '../Tree/IndentLine';
-import { useCustom, useClassNames, useEventCallback } from '../utils';
-import { getPathTowardsItem, getKeyParentMap } from '../internals/Tree/utils';
-import { onMenuKeyDown } from '../internals/Picker';
-import { TreeView } from '../internals/Tree';
-import SearchBox from '../internals/SearchBox';
-import { hasGrandchild, isEveryFirstLevelNodeUncheckable, getFormattedTree, isNodeUncheckable } from './utils';
-import { hasVisibleChildren, getActiveItem, isExpand } from '../Tree/utils';
-import useTreeSearch from '../Tree/hooks/useTreeSearch';
-import useFocusTree from '../Tree/hooks/useFocusTree';
-import useVirtualizedTreeData from '../Tree/hooks/useVirtualizedTreeData';
-import useTreeCheckState from './hooks/useTreeCheckState';
-import useTreeNodeProps from './hooks/useTreeNodeProps';
-import { useItemDataKeys } from '../Tree/TreeProvider';
+import { List, AutoSizer, defaultItemSize } from "../internals/Windowing/index.js";
+import CheckTreeNode from "./CheckTreeNode.js";
+import IndentLine from "../Tree/IndentLine.js";
+import { useCustom, useClassNames, useEventCallback } from "../internals/hooks/index.js";
+import { getPathTowardsItem, getKeyParentMap } from "../internals/Tree/utils/index.js";
+import { onMenuKeyDown } from "../internals/Picker/index.js";
+import { TreeView } from "../internals/Tree/index.js";
+import SearchBox from "../internals/SearchBox/index.js";
+import { hasGrandchild, isEveryFirstLevelNodeUncheckable, getFormattedTree, isNodeUncheckable } from "./utils.js";
+import { hasVisibleChildren, getActiveItem, isExpand } from "../Tree/utils/index.js";
+import useTreeSearch from "../Tree/hooks/useTreeSearch.js";
+import useFocusTree from "../Tree/hooks/useFocusTree.js";
+import useVirtualizedTreeData from "../Tree/hooks/useVirtualizedTreeData.js";
+import useTreeCheckState from "./hooks/useTreeCheckState.js";
+import useTreeNodeProps from "./hooks/useTreeNodeProps.js";
+import { useTreeContextProps } from "../internals/Tree/TreeProvider.js";
 
 /**
  * Props for the CheckTreeView component.
@@ -51,8 +52,6 @@ var CheckTreeView = /*#__PURE__*/React.forwardRef(function (props, ref) {
     searchInputRef = props.searchInputRef,
     _props$uncheckableIte = props.uncheckableItemValues,
     uncheckableItemValues = _props$uncheckableIte === void 0 ? [] : _props$uncheckableIte,
-    _props$virtualized = props.virtualized,
-    virtualized = _props$virtualized === void 0 ? false : _props$virtualized,
     _props$loadingNodeVal = props.loadingNodeValues,
     loadingNodeValues = _props$loadingNodeVal === void 0 ? [] : _props$loadingNodeVal,
     _props$flattenedNodes = props.flattenedNodes,
@@ -65,12 +64,14 @@ var CheckTreeView = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onScroll = props.onScroll,
     onExpand = props.onExpand,
     onFocusItem = props.onFocusItem,
-    rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "cascade", "data", "disabledItemValues", "expandItemValues", "height", "locale", "listProps", "listRef", "style", "searchKeyword", "showIndentLine", "searchable", "searchInputRef", "uncheckableItemValues", "virtualized", "loadingNodeValues", "flattenedNodes", "searchBy", "onChange", "onSearch", "onSelect", "onSelectItem", "onScroll", "onExpand", "onFocusItem"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var _useCustom = useCustom('Picker', overrideLocale),
     locale = _useCustom.locale;
-  var _useItemDataKeys = useItemDataKeys(),
-    childrenKey = _useItemDataKeys.childrenKey,
-    valueKey = _useItemDataKeys.valueKey;
+  var _useTreeContextProps = useTreeContextProps(),
+    childrenKey = _useTreeContextProps.childrenKey,
+    valueKey = _useTreeContextProps.valueKey,
+    virtualized = _useTreeContextProps.virtualized,
+    scrollShadow = _useTreeContextProps.scrollShadow;
   var _useClassNames = useClassNames(classPrefix),
     prefix = _useClassNames.prefix,
     merge = _useClassNames.merge,
@@ -186,7 +187,9 @@ var CheckTreeView = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var renderNode = function renderNode(node, layer) {
     var visible = node.visible,
       refKey = node.refKey,
-      parent = node.parent; // when searching, all nodes should be expand
+      parent = node.parent;
+
+    // when searching, all nodes should be expand
     var expanded = isExpand(keyword, expandItemValues.includes(node[valueKey]));
     if (!visible) {
       return null;
@@ -278,9 +281,7 @@ var CheckTreeView = /*#__PURE__*/React.forwardRef(function (props, ref) {
     className: prefix('view'),
     onScroll: onScroll,
     onKeyDown: handleTreeKeyDown,
-    style: virtualized ? undefined : {
-      height: height
-    }
+    height: height
   }), virtualized ? /*#__PURE__*/React.createElement(AutoSizer, {
     defaultHeight: height,
     style: {
@@ -296,7 +297,8 @@ var CheckTreeView = /*#__PURE__*/React.forwardRef(function (props, ref) {
       itemSize: defaultItemSize,
       itemCount: formattedNodes.length,
       itemData: formattedNodes,
-      className: prefix('virt-list')
+      className: prefix('virt-list'),
+      scrollShadow: scrollShadow
     }, listProps), renderVirtualListNode);
   }) : formattedNodes));
 });

package/esm/CheckTree/hooks/useTreeCheckState.d.ts

@@ -1,4 +1,4 @@
-import type { TreeNodeMap } from '../../Tree/types';
+import type { TreeNodeMap } from '../../internals/Tree/types';
 interface Props {
     cascade?: boolean;
     flattenedNodes: TreeNodeMap;

package/esm/CheckTree/hooks/useTreeCheckState.js

@@ -2,9 +2,9 @@
 import { useCallback } from 'react';
 import isNil from 'lodash/isNil';
 import cloneDeep from 'lodash/cloneDeep';
-import { useItemDataKeys } from '../../Tree/TreeProvider';
-import { useEventCallback } from '../../utils';
-import { isEveryChildChecked } from '../utils';
+import { useEventCallback } from "../../internals/hooks/index.js";
+import { useItemDataKeys } from "../../internals/Tree/TreeProvider.js";
+import { isEveryChildChecked } from "../utils.js";
 function useTreeCheckState(props) {
   var cascade = props.cascade,
     flattenedNodes = props.flattenedNodes,

package/esm/CheckTree/hooks/useTreeNodeProps.d.ts

@@ -1,4 +1,4 @@
-import type { TreeNode } from '../../Tree/types';
+import type { TreeNode } from '../../internals/Tree/types';
 interface Props {
     uncheckableItemValues: any[];
     disabledItemValues: any[];
@@ -14,7 +14,7 @@ declare function useTreeNodeProps(props: Props): (nodeData: TreeNode) => {
     loading: boolean;
     disabled: boolean;
     nodeData: TreeNode;
-    checkState: import("../../utils").CheckStateType | undefined;
+    checkState: import("../../internals/constants").CheckStateType | undefined;
     uncheckable: boolean;
     allUncheckable: boolean;
     focus: boolean;

package/esm/CheckTree/hooks/useTreeNodeProps.js

@@ -1,8 +1,8 @@
 'use client';
 import React, { useCallback } from 'react';
-import { isAllSiblingNodeUncheckable, getDisabledState, isNodeUncheckable } from '../utils';
-import { useItemDataKeys } from '../../Tree/TreeProvider';
-import Highlight from '../../Highlight';
+import { isAllSiblingNodeUncheckable, getDisabledState, isNodeUncheckable } from "../utils.js";
+import { useItemDataKeys } from "../../internals/Tree/TreeProvider.js";
+import Highlight from "../../Highlight/index.js";
 function useTreeNodeProps(props) {
   var _useItemDataKeys = useItemDataKeys(),
     valueKey = _useItemDataKeys.valueKey,

package/esm/CheckTree/hooks/useTreeValue.js

@@ -1,6 +1,6 @@
 'use client';
-import { useControlled, useMount } from '../../utils';
-import { getCheckTreeDefaultValue } from '../utils';
+import { useControlled, useMount } from "../../internals/hooks/index.js";
+import { getCheckTreeDefaultValue } from "../utils.js";
 function useTreeValue(controlledValue, _ref) {
   var defaultValue = _ref.defaultValue,
     uncheckableItemValues = _ref.uncheckableItemValues;

package/esm/CheckTree/index.js

@@ -1,3 +1,3 @@
 'use client';
-import CheckTree from './CheckTree';
+import CheckTree from "./CheckTree.js";
 export default CheckTree;