rsuite 5.56.0 → 5.58.0

package/esm/{toaster → useToaster}/useToaster.js

@@ -1,14 +1,14 @@
 'use client';
 import { useMemo } from 'react';
-import toaster from './toaster';
+import toaster from '../toaster';
 import { useCustom } from '../utils';
 
 /**
- * The 'useToaster' hook is a wrapper for the 'toaster' module.
+ * Toaster display brief, temporary notifications of actions, errors, or other events in an application.
+ * It is often used with the Message and Notification components.
  * @returns toaster { push, remove, clear }
  *
- * @see https://rsuitejs.com/components/message/
- * @see https://rsuitejs.com/components/notification/
+ * @see https://rsuitejs.com/components/use-toaster/
  */
 var useToaster = function useToaster() {
   var _useCustom = useCustom(),

package/esm/utils/index.d.ts

@@ -46,3 +46,4 @@ export { default as useUniqueId } from './useUniqueId';
 export { default as useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';
 export { default as useInternalId } from './useInternalId';
 export { default as useEnsuredRef } from './useEnsuredRef';
+export { useMap } from './useMap';

package/esm/utils/index.js

@@ -48,4 +48,5 @@ export { default as useMount } from './useMount';
 export { default as useUniqueId } from './useUniqueId';
 export { default as useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';
 export { default as useInternalId } from './useInternalId';
-export { default as useEnsuredRef } from './useEnsuredRef';
+export { default as useEnsuredRef } from './useEnsuredRef';
+export { useMap } from './useMap';

package/internals/Picker/styles/index.less

@@ -182,14 +182,12 @@
 /* stylelint-disable-next-line */ // Custom button sizes
 .rs-picker-toggle.rs-btn {
   .picker-button-caret-md();
-  .tag-picker-search-input-md();
   .date-picker-button-caret-md();
   .date-picker-button-size(base);
 
   &-lg {
     .picker-button-caret-lg();
     .picker-default-button-reset-padding-left(large);
-    .tag-picker-search-input-lg();
     .date-picker-button-caret-lg();
     .date-picker-button-size(large);
 
@@ -203,7 +201,6 @@
   &-md {
     .picker-button-caret-md();
     .picker-default-button-reset-padding-left(base);
-    .tag-picker-search-input-md();
     .date-picker-button-caret-md();
     .date-picker-button-size(base);
   }
@@ -213,7 +210,6 @@
 
     .picker-button-caret-sm();
     .picker-default-button-reset-padding-left(small);
-    .tag-picker-search-input-sm();
     .date-picker-button-caret-sm();
     .date-picker-button-size(small);
   }
@@ -223,7 +219,6 @@
 
     .picker-button-caret-xs();
     .picker-default-button-reset-padding-left(extra-small);
-    .tag-picker-search-input-xs();
     .date-picker-button-caret-xs();
     .date-picker-button-size(extra-small);
   }

package/internals/Picker/styles/mixin.less

@@ -220,79 +220,6 @@
   }
 }
 
-.tag-picker-search-input-size(@padding-vertical; @padding-horizontal; @font-size; @line-height;) {
-  .rs-picker-input:not(.rs-picker-tag) & ~ .rs-picker-textbox .rs-picker-search-input {
-    padding: (@padding-vertical - 1px) @padding-horizontal;
-    font-size: @font-size;
-    line-height: @line-height;
-  }
-
-  // FIXME Bad design. Should not set search input styles in a mixin that is used in picker buttons.
-  .rs-picker-tag & ~ .rs-picker-textbox {
-    padding-bottom: @padding-vertical - 3px;
-
-    .rs-tag {
-      margin-top: @padding-vertical - 3px;
-    }
-
-    .rs-picker-search-input {
-      padding-left: @padding-horizontal;
-      margin-top: @padding-vertical - 3px;
-      font-size: @font-size;
-    }
-
-    input {
-      height: @line-height * @font-size - 2px;
-    }
-  }
-
-  .rs-picker-input.rs-picker-tag & {
-    padding-top: @padding-vertical - 1px;
-    padding-bottom: @padding-vertical - 1px;
-    box-shadow: none;
-  }
-}
-
-.tag-picker-search-input-lg() {
-  .tag-picker-search-input-size(
-      @padding-y-lg - 1; @padding-x-lg; @font-size-large; @line-height-large
-  );
-}
-
-.tag-picker-search-input-md() {
-  .tag-picker-search-input-size(
-          @padding-y; @padding-x; @font-size-base; @line-height-base
-  );
-}
-
-.tag-picker-search-input-sm() {
-  .tag-picker-search-input-size(
-    @padding-y-sm; @padding-x-sm; @font-size-base; @line-height-base
-  );
-}
-
-.tag-picker-search-input-xs() {
-  /* stylelint-disable */ //Formatted by prettier
-  .tag-picker-search-input-size(
-    @padding-y-xs; @padding-x-xs; @font-size-extra-small;
-    @line-height-extra-small
-  );
-  /* stylelint-enable */
-
-  .rs-picker-input.rs-picker-tag & ~ .rs-picker-textbox {
-    padding-bottom: @padding-y-xs - 1px;
-
-    .rs-tag {
-      margin-top: 1px;
-    }
-
-    // Adjust search-input size the same with button
-    .rs-picker-search-input {
-      .padding-vertical(1px);
-    }
-  }
-}
-
 .input-picker-input-sizes() {
   @border-width: 2 * @picker-default-toggle-border-width;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rsuite",
-  "version": "5.56.0",
+  "version": "5.58.0",
   "description": "A suite of react components",
   "main": "cjs/index.js",
   "module": "esm/index.js",

package/styles/color-modes/light.less

@@ -75,6 +75,13 @@
   --rs-text-active: var(--rs-primary-700);
   --rs-text-disabled: var(--rs-gray-400);
   --rs-text-error: var(--rs-color-red);
+  --rs-text-weight-thin: 100;
+  --rs-text-weight-light: 300;
+  --rs-text-weight-regular: 400;
+  --rs-text-weight-medium: 500;
+  --rs-text-weight-semibold: 600;
+  --rs-text-weight-bold: 700;
+  --rs-text-weight-extrabold: 800;
   --rs-border-primary: var(--rs-gray-200);
   --rs-border-secondary: var(--rs-gray-100);
   --rs-bg-card: var(--rs-gray-0);

package/styles/index.less

@@ -13,6 +13,7 @@
 @import '../Calendar/styles/index';
 @import '../Carousel/styles/index';
 @import '../Cascader/styles/index';
+@import '../CascadeTree/styles/index';
 @import '../Checkbox/styles/index';
 @import '../CheckboxGroup/styles/index';
 @import '../CheckPicker/styles/index';
@@ -46,6 +47,7 @@
 @import '../Loader/styles/index';
 @import '../Message/styles/index';
 @import '../Modal/styles/index';
+@import '../MultiCascadeTree/styles/index';
 @import '../MultiCascader/styles/index';
 @import '../Nav/styles/index';
 @import '../Navbar/styles/index';
@@ -79,6 +81,9 @@
 @import '../toaster/styles/index';
 @import '../Stack/styles/index';
 @import '../VisuallyHidden/styles/index';
+@import '../Text/styles/index';
+@import '../Heading/styles/index';
+@import '../HeadingGroup/styles/index';
 
 // Internal Components
 @import '../internals/Ripple/styles/index';

package/useToaster/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "rsuite/useToaster",
+  "private": true,
+  "main": "../cjs/useToaster/index.js",
+  "module": "../esm/useToaster/index.js",
+  "types": "../esm/useToaster/index.d.ts"
+}

package/useToaster/styles/index.css

@@ -0,0 +1,239 @@
+:root,
+.rs-theme-light {
+  --rs-shadow-overlay: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
+}
+.rs-theme-dark {
+  --rs-shadow-overlay: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
+}
+.rs-theme-high-contrast {
+  --rs-shadow-overlay: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
+}
+/* stylelint-disable */
+*[class*='rs-'] {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+*[class*='rs-']::before,
+*[class*='rs-']::after {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+@-webkit-keyframes notificationMoveIn {
+  0% {
+    opacity: 0;
+    -webkit-transform-origin: 0% 0%;
+            transform-origin: 0% 0%;
+    -webkit-transform: scaleY(0.8);
+            transform: scaleY(0.8);
+  }
+  100% {
+    opacity: 1;
+    -webkit-transform-origin: 0% 0%;
+            transform-origin: 0% 0%;
+    -webkit-transform: scaleY(1);
+            transform: scaleY(1);
+  }
+}
+@keyframes notificationMoveIn {
+  0% {
+    opacity: 0;
+    -webkit-transform-origin: 0% 0%;
+            transform-origin: 0% 0%;
+    -webkit-transform: scaleY(0.8);
+            transform: scaleY(0.8);
+  }
+  100% {
+    opacity: 1;
+    -webkit-transform-origin: 0% 0%;
+            transform-origin: 0% 0%;
+    -webkit-transform: scaleY(1);
+            transform: scaleY(1);
+  }
+}
+@-webkit-keyframes notificationMoveInLeft {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0);
+            transform: translate3d(-100%, 0, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: none;
+            transform: none;
+  }
+}
+@keyframes notificationMoveInLeft {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(-100%, 0, 0);
+            transform: translate3d(-100%, 0, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: none;
+            transform: none;
+  }
+}
+@-webkit-keyframes notificationMoveInRight {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 0, 0);
+            transform: translate3d(100%, 0, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: none;
+            transform: none;
+  }
+}
+@keyframes notificationMoveInRight {
+  from {
+    opacity: 0;
+    -webkit-transform: translate3d(100%, 0, 0);
+            transform: translate3d(100%, 0, 0);
+  }
+  to {
+    opacity: 1;
+    -webkit-transform: none;
+            transform: none;
+  }
+}
+@-webkit-keyframes notificationMoveOut {
+  0% {
+    opacity: 1;
+    -webkit-transform-origin: 0% 0%;
+            transform-origin: 0% 0%;
+    -webkit-transform: scaleY(1);
+            transform: scaleY(1);
+    max-height: 100px;
+  }
+  100% {
+    opacity: 0;
+    -webkit-transform-origin: 0% 0%;
+            transform-origin: 0% 0%;
+    -webkit-transform: scaleY(0.8);
+            transform: scaleY(0.8);
+    max-height: 0;
+    overflow: hidden;
+  }
+}
+@keyframes notificationMoveOut {
+  0% {
+    opacity: 1;
+    -webkit-transform-origin: 0% 0%;
+            transform-origin: 0% 0%;
+    -webkit-transform: scaleY(1);
+            transform: scaleY(1);
+    max-height: 100px;
+  }
+  100% {
+    opacity: 0;
+    -webkit-transform-origin: 0% 0%;
+            transform-origin: 0% 0%;
+    -webkit-transform: scaleY(0.8);
+            transform: scaleY(0.8);
+    max-height: 0;
+    overflow: hidden;
+  }
+}
+.rs-toast {
+  pointer-events: auto;
+}
+.rs-toast-container {
+  position: fixed;
+  z-index: 1080;
+  pointer-events: none;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+.rs-toast-container .rs-toast:not(.rs-notification) {
+  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
+  -webkit-box-shadow: var(--rs-shadow-overlay);
+          box-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
+          box-shadow: var(--rs-shadow-overlay);
+}
+.rs-toast-container .rs-toast-fade-entered,
+.rs-toast-container .rs-toast-fade-exiting {
+  -webkit-animation-fill-mode: forwards;
+          animation-fill-mode: forwards;
+}
+.rs-toast-container .rs-toast-fade-entered {
+  -webkit-animation-duration: 0.4s;
+          animation-duration: 0.4s;
+  -webkit-animation-timing-function: cubic-bezier(0.99, 0.44, 0.44, 1.35);
+          animation-timing-function: cubic-bezier(0.99, 0.44, 0.44, 1.35);
+}
+.rs-toast-container .rs-toast-fade-exited,
+.rs-toast-container .rs-toast-fade-entering {
+  opacity: 0;
+}
+.rs-toast-container .rs-toast-fade-exited {
+  -webkit-transform-origin: 0 0;
+          transform-origin: 0 0;
+  -webkit-transform: scaleY(0.8);
+          transform: scaleY(0.8);
+  max-height: 0;
+  overflow: hidden;
+}
+.rs-toast-container-top-center,
+.rs-toast-container-bottom-center {
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  width: 100%;
+}
+.rs-toast-container-top-center .rs-toast-fade-entered,
+.rs-toast-container-bottom-center .rs-toast-fade-entered {
+  -webkit-animation-name: notificationMoveIn;
+          animation-name: notificationMoveIn;
+}
+.rs-toast-container-bottom-start,
+.rs-toast-container-top-start {
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
+  left: 24px;
+}
+.rs-toast-container-bottom-start .rs-toast-fade-entered,
+.rs-toast-container-top-start .rs-toast-fade-entered {
+  -webkit-animation-name: notificationMoveInLeft;
+          animation-name: notificationMoveInLeft;
+}
+.rs-toast-container-bottom-end,
+.rs-toast-container-top-end {
+  -webkit-box-align: end;
+      -ms-flex-align: end;
+          align-items: flex-end;
+  right: 24px;
+}
+.rs-toast-container-bottom-end .rs-toast-fade-entered,
+.rs-toast-container-top-end .rs-toast-fade-entered {
+  margin-left: auto;
+  -webkit-animation-name: notificationMoveInRight;
+          animation-name: notificationMoveInRight;
+}
+.rs-toast-container-top-center,
+.rs-toast-container-top-start,
+.rs-toast-container-top-end {
+  top: 24px;
+}
+.rs-toast-container-bottom-center,
+.rs-toast-container-bottom-start,
+.rs-toast-container-bottom-end {
+  bottom: 24px;
+}
+.rs-toast-container .rs-toast-fade-exiting {
+  -webkit-animation-duration: 0.3s;
+          animation-duration: 0.3s;
+  -webkit-animation-timing-function: cubic-bezier(0.64, 0.65, 0.57, 1.13);
+          animation-timing-function: cubic-bezier(0.64, 0.65, 0.57, 1.13);
+  -webkit-animation-name: notificationMoveOut;
+          animation-name: notificationMoveOut;
+}
+
+/*# sourceMappingURL=index.css.map */

package/useToaster/styles/index.less

@@ -0,0 +1 @@
+@import '../../toaster/styles/index.less';

package/cjs/Cascader/DropdownMenu.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-import { ItemDataType, WithAsProps, RsRefForwardingComponent } from '../@types/common';
-import { ValueType } from './Cascader';
-declare type SetLike<T = unknown> = {
-    has(value: T): boolean;
-};
-export interface TreeViewProps extends Omit<WithAsProps, 'classPrefix'> {
-    classPrefix: string;
-    disabledItemValues: ValueType[];
-    activeItemValue?: ValueType | null;
-    childrenKey: string;
-    cascadeData: (readonly ItemDataType[])[];
-    loadingItemsSet?: SetLike<ItemDataType>;
-    cascadePaths: ItemDataType[];
-    valueKey: string;
-    labelKey: string;
-    menuWidth?: number;
-    menuHeight?: number | string;
-    renderMenuItem?: (itemLabel: React.ReactNode, item: ItemDataType) => React.ReactNode;
-    renderMenu?: (items: readonly ItemDataType[], menu: React.ReactNode, parentNode?: ItemDataType, layer?: number) => React.ReactNode;
-    onSelect?: (node: ItemDataType, cascadePaths: ItemDataType[], isLeafNode: boolean, event: React.MouseEvent) => void;
-}
-declare const TreeView: RsRefForwardingComponent<'div', TreeViewProps>;
-export default TreeView;

package/cjs/Cascader/DropdownMenu.js

@@ -1,175 +0,0 @@
-'use client';
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _react = _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 _Picker = require("../internals/Picker");
-var _AngleLeft = _interopRequireDefault(require("@rsuite/icons/legacy/AngleLeft"));
-var _AngleRight = _interopRequireDefault(require("@rsuite/icons/legacy/AngleRight"));
-var _getPosition = _interopRequireDefault(require("dom-lib/getPosition"));
-var _scrollTop = _interopRequireDefault(require("dom-lib/scrollTop"));
-var emptyArray = [];
-var TreeView = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    activeItemValue = props.activeItemValue,
-    classPrefix = props.classPrefix,
-    className = props.className,
-    _props$childrenKey = props.childrenKey,
-    childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,
-    _props$disabledItemVa = props.disabledItemValues,
-    disabledItemValues = _props$disabledItemVa === void 0 ? emptyArray : _props$disabledItemVa,
-    _props$menuWidth = props.menuWidth,
-    menuWidth = _props$menuWidth === void 0 ? 120 : _props$menuWidth,
-    _props$menuHeight = props.menuHeight,
-    menuHeight = _props$menuHeight === void 0 ? 200 : _props$menuHeight,
-    _props$valueKey = props.valueKey,
-    valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,
-    _props$cascadeData = props.cascadeData,
-    cascadeData = _props$cascadeData === void 0 ? emptyArray : _props$cascadeData,
-    _props$cascadePaths = props.cascadePaths,
-    cascadePaths = _props$cascadePaths === void 0 ? emptyArray : _props$cascadePaths,
-    loadingItemsSet = props.loadingItemsSet,
-    _props$labelKey = props.labelKey,
-    labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,
-    style = props.style,
-    renderMenu = props.renderMenu,
-    renderMenuItem = props.renderMenuItem,
-    onSelect = props.onSelect,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "activeItemValue", "classPrefix", "className", "childrenKey", "disabledItemValues", "menuWidth", "menuHeight", "valueKey", "cascadeData", "cascadePaths", "loadingItemsSet", "labelKey", "style", "renderMenu", "renderMenuItem", "onSelect"]);
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-    merge = _useClassNames.merge,
-    prefix = _useClassNames.prefix;
-  var classes = merge(className, prefix('items'));
-  var rootRef = (0, _react.useRef)();
-  var _useCustom = (0, _utils.useCustom)(),
-    rtl = _useCustom.rtl;
-  var _useCombobox = (0, _Picker.useCombobox)(),
-    id = _useCombobox.id,
-    labelId = _useCombobox.labelId,
-    popupType = _useCombobox.popupType;
-  (0, _react.useEffect)(function () {
-    var _rootRef$current;
-    var columns = ((_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.querySelectorAll('[data-type="column"]')) || [];
-    columns.forEach(function (column) {
-      if (!column) {
-        return;
-      }
-      var activeItem = column.querySelector("." + prefix('item-focus'));
-      if (!activeItem) {
-        activeItem = column.querySelector("." + prefix('item-active'));
-      }
-      if (activeItem) {
-        var position = (0, _getPosition.default)(activeItem, column);
-        // Let the active option scroll into view.
-        if (position !== null && position !== void 0 && position.top) {
-          (0, _scrollTop.default)(column, position === null || position === void 0 ? void 0 : position.top);
-        }
-      }
-    });
-  }, [prefix]);
-  var getCascadePaths = function getCascadePaths(layer, node) {
-    var paths = [];
-    for (var i = 0; i < cascadeData.length && i < layer; i += 1) {
-      if (i < layer - 1 && cascadePaths) {
-        paths.push(cascadePaths[i]);
-      }
-    }
-    paths.push(node);
-    return paths;
-  };
-  var handleSelect = (0, _utils.useEventCallback)(function (layer, node, event) {
-    var isLeafNode = (0, _isNil.default)(node[childrenKey]);
-    var cascadePaths = getCascadePaths(layer + 1, node);
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(node, cascadePaths, isLeafNode, event);
-  });
-  var renderCascadeNode = function renderCascadeNode(nodeProps) {
-    var _loadingItemsSet$has;
-    var node = nodeProps.node,
-      index = nodeProps.index,
-      layer = nodeProps.layer,
-      focus = nodeProps.focus,
-      size = nodeProps.size;
-    var children = node[childrenKey];
-    var value = node[valueKey];
-    var label = node[labelKey];
-    var disabled = disabledItemValues.some(function (disabledValue) {
-      return (0, _utils.shallowEqual)(disabledValue, value);
-    });
-    var loading = (_loadingItemsSet$has = loadingItemsSet === null || loadingItemsSet === void 0 ? void 0 : loadingItemsSet.has(node)) !== null && _loadingItemsSet$has !== void 0 ? _loadingItemsSet$has : false;
-
-    // Use `value` in keys when If `value` is string or number
-    var onlyKey = typeof value === 'number' || typeof value === 'string' ? value : index;
-    var Icon = loading ? _Spinner.default : rtl ? _AngleLeft.default : _AngleRight.default;
-    return /*#__PURE__*/_react.default.createElement(_Picker.ListItem, {
-      as: 'li',
-      role: "treeitem",
-      "aria-level": layer + 1,
-      "aria-setsize": size,
-      "aria-posinset": index + 1,
-      "aria-label": typeof label === 'string' ? label : undefined,
-      classPrefix: "picker-cascader-menu-item",
-      key: layer + "-" + onlyKey,
-      disabled: disabled,
-      active: !(0, _isUndefined.default)(activeItemValue) && (0, _utils.shallowEqual)(activeItemValue, value),
-      focus: focus,
-      value: value,
-      className: children ? prefix('has-children') : undefined,
-      onSelect: function onSelect(_value, event) {
-        return handleSelect(layer, node, event);
-      }
-    }, renderMenuItem ? renderMenuItem(label, node) : label, children ? /*#__PURE__*/_react.default.createElement(Icon, {
-      className: prefix('caret'),
-      spin: loading
-    }) : null);
-  };
-  var cascadeNodes = cascadeData.map(function (children, layer) {
-    var onlyKey = layer + "_" + children.length;
-    var parentNode = cascadePaths[layer - 1];
-    var menu = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children.map(function (item, index) {
-      var focus = cascadePaths[layer] && (0, _utils.shallowEqual)(cascadePaths[layer][valueKey], item[valueKey]);
-      return renderCascadeNode({
-        node: item,
-        index: index,
-        layer: layer,
-        focus: focus,
-        size: children.length
-      });
-    }));
-    return /*#__PURE__*/_react.default.createElement("ul", {
-      role: "group",
-      "data-layer": layer,
-      "data-type": 'column',
-      key: onlyKey,
-      className: prefix('column'),
-      style: {
-        height: menuHeight,
-        width: menuWidth
-      }
-    }, renderMenu ? renderMenu(children, menu, parentNode, layer) : menu);
-  });
-  var styles = (0, _extends2.default)({}, style, {
-    width: cascadeData.length * menuWidth
-  });
-  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
-    role: "tree",
-    id: id + "-" + popupType,
-    "aria-labelledby": labelId
-  }, rest, {
-    ref: (0, _utils.mergeRefs)(rootRef, ref),
-    className: classes,
-    style: styles
-  }), cascadeNodes);
-});
-TreeView.displayName = 'TreeView';
-var _default = TreeView;
-exports.default = _default;

package/cjs/Cascader/TreeView.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-import { ItemDataType, WithAsProps, RsRefForwardingComponent } from '../@types/common';
-import { ValueType } from './Cascader';
-declare type SetLike<T = unknown> = {
-    has(value: T): boolean;
-};
-export interface TreeViewProps extends Omit<WithAsProps, 'classPrefix'> {
-    classPrefix: string;
-    disabledItemValues: ValueType[];
-    activeItemValue?: ValueType | null;
-    childrenKey: string;
-    cascadeData: (readonly ItemDataType[])[];
-    loadingItemsSet?: SetLike<ItemDataType>;
-    cascadePaths: ItemDataType[];
-    valueKey: string;
-    labelKey: string;
-    menuWidth?: number;
-    menuHeight?: number | string;
-    renderMenuItem?: (itemLabel: React.ReactNode, item: ItemDataType) => React.ReactNode;
-    renderMenu?: (items: readonly ItemDataType[], menu: React.ReactNode, parentNode?: ItemDataType, layer?: number) => React.ReactNode;
-    onSelect?: (node: ItemDataType, cascadePaths: ItemDataType[], isLeafNode: boolean, event: React.MouseEvent) => void;
-}
-declare const TreeView: RsRefForwardingComponent<'div', TreeViewProps>;
-export default TreeView;