rsuite 5.60.2 → 5.62.0

package/esm/Calendar/useCalendarDate.js

@@ -1,6 +1,6 @@
 'use client';
 import { useState, useCallback, useRef } from 'react';
-import { useUpdateEffect } from '../utils';
+import { useUpdateEffect } from "../internals/hooks";
 var useCalendarDate = function useCalendarDate(value, defaultDate) {
   var _ref;
   var valueRef = useRef(value);

package/esm/Calendar/utils.js

@@ -1,5 +1,5 @@
 'use client';
-import { DateUtils } from '../utils';
+import { format as formatDate } from "../internals/utils/date";
 
 /**
  * Get aria-label for the date.
@@ -8,5 +8,5 @@ import { DateUtils } from '../utils';
  * @param format - The format function.
  */
 export function getAriaLabel(date, formatStr, format) {
-  return format ? format(date, formatStr) : DateUtils.format(date, formatStr);
+  return format ? format(date, formatStr) : formatDate(date, formatStr);
 }

package/esm/Carousel/Carousel.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '@/internals/types';
 export interface CarouselProps extends WithAsProps {
     /** Autoplay element */
     autoplay?: boolean;

package/esm/Carousel/Carousel.js

@@ -4,8 +4,9 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import React, { useState, useMemo, useCallback, useRef } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import { useClassNames, useCustom, guid, ReactChildren, useTimeout, mergeRefs, useControlled, useUpdateEffect } from '../utils';
-import { oneOf } from '../internals/propTypes';
+import { oneOf } from "../internals/propTypes";
+import { useClassNames, useCustom, useControlled, useUpdateEffect, useTimeout } from "../internals/hooks";
+import { guid, ReactChildren, mergeRefs } from "../internals/utils";
 /**
  * The Carousel component is used to display a series of content.
  * @see https://rsuitejs.com/components/carousel

package/esm/Carousel/index.js

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

package/esm/CascadeTree/CascadeTree.js

@@ -2,12 +2,12 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React, { useCallback, useMemo } from 'react';
-import { getParentMap, flattenTree } from '../utils/treeUtils';
-import { useControlled, useClassNames, useEventCallback } from '../utils';
-import { useMap } from '../utils/useMap';
-import TreeView from './TreeView';
-import SearchView from './SearchView';
-import { useSearch, useSelect, usePaths } from './hooks';
+import { getParentMap } from "../internals/Tree/utils";
+import { flattenTree } from "../Tree/utils";
+import { useMap, useControlled, useClassNames, useEventCallback } from "../internals/hooks";
+import TreeView from "./TreeView";
+import SearchView from "./SearchView";
+import { useSearch, useSelect, usePaths } from "./hooks";
 /**
  * CascadeTree is a component that displays tree-structured data in columns.
  *

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

@@ -2,10 +2,10 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React from 'react';
-import { useClassNames, useCustom } from '../utils';
-import { getPathTowardsItem } from '../utils/treeUtils';
-import { highlightLabel } from './utils';
-import SearchBox from '../internals/SearchBox';
+import { useClassNames, useCustom } from "../internals/hooks";
+import { getPathTowardsItem } from "../internals/Tree/utils";
+import SearchBox from "../internals/SearchBox";
+import Highlight from "../Highlight";
 function SearchView(props) {
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'div' : _props$as,
@@ -38,17 +38,10 @@ function SearchView(props) {
     });
     var formattedNodes = items.map(function (itemData) {
       var _extends2;
-      var label = highlightLabel({
-        item: itemData,
-        labelKey: labelKey,
-        searchKeyword: searchKeyword,
-        render: function render(patch, index) {
-          return /*#__PURE__*/React.createElement("span", {
-            key: index,
-            className: prefix('match')
-          }, patch);
-        }
-      });
+      var label = /*#__PURE__*/React.createElement(Highlight, {
+        as: "span",
+        query: searchKeyword
+      }, itemData[labelKey]);
       return _extends({}, itemData, (_extends2 = {}, _extends2[labelKey] = label, _extends2));
     });
     var disabled = disabledItemValues.some(function (value) {

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

@@ -5,8 +5,9 @@ import React, { useEffect, useRef } from 'react';
 import SpinnerIcon from '@rsuite/icons/legacy/Spinner';
 import isUndefined from 'lodash/isUndefined';
 import isNil from 'lodash/isNil';
-import { shallowEqual, useClassNames, mergeRefs, useCustom, useEventCallback } from '../utils';
-import { ListItem, useCombobox } from '../internals/Picker';
+import { shallowEqual, mergeRefs } from "../internals/utils";
+import { useClassNames, useCustom, useEventCallback } from "../internals/hooks";
+import { ListItem, useCombobox } from "../internals/Picker";
 import AngleLeftIcon from '@rsuite/icons/legacy/AngleLeft';
 import AngleRightIcon from '@rsuite/icons/legacy/AngleRight';
 import getPosition from 'dom-lib/getPosition';

package/esm/CascadeTree/hooks/index.js

@@ -1,4 +1,4 @@
 'use client';
-export { default as usePaths } from './usePaths';
-export { default as useSelect } from './useSelect';
-export { default as useSearch } from './useSearch';
+export { default as usePaths } from "./usePaths";
+export { default as useSelect } from "./useSelect";
+export { default as useSearch } from "./useSearch";

package/esm/CascadeTree/hooks/usePaths.js

@@ -1,7 +1,7 @@
 'use client';
 import { useMemo } from 'react';
-import { getPathTowardsItem } from '../../utils/treeUtils';
-import { getColumnsAndPaths } from '../utils';
+import { getPathTowardsItem } from "../../internals/Tree/utils";
+import { getColumnsAndPaths } from "../utils";
 /**
  * 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,6 +1,7 @@
 'use client';
 import { useState } from 'react';
-import { getSafeRegExpString, useEventCallback } from '../../utils';
+import { useEventCallback } from "../../internals/hooks";
+import { getSafeRegExpString } from "../../internals/utils";
 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";
+import { shallowEqual } from "../../internals/utils";
 /**
  * Hook for handling the state after the option is selected
  */

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";
 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/utils.d.ts

@@ -1,5 +1,3 @@
-/// <reference types="react" />
-import { ItemDataType } from '../@types/common';
 declare type GetColumnsAndPathsOptions<T> = {
     getParent: (item: T) => T | undefined;
     getChildren: (item: T) => readonly T[] | undefined;
@@ -20,13 +18,4 @@ export declare function getColumnsAndPaths<T extends Record<string, unknown>>(it
     columns: (readonly T[])[];
     path: T[];
 };
-/**
- * Highlight the search keyword in the label
- */
-export declare function highlightLabel<T>(props: {
-    item: ItemDataType<T>;
-    labelKey: string;
-    searchKeyword: string;
-    render: (patch: React.ReactNode, index: number) => React.ReactNode;
-}): import("react").ReactNode[];
 export {};

package/esm/CascadeTree/utils.js

@@ -1,5 +1,4 @@
 'use client';
-import { getSafeRegExpString } from '../utils';
 /**
  * Calculate columns to be displayed:
  *
@@ -37,25 +36,4 @@ export function getColumnsAndPaths(items, pathTarget, options) {
     columns: columns,
     path: path
   };
-}
-
-/**
- * Highlight the search keyword in the label
- */
-export function highlightLabel(props) {
-  var item = props.item,
-    searchKeyword = props.searchKeyword,
-    labelKey = props.labelKey,
-    render = props.render;
-  var regx = new RegExp(getSafeRegExpString(searchKeyword), 'ig');
-  var labelElements = [];
-  var strArr = item[labelKey].split(regx);
-  var highStrArr = item[labelKey].match(regx);
-  for (var i = 0; i < strArr.length; i++) {
-    labelElements.push(strArr[i]);
-    if (highStrArr !== null && highStrArr !== void 0 && highStrArr[i]) {
-      labelElements.push(render(highStrArr[i], i));
-    }
-  }
-  return labelElements;
 }

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

@@ -7,16 +7,17 @@ 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 { getParentMap, findNodeOfTree, flattenTree } from '../utils/treeUtils';
-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";
+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 { useControlled, useCustom, useClassNames, useEventCallback, useMap } from "../internals/hooks";
+import { createChainedFunction, mergeRefs, shallowEqual } from "../internals/utils";
+import { PickerToggle, PickerPopup, PickerToggleTrigger, usePickerClassName, usePickerRef, useToggleKeyDownEvent, useFocusItemValue, pickTriggerPropKeys, omitTriggerPropKeys, listPickerPropTypes } from "../internals/Picker";
+import { oneOf } from "../internals/propTypes";
+import useActive from "./useActive";
 var emptyArray = [];
 
 /**

package/esm/Cascader/index.js

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

package/esm/Cascader/useActive.js

@@ -1,6 +1,6 @@
 'use client';
 import { useState } from 'react';
-import useEventCallback from '../utils/useEventCallback';
+import { useEventCallback } from "../internals/hooks";
 var useActive = function useActive(props) {
   var onOpen = props.onOpen,
     onClose = props.onClose,

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

@@ -6,18 +6,17 @@ var _templateObject;
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import clone from 'lodash/clone';
-import isUndefined from 'lodash/isUndefined';
 import isFunction from 'lodash/isFunction';
 import remove from 'lodash/remove';
 import omit from 'lodash/omit';
 import pick from 'lodash/pick';
 import isNil from 'lodash/isNil';
-import { filterNodesOfTree } from '../utils/treeUtils';
-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";
+import { useClassNames, useCustom, useControlled, useEventCallback } from "../internals/hooks";
+import { createChainedFunction, shallowEqual, mergeRefs, getDataGroupBy } from "../internals/utils";
+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";
 var emptyArray = [];
 /**
  * A component for selecting checkable items in a dropdown list.
@@ -282,14 +281,12 @@ var CheckPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       listItemAs: ListCheckItem,
       activeItemValues: value,
       focusItemValue: focusItemValue,
-      data: [].concat(filteredStickyItems, items)
-      // `group` is redundant so long as `groupBy` exists
-      ,
-      group: !isUndefined(groupBy),
+      data: [].concat(filteredStickyItems, items),
       groupBy: groupBy,
       onSelect: handleItemSelect,
       onGroupTitleClick: onGroupTitleClick,
-      virtualized: virtualized
+      virtualized: virtualized,
+      query: searchKeyword
     }) : /*#__PURE__*/React.createElement("div", {
       className: prefix(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["none"])))
     }, locale === null || locale === void 0 ? void 0 : locale.noResultsText);

package/esm/CheckPicker/index.js

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

package/esm/CheckTree/CheckTree.d.ts

@@ -0,0 +1,20 @@
+import { type CheckTreeViewProps } from './CheckTreeView';
+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 {
+    /**
+     * 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.
+ * @see https://rsuitejs.com/components/check-tree
+ */
+declare const CheckTree: RsRefForwardingComponent<'div', CheckTreeProps>;
+export default CheckTree;

package/esm/CheckTree/CheckTree.js

@@ -0,0 +1,106 @@
+'use client';
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import React, { useMemo } from 'react';
+import { useEventCallback } from "../internals/hooks";
+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 "../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
+ */
+var CheckTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var controlledValue = props.value,
+    data = props.data,
+    defaultValue = props.defaultValue,
+    _props$defaultExpandA = props.defaultExpandAll,
+    defaultExpandAll = _props$defaultExpandA === void 0 ? false : _props$defaultExpandA,
+    _props$defaultExpandI = props.defaultExpandItemValues,
+    defaultExpandItemValues = _props$defaultExpandI === void 0 ? [] : _props$defaultExpandI,
+    uncheckableItemValues = props.uncheckableItemValues,
+    controlledExpandItemValues = props.expandItemValues,
+    _props$childrenKey = props.childrenKey,
+    childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,
+    _props$labelKey = props.labelKey,
+    labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,
+    _props$valueKey = props.valueKey,
+    valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,
+    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", "scrollShadow", "renderTreeIcon", "renderTreeNode", "getChildren", "onExpand", "onChange"]);
+  var _useTreeValue = useTreeValue(controlledValue, {
+      defaultValue: defaultValue,
+      uncheckableItemValues: uncheckableItemValues
+    }),
+    value = _useTreeValue[0],
+    setValue = _useTreeValue[1];
+  var itemDataKeys = {
+    childrenKey: childrenKey,
+    labelKey: labelKey,
+    valueKey: valueKey
+  };
+  var _useTreeWithChildren = useTreeWithChildren(data, itemDataKeys),
+    treeData = _useTreeWithChildren.treeData,
+    loadingNodeValues = _useTreeWithChildren.loadingNodeValues,
+    appendChild = _useTreeWithChildren.appendChild;
+  var _useExpandTree = useExpandTree(data, _extends({}, itemDataKeys, {
+      defaultExpandAll: defaultExpandAll,
+      defaultExpandItemValues: defaultExpandItemValues,
+      controlledExpandItemValues: controlledExpandItemValues,
+      onExpand: onExpand,
+      getChildren: getChildren,
+      appendChild: appendChild
+    })),
+    expandItemValues = _useExpandTree.expandItemValues,
+    handleExpandTreeNode = _useExpandTree.handleExpandTreeNode;
+  var flattenedNodes = useFlattenTree(treeData, _extends({}, itemDataKeys, {
+    uncheckableItemValues: uncheckableItemValues,
+    multiple: true,
+    cascade: cascade,
+    value: value
+  }));
+  var handleChange = useEventCallback(function (nextValue, event) {
+    setValue(nextValue);
+    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
+  });
+  var treeContext = useMemo(function () {
+    return {
+      props: {
+        labelKey: labelKey,
+        valueKey: valueKey,
+        childrenKey: childrenKey,
+        virtualized: virtualized,
+        scrollShadow: scrollShadow,
+        renderTreeIcon: renderTreeIcon,
+        renderTreeNode: renderTreeNode
+      }
+    };
+  }, [childrenKey, labelKey, valueKey, virtualized, scrollShadow, renderTreeIcon, renderTreeNode]);
+  return /*#__PURE__*/React.createElement(TreeProvider, {
+    value: treeContext
+  }, /*#__PURE__*/React.createElement(CheckTreeView, _extends({}, rest, {
+    ref: ref,
+    value: value,
+    cascade: cascade,
+    data: treeData,
+    loadingNodeValues: loadingNodeValues,
+    flattenedNodes: flattenedNodes,
+    uncheckableItemValues: uncheckableItemValues,
+    expandItemValues: expandItemValues,
+    onChange: handleChange,
+    onExpand: handleExpandTreeNode
+  })));
+});
+CheckTree.displayName = 'CheckTree';
+export default CheckTree;

package/esm/CheckTree/CheckTreeNode.d.ts

@@ -0,0 +1,72 @@
+import React from 'react';
+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.
+     */
+    label?: any;
+    /**
+     * The layer of the node in the tree hierarchy.
+     */
+    layer: number;
+    /**
+     * The value of the node.
+     */
+    value?: any;
+    /**
+     * Whether the node should be focused.
+     */
+    focus?: boolean;
+    /**
+     * Whether the node should be expanded.
+     */
+    expanded?: boolean;
+    /**
+     * Whether the node is in a loading state.
+     */
+    loading?: boolean;
+    /**
+     * Whether the node is visible.
+     */
+    visible?: boolean;
+    /**
+     * Additional data associated with the node.
+     */
+    nodeData?: any;
+    /**
+     * Whether the node is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * The check state of the node.
+     */
+    checkState?: CheckStateType;
+    /**
+     * Whether the node has children.
+     */
+    hasChildren?: boolean;
+    /**
+     * Whether the node is uncheckable.
+     */
+    uncheckable?: boolean;
+    /**
+     * Whether all nodes are uncheckable.
+     */
+    allUncheckable?: boolean;
+    /**
+     * Reference to the tree item.
+     */
+    treeItemRef?: React.Ref<any>;
+    /**
+     * Callback function called when the node is expanded.
+     */
+    onExpand?: (nodeData: TreeNodeData, expanded?: boolean) => void;
+    /**
+     * Callback function called when the node is selected.
+     */
+    onSelect?: (nodeData: TreeNodeData, event: React.SyntheticEvent) => void;
+}
+declare const CheckTreeNode: RsRefForwardingComponent<'div', CheckTreeNodeProps>;
+export default CheckTreeNode;