rsuite 5.76.0 → 6.0.0-canary-20241227

package/cjs/Cascader/Cascader.js

@@ -5,9 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 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 _propTypes = _interopRequireDefault(require("prop-types"));
 var _omit = _interopRequireDefault(require("lodash/omit"));
 var _pick = _interopRequireDefault(require("lodash/pick"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
@@ -17,121 +15,106 @@ var _SearchView = _interopRequireDefault(require("../CascadeTree/SearchView"));
 var _hooks = require("../CascadeTree/hooks");
 var _utils = require("../Tree/utils");
 var _utils2 = require("../internals/Tree/utils");
-var _propTypes2 = require("../internals/propTypes");
 var _hooks2 = require("../internals/hooks");
 var _utils3 = require("../internals/utils");
 var _Picker = require("../internals/Picker");
 var _CustomProvider = require("../CustomProvider");
-var _useActive2 = _interopRequireDefault(require("./useActive"));
-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"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+var _useActive = _interopRequireDefault(require("./useActive"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var emptyArray = [];
+const emptyArray = [];
 
 /**
  * The `Cascader` component displays a hierarchical list of options.
  * @see https://rsuitejs.com/components/cascader
  */
-var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _useCustom = (0, _CustomProvider.useCustom)('Cascader', props),
-    rtl = _useCustom.rtl,
-    propsWithDefaults = _useCustom.propsWithDefaults;
-  var _propsWithDefaults$as = propsWithDefaults.as,
-    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
-    _propsWithDefaults$da = propsWithDefaults.data,
-    data = _propsWithDefaults$da === void 0 ? emptyArray : _propsWithDefaults$da,
-    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
-    classPrefix = _propsWithDefaults$cl === void 0 ? 'picker' : _propsWithDefaults$cl,
-    _propsWithDefaults$ch = propsWithDefaults.childrenKey,
-    childrenKey = _propsWithDefaults$ch === void 0 ? 'children' : _propsWithDefaults$ch,
-    _propsWithDefaults$va = propsWithDefaults.valueKey,
-    valueKey = _propsWithDefaults$va === void 0 ? 'value' : _propsWithDefaults$va,
-    _propsWithDefaults$la = propsWithDefaults.labelKey,
-    labelKey = _propsWithDefaults$la === void 0 ? 'label' : _propsWithDefaults$la,
-    defaultValue = propsWithDefaults.defaultValue,
-    placeholder = propsWithDefaults.placeholder,
-    disabled = propsWithDefaults.disabled,
-    _propsWithDefaults$di = propsWithDefaults.disabledItemValues,
-    disabledItemValues = _propsWithDefaults$di === void 0 ? emptyArray : _propsWithDefaults$di,
-    _propsWithDefaults$ap = propsWithDefaults.appearance,
-    appearance = _propsWithDefaults$ap === void 0 ? 'default' : _propsWithDefaults$ap,
-    _propsWithDefaults$cl2 = propsWithDefaults.cleanable,
-    cleanable = _propsWithDefaults$cl2 === void 0 ? true : _propsWithDefaults$cl2,
-    locale = propsWithDefaults.locale,
-    toggleAs = propsWithDefaults.toggleAs,
-    style = propsWithDefaults.style,
-    valueProp = propsWithDefaults.value,
-    popupClassName = propsWithDefaults.popupClassName,
-    popupStyle = propsWithDefaults.popupStyle,
-    columnHeight = propsWithDefaults.columnHeight,
-    columnWidth = propsWithDefaults.columnWidth,
-    _propsWithDefaults$se = propsWithDefaults.searchable,
-    searchable = _propsWithDefaults$se === void 0 ? true : _propsWithDefaults$se,
-    parentSelectable = propsWithDefaults.parentSelectable,
-    _propsWithDefaults$pl = propsWithDefaults.placement,
-    placement = _propsWithDefaults$pl === void 0 ? 'bottomStart' : _propsWithDefaults$pl,
-    id = propsWithDefaults.id,
-    renderColumn = propsWithDefaults.renderColumn,
-    renderTreeNode = propsWithDefaults.renderTreeNode,
-    renderSearchItem = propsWithDefaults.renderSearchItem,
-    renderValue = propsWithDefaults.renderValue,
-    renderExtraFooter = propsWithDefaults.renderExtraFooter,
-    onEntered = propsWithDefaults.onEntered,
-    onExited = propsWithDefaults.onExited,
-    onClean = propsWithDefaults.onClean,
-    onChange = propsWithDefaults.onChange,
-    onSelect = propsWithDefaults.onSelect,
-    onSearch = propsWithDefaults.onSearch,
-    getChildren = propsWithDefaults.getChildren,
-    DEPRECATED_menuClassName = propsWithDefaults.menuClassName,
-    DEPRECATED_menuStyle = propsWithDefaults.menuStyle,
-    DEPRECATED_menuWidth = propsWithDefaults.menuWidth,
-    DEPRECATED_menuHeight = propsWithDefaults.menuHeight,
-    DEPRECATED_renderMenuItem = propsWithDefaults.renderMenuItem,
-    DEPRECATED_renderMenu = propsWithDefaults.renderMenu,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
-  var _usePickerRef = (0, _Picker.usePickerRef)(ref),
-    trigger = _usePickerRef.trigger,
-    root = _usePickerRef.root,
-    target = _usePickerRef.target,
-    overlay = _usePickerRef.overlay,
-    searchInput = _usePickerRef.searchInput;
-  var _ref = (0, _hooks2.useControlled)(valueProp, defaultValue),
-    value = _ref[0],
-    setValue = _ref[1];
+const Cascader = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    rtl,
+    propsWithDefaults
+  } = (0, _CustomProvider.useCustom)('Cascader', props);
+  const {
+    as: Component = 'div',
+    data = emptyArray,
+    classPrefix = 'picker',
+    childrenKey = 'children',
+    valueKey = 'value',
+    labelKey = 'label',
+    defaultValue,
+    placeholder,
+    disabled,
+    disabledItemValues = emptyArray,
+    appearance = 'default',
+    cleanable = true,
+    locale,
+    toggleAs,
+    style,
+    value: valueProp,
+    popupClassName,
+    popupStyle,
+    columnHeight,
+    columnWidth,
+    searchable = true,
+    parentSelectable,
+    placement = 'bottomStart',
+    id,
+    renderColumn,
+    renderTreeNode,
+    renderSearchItem,
+    renderValue,
+    renderExtraFooter,
+    onEntered,
+    onExited,
+    onClean,
+    onChange,
+    onSelect,
+    onSearch,
+    getChildren,
+    menuClassName: DEPRECATED_menuClassName,
+    menuStyle: DEPRECATED_menuStyle,
+    menuWidth: DEPRECATED_menuWidth,
+    menuHeight: DEPRECATED_menuHeight,
+    renderMenuItem: DEPRECATED_renderMenuItem,
+    renderMenu: DEPRECATED_renderMenu,
+    ...rest
+  } = propsWithDefaults;
+  const {
+    trigger,
+    root,
+    target,
+    overlay,
+    searchInput
+  } = (0, _Picker.usePickerRef)(ref);
+  const [value, setValue] = (0, _hooks2.useControlled)(valueProp, defaultValue);
 
   // Store the children of each node
-  var childrenMap = (0, _hooks2.useMap)();
+  const childrenMap = (0, _hooks2.useMap)();
 
   // Store the parent of each node
-  var parentMap = (0, _react.useMemo)(function () {
-    return (0, _utils2.getParentMap)(data, function (item) {
-      var _childrenMap$get;
-      return (_childrenMap$get = childrenMap.get(item)) !== null && _childrenMap$get !== void 0 ? _childrenMap$get : item[childrenKey];
-    });
-  }, [childrenMap, childrenKey, data]);
+  const parentMap = (0, _react.useMemo)(() => (0, _utils2.getParentMap)(data, item => {
+    var _childrenMap$get;
+    return (_childrenMap$get = childrenMap.get(item)) !== null && _childrenMap$get !== void 0 ? _childrenMap$get : item[childrenKey];
+  }), [childrenMap, childrenKey, data]);
 
   // Flatten the tree data
-  var flattenedData = (0, _react.useMemo)(function () {
-    return (0, _utils.flattenTree)(data, function (item) {
-      var _childrenMap$get2;
-      return (_childrenMap$get2 = childrenMap.get(item)) !== null && _childrenMap$get2 !== void 0 ? _childrenMap$get2 : item[childrenKey];
-    });
-  }, [childrenMap, childrenKey, data]);
+  const flattenedData = (0, _react.useMemo)(() => (0, _utils.flattenTree)(data, item => {
+    var _childrenMap$get2;
+    return (_childrenMap$get2 = childrenMap.get(item)) !== null && _childrenMap$get2 !== void 0 ? _childrenMap$get2 : item[childrenKey];
+  }), [childrenMap, childrenKey, data]);
 
   // The selected item
-  var selectedItem = flattenedData.find(function (item) {
-    return item[valueKey] === value;
-  });
+  const selectedItem = flattenedData.find(item => item[valueKey] === value);
 
   // Callback function after selecting the node
-  var onSelectCallback = function onSelectCallback(node, event) {
+  const onSelectCallback = (node, event) => {
     var _trigger$current;
-    var isLeafNode = node.isLeafNode,
-      cascadePaths = node.cascadePaths,
-      itemData = node.itemData;
+    const {
+      isLeafNode,
+      cascadePaths,
+      itemData
+    } = node;
     onSelect === null || onSelect === void 0 || onSelect(itemData, cascadePaths, event);
-    var nextValue = itemData[valueKey];
+    const nextValue = itemData[valueKey];
     if (isLeafNode) {
       // Determines whether the option is a leaf node, and if so, closes the picker.
       handleClose();
@@ -148,70 +131,66 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     // Update menu position
     (_trigger$current = trigger.current) === null || _trigger$current === void 0 || _trigger$current.updatePosition();
   };
-  var _useSelect = (0, _hooks.useSelect)({
-      value: value,
-      valueKey: valueKey,
-      childrenKey: childrenKey,
-      childrenMap: childrenMap,
-      selectedItem: selectedItem,
-      getChildren: getChildren,
-      onChange: onChange,
-      onSelect: onSelectCallback
-    }),
-    activeItem = _useSelect.activeItem,
-    setActiveItem = _useSelect.setActiveItem,
-    loadingItemsSet = _useSelect.loadingItemsSet,
-    handleSelect = _useSelect.handleSelect;
-  var _usePaths = (0, _hooks.usePaths)({
-      data: data,
-      activeItem: activeItem,
-      selectedItem: selectedItem,
-      getParent: function getParent(item) {
-        return parentMap.get(item);
-      },
-      getChildren: function getChildren(item) {
-        var _childrenMap$get3;
-        return (_childrenMap$get3 = childrenMap.get(item)) !== null && _childrenMap$get3 !== void 0 ? _childrenMap$get3 : item[childrenKey];
-      }
-    }),
-    columns = _usePaths.columns,
-    pathTowardsActiveItem = _usePaths.pathTowardsActiveItem,
-    pathTowardsSelectedItem = _usePaths.pathTowardsSelectedItem;
+  const {
+    activeItem,
+    setActiveItem,
+    loadingItemsSet,
+    handleSelect
+  } = (0, _hooks.useSelect)({
+    value,
+    valueKey,
+    childrenKey,
+    childrenMap,
+    selectedItem,
+    getChildren,
+    onChange,
+    onSelect: onSelectCallback
+  });
+  const {
+    columns,
+    pathTowardsActiveItem,
+    pathTowardsSelectedItem
+  } = (0, _hooks.usePaths)({
+    data,
+    activeItem,
+    selectedItem,
+    getParent: item => parentMap.get(item),
+    getChildren: item => {
+      var _childrenMap$get3;
+      return (_childrenMap$get3 = childrenMap.get(item)) !== null && _childrenMap$get3 !== void 0 ? _childrenMap$get3 : item[childrenKey];
+    }
+  });
 
   /**
    * 1.Have a value and the value is valid.
    * 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, _hooks2.useClassNames)(classPrefix),
-    prefix = _useClassNames.prefix,
-    merge = _useClassNames.merge;
-  var onFocusItemCallback = (0, _react.useCallback)(function (value) {
-    setActiveItem(flattenedData.find(function (item) {
-      return item[valueKey] === value;
-    }));
+  let hasValue = pathTowardsSelectedItem.length > 0 || !(0, _isNil.default)(value) && (0, _isFunction.default)(renderValue);
+  const {
+    prefix,
+    merge
+  } = (0, _hooks2.useClassNames)(classPrefix);
+  const onFocusItemCallback = (0, _react.useCallback)(value => {
+    setActiveItem(flattenedData.find(item => item[valueKey] === value));
   }, [flattenedData, setActiveItem, valueKey]);
 
   // Used to hover the focuse item  when trigger `onKeydown`
-  var _useFocusItemValue = (0, _Picker.useFocusItemValue)(value, {
-      rtl: rtl,
-      data: flattenedData,
-      valueKey: valueKey,
-      defaultLayer: pathTowardsSelectedItem !== null && pathTowardsSelectedItem !== void 0 && pathTowardsSelectedItem.length ? pathTowardsSelectedItem.length - 1 : 0,
-      target: function target() {
-        return overlay.current;
-      },
-      getParent: function getParent(item) {
-        return parentMap.get(item);
-      },
-      callback: onFocusItemCallback
-    }),
-    focusItemValue = _useFocusItemValue.focusItemValue,
-    setFocusItemValue = _useFocusItemValue.setFocusItemValue,
-    setLayer = _useFocusItemValue.setLayer,
-    setKeys = _useFocusItemValue.setKeys,
-    onFocusItem = _useFocusItemValue.onKeyDown;
-  var onSearchCallback = function onSearchCallback(value, items, event) {
+  const {
+    focusItemValue,
+    setFocusItemValue,
+    setLayer,
+    setKeys,
+    onKeyDown: onFocusItem
+  } = (0, _Picker.useFocusItemValue)(value, {
+    rtl,
+    data: flattenedData,
+    valueKey,
+    defaultLayer: pathTowardsSelectedItem !== null && pathTowardsSelectedItem !== void 0 && pathTowardsSelectedItem.length ? pathTowardsSelectedItem.length - 1 : 0,
+    target: () => overlay.current,
+    getParent: item => parentMap.get(item),
+    callback: onFocusItemCallback
+  });
+  const onSearchCallback = (value, items, event) => {
     onSearch === null || onSearch === void 0 || onSearch(value, event);
     if (!value || items.length === 0) {
       setFocusItemValue(undefined);
@@ -223,46 +202,46 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       setKeys([]);
     }
   };
-  var _useSearch = (0, _hooks.useSearch)({
-      labelKey: labelKey,
-      childrenKey: childrenKey,
-      parentMap: parentMap,
-      flattenedData: flattenedData,
-      parentSelectable: parentSelectable,
-      onSearch: onSearchCallback
-    }),
-    items = _useSearch.items,
-    searchKeyword = _useSearch.searchKeyword,
-    setSearchKeyword = _useSearch.setSearchKeyword,
-    handleSearch = _useSearch.handleSearch;
-  var _useActive = (0, _useActive2.default)({
-      onEntered: onEntered,
-      onExited: onExited,
-      target: target,
-      setSearchKeyword: setSearchKeyword
-    }),
-    active = _useActive.active,
-    handleEntered = _useActive.handleEntered,
-    handleExited = _useActive.handleExited;
-  var handleClose = (0, _hooks2.useEventCallback)(function () {
+  const {
+    items,
+    searchKeyword,
+    setSearchKeyword,
+    handleSearch
+  } = (0, _hooks.useSearch)({
+    labelKey,
+    childrenKey,
+    parentMap,
+    flattenedData,
+    parentSelectable,
+    onSearch: onSearchCallback
+  });
+  const {
+    active,
+    handleEntered,
+    handleExited
+  } = (0, _useActive.default)({
+    onEntered,
+    onExited,
+    target,
+    setSearchKeyword
+  });
+  const handleClose = (0, _hooks2.useEventCallback)(() => {
     var _trigger$current2, _target$current, _target$current$focus;
     (_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 || _trigger$current2.close();
 
     // The focus is on the trigger button after closing
     (_target$current = target.current) === null || _target$current === void 0 || (_target$current$focus = _target$current.focus) === null || _target$current$focus === void 0 || _target$current$focus.call(_target$current);
   });
-  var handleClean = (0, _hooks2.useEventCallback)(function (event) {
+  const handleClean = (0, _hooks2.useEventCallback)(event => {
     if (disabled || !target.current) {
       return;
     }
     setValue(null);
     onChange === null || onChange === void 0 || onChange(null, event);
   });
-  var handleMenuPressEnter = (0, _hooks2.useEventCallback)(function (event) {
-    var focusItem = (0, _utils2.findNodeOfTree)(data, function (item) {
-      return item[valueKey] === focusItemValue;
-    });
-    var isLeafNode = focusItem && !focusItem[childrenKey];
+  const handleMenuPressEnter = (0, _hooks2.useEventCallback)(event => {
+    const focusItem = (0, _utils2.findNodeOfTree)(data, item => item[valueKey] === focusItemValue);
+    const isLeafNode = focusItem && !focusItem[childrenKey];
     if (isLeafNode) {
       setValue(focusItemValue);
       if (pathTowardsActiveItem.length) {
@@ -275,33 +254,36 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       handleClose();
     }
   });
-  var onPickerKeyDown = (0, _Picker.useToggleKeyDownEvent)((0, _extends2.default)({
+  const onPickerKeyDown = (0, _Picker.useToggleKeyDownEvent)({
     toggle: !focusItemValue || !active,
-    trigger: trigger,
-    target: target,
-    overlay: overlay,
-    searchInput: searchInput,
-    active: active,
+    trigger,
+    target,
+    overlay,
+    searchInput,
+    active,
     onExit: handleClean,
     onMenuKeyDown: onFocusItem,
-    onMenuPressEnter: handleMenuPressEnter
-  }, rest));
+    onMenuPressEnter: handleMenuPressEnter,
+    ...rest
+  });
 
   /**
    * The search structure option is processed after being selected.
    */
-  var handleSearchRowSelect = (0, _hooks2.useEventCallback)(function (itemData, nodes, event) {
-    var nextValue = itemData[valueKey];
+  const handleSearchRowSelect = (0, _hooks2.useEventCallback)((itemData, nodes, event) => {
+    const nextValue = itemData[valueKey];
     handleClose();
     setSearchKeyword('');
     setValue(nextValue);
     onSelect === null || onSelect === void 0 || onSelect(itemData, nodes, event);
     onChange === null || onChange === void 0 || onChange(nextValue, event);
   });
-  var renderCascadeColumn = function renderCascadeColumn(childNodes, column) {
-    var items = column.items,
-      parentItem = column.parentItem,
-      layer = column.layer;
+  const renderCascadeColumn = (childNodes, column) => {
+    const {
+      items,
+      parentItem,
+      layer
+    } = column;
     if (typeof renderColumn === 'function') {
       return renderColumn(childNodes, column);
     } else if (typeof DEPRECATED_renderMenu === 'function') {
@@ -309,23 +291,26 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     }
     return childNodes;
   };
-  var renderCascadeTreeNode = function renderCascadeTreeNode(node, itemData) {
-    var render = typeof renderTreeNode === 'function' ? renderTreeNode : DEPRECATED_renderMenuItem;
+  const renderCascadeTreeNode = (node, itemData) => {
+    const render = typeof renderTreeNode === 'function' ? renderTreeNode : DEPRECATED_renderMenuItem;
     if (typeof render === 'function') {
       return render(node, itemData);
     }
     return node;
   };
-  var renderTreeView = function renderTreeView(positionProps, speakerRef) {
-    var _ref2 = positionProps || {},
-      left = _ref2.left,
-      top = _ref2.top,
-      className = _ref2.className;
-    var styles = (0, _extends2.default)({}, DEPRECATED_menuStyle, popupStyle, {
-      left: left,
-      top: top
-    });
-    var classes = merge(className, DEPRECATED_menuClassName, popupClassName, prefix('popup-cascader'));
+  const renderTreeView = (positionProps, speakerRef) => {
+    const {
+      left,
+      top,
+      className
+    } = positionProps || {};
+    const styles = {
+      ...DEPRECATED_menuStyle,
+      ...popupStyle,
+      left,
+      top
+    };
+    const classes = merge(className, DEPRECATED_menuClassName, popupClassName, prefix('popup-cascader'));
     return /*#__PURE__*/_react.default.createElement(_Picker.PickerPopup, {
       ref: (0, _utils3.mergeRefs)(overlay, speakerRef),
       className: classes,
@@ -362,18 +347,18 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       renderTreeNode: renderCascadeTreeNode
     }), renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter());
   };
-  var selectedElement = placeholder;
+  let selectedElement = placeholder;
   if (pathTowardsSelectedItem.length > 0) {
     selectedElement = [];
-    pathTowardsSelectedItem.forEach(function (item, index) {
-      var key = item[valueKey] || item[labelKey];
+    pathTowardsSelectedItem.forEach((item, index) => {
+      const key = item[valueKey] || item[labelKey];
       selectedElement.push(/*#__PURE__*/_react.default.createElement("span", {
         key: key
       }, item[labelKey]));
       if (index < pathTowardsSelectedItem.length - 1) {
         selectedElement.push(/*#__PURE__*/_react.default.createElement("span", {
           className: "separator",
-          key: key + "-separator"
+          key: `${key}-separator`
         }, ' / '));
       }
     });
@@ -385,15 +370,14 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       hasValue = false;
     }
   }
-  var _usePickerClassName = (0, _Picker.usePickerClassName)((0, _extends2.default)({}, props, {
-      classPrefix: classPrefix,
-      hasValue: hasValue,
-      name: 'cascader',
-      appearance: appearance,
-      cleanable: cleanable
-    })),
-    classes = _usePickerClassName[0],
-    usedClassNamePropKeys = _usePickerClassName[1];
+  const [classes, usedClassNamePropKeys] = (0, _Picker.usePickerClassName)({
+    ...props,
+    classPrefix,
+    hasValue,
+    name: 'cascader',
+    appearance,
+    cleanable
+  });
   return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {
     id: id,
     popupType: "tree",
@@ -407,7 +391,7 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     className: classes,
     style: style,
     ref: root
-  }, /*#__PURE__*/_react.default.createElement(_Picker.PickerToggle, (0, _extends2.default)({}, (0, _omit.default)(rest, [].concat(_Picker.omitTriggerPropKeys, usedClassNamePropKeys)), {
+  }, /*#__PURE__*/_react.default.createElement(_Picker.PickerToggle, (0, _extends2.default)({}, (0, _omit.default)(rest, [..._Picker.omitTriggerPropKeys, ...usedClassNamePropKeys]), {
     ref: target,
     as: toggleAs,
     appearance: appearance,
@@ -423,24 +407,4 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }), selectedElement || (locale === null || locale === void 0 ? void 0 : locale.placeholder))));
 });
 Cascader.displayName = 'Cascader';
-Cascader.propTypes = (0, _extends2.default)({}, _Picker.listPickerPropTypes, {
-  disabledItemValues: _propTypes.default.array,
-  locale: _propTypes.default.any,
-  appearance: (0, _propTypes2.oneOf)(['default', 'subtle']),
-  onSelect: _propTypes.default.func,
-  onSearch: _propTypes.default.func,
-  cleanable: _propTypes.default.bool,
-  renderColumn: _propTypes.default.func,
-  renderTreeNode: _propTypes.default.func,
-  renderSearchItem: _propTypes.default.func,
-  columnWidth: _propTypes.default.number,
-  columnHeight: _propTypes.default.number,
-  searchable: _propTypes.default.bool,
-  parentSelectable: _propTypes.default.bool,
-  inline: (0, _propTypes2.deprecatePropTypeNew)(_propTypes.default.bool, 'Use `<CascadeTree>` instead.'),
-  renderMenu: (0, _propTypes2.deprecatePropTypeNew)(_propTypes.default.func, 'Use "renderColumn" property instead.'),
-  renderMenuItem: (0, _propTypes2.deprecatePropTypeNew)(_propTypes.default.func, 'Use "renderTreeNode" property instead.'),
-  menuWidth: (0, _propTypes2.deprecatePropTypeNew)(_propTypes.default.number, 'Use "columnWidth" property instead.'),
-  menuHeight: (0, _propTypes2.deprecatePropTypeNew)(_propTypes.default.number, 'Use "columnHeight" property instead.')
-});
 var _default = exports.default = Cascader;

package/cjs/Cascader/useActive.js

@@ -5,18 +5,18 @@ exports.__esModule = true;
 exports.default = void 0;
 var _react = require("react");
 var _hooks = require("../internals/hooks");
-var useActive = function useActive(props) {
-  var onOpen = props.onOpen,
-    onClose = props.onClose,
-    onEntered = props.onEntered,
-    onExited = props.onExited,
-    target = props.target,
-    setSearchKeyword = props.setSearchKeyword;
+const useActive = props => {
+  const {
+    onOpen,
+    onClose,
+    onEntered,
+    onExited,
+    target,
+    setSearchKeyword
+  } = props;
   // Use component active state to support keyboard events.
-  var _useState = (0, _react.useState)(false),
-    active = _useState[0],
-    setActive = _useState[1];
-  var handleEntered = (0, _hooks.useEventCallback)(function (node) {
+  const [active, setActive] = (0, _react.useState)(false);
+  const handleEntered = (0, _hooks.useEventCallback)(node => {
     onEntered === null || onEntered === void 0 || onEntered(node);
     if (!target.current) {
       return;
@@ -24,7 +24,7 @@ var useActive = function useActive(props) {
     onOpen === null || onOpen === void 0 || onOpen();
     setActive(true);
   });
-  var handleExited = (0, _hooks.useEventCallback)(function (node) {
+  const handleExited = (0, _hooks.useEventCallback)(node => {
     onExited === null || onExited === void 0 || onExited(node);
     if (!target.current) {
       return;
@@ -34,9 +34,9 @@ var useActive = function useActive(props) {
     setSearchKeyword('');
   });
   return {
-    active: active,
-    handleEntered: handleEntered,
-    handleExited: handleExited
+    active,
+    handleEntered,
+    handleExited
   };
 };
 var _default = exports.default = useActive;

package/cjs/CheckPicker/CheckPicker.d.ts

@@ -15,7 +15,6 @@ export interface CheckPickerComponent {
         ref?: React.Ref<PickerHandle>;
     }): JSX.Element | null;
     displayName?: string;
-    propTypes?: React.WeakValidationMap<CheckPickerProps<any>>;
 }
 /**
  * A component for selecting checkable items in a dropdown list.