rsuite 5.40.0 → 5.41.0

package/cjs/CheckPicker/CheckPicker.js

@@ -1,169 +1,137 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
-
 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 _clone = _interopRequireDefault(require("lodash/clone"));
-
 var _isUndefined = _interopRequireDefault(require("lodash/isUndefined"));
-
 var _isFunction = _interopRequireDefault(require("lodash/isFunction"));
-
 var _remove = _interopRequireDefault(require("lodash/remove"));
-
 var _omit = _interopRequireDefault(require("lodash/omit"));
-
 var _pick = _interopRequireDefault(require("lodash/pick"));
-
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
-
 var _treeUtils = require("../utils/treeUtils");
-
 var _utils = require("../utils");
-
 var _getDataGroupBy = require("../utils/getDataGroupBy");
-
 var _Picker = require("../Picker");
-
 var _templateObject;
-
 var emptyArray = [];
-
 var CheckPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'div' : _props$as,
-      _props$appearance = props.appearance,
-      appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,
-      _props$countable = props.countable,
-      countable = _props$countable === void 0 ? true : _props$countable,
-      _props$data = props.data,
-      data = _props$data === void 0 ? emptyArray : _props$data,
-      _props$disabledItemVa = props.disabledItemValues,
-      disabledItemValues = _props$disabledItemVa === void 0 ? emptyArray : _props$disabledItemVa,
-      _props$valueKey = props.valueKey,
-      valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,
-      _props$labelKey = props.labelKey,
-      labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,
-      _props$searchable = props.searchable,
-      searchable = _props$searchable === void 0 ? true : _props$searchable,
-      virtualized = props.virtualized,
-      _props$cleanable = props.cleanable,
-      cleanable = _props$cleanable === void 0 ? true : _props$cleanable,
-      _props$placement = props.placement,
-      placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
-      _props$menuAutoWidth = props.menuAutoWidth,
-      menuAutoWidth = _props$menuAutoWidth === void 0 ? true : _props$menuAutoWidth,
-      _props$menuMaxHeight = props.menuMaxHeight,
-      menuMaxHeight = _props$menuMaxHeight === void 0 ? 320 : _props$menuMaxHeight,
-      menuClassName = props.menuClassName,
-      menuStyle = props.menuStyle,
-      overrideLocale = props.locale,
-      placeholder = props.placeholder,
-      disabled = props.disabled,
-      toggleAs = props.toggleAs,
-      style = props.style,
-      sticky = props.sticky,
-      valueProp = props.value,
-      defaultValue = props.defaultValue,
-      groupBy = props.groupBy,
-      listProps = props.listProps,
-      id = props.id,
-      sort = props.sort,
-      searchBy = props.searchBy,
-      renderMenuItem = props.renderMenuItem,
-      renderMenuGroup = props.renderMenuGroup,
-      renderValue = props.renderValue,
-      renderExtraFooter = props.renderExtraFooter,
-      renderMenu = props.renderMenu,
-      onGroupTitleClick = props.onGroupTitleClick,
-      onSearch = props.onSearch,
-      onEnter = props.onEnter,
-      onEntered = props.onEntered,
-      onExited = props.onExited,
-      onClean = props.onClean,
-      onChange = props.onChange,
-      onSelect = props.onSelect,
-      onClose = props.onClose,
-      onOpen = props.onOpen,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(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", "onClose", "onOpen"]);
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    _props$appearance = props.appearance,
+    appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,
+    _props$countable = props.countable,
+    countable = _props$countable === void 0 ? true : _props$countable,
+    _props$data = props.data,
+    data = _props$data === void 0 ? emptyArray : _props$data,
+    _props$disabledItemVa = props.disabledItemValues,
+    disabledItemValues = _props$disabledItemVa === void 0 ? emptyArray : _props$disabledItemVa,
+    _props$valueKey = props.valueKey,
+    valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,
+    _props$labelKey = props.labelKey,
+    labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,
+    _props$searchable = props.searchable,
+    searchable = _props$searchable === void 0 ? true : _props$searchable,
+    virtualized = props.virtualized,
+    _props$cleanable = props.cleanable,
+    cleanable = _props$cleanable === void 0 ? true : _props$cleanable,
+    _props$placement = props.placement,
+    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
+    _props$menuAutoWidth = props.menuAutoWidth,
+    menuAutoWidth = _props$menuAutoWidth === void 0 ? true : _props$menuAutoWidth,
+    _props$menuMaxHeight = props.menuMaxHeight,
+    menuMaxHeight = _props$menuMaxHeight === void 0 ? 320 : _props$menuMaxHeight,
+    menuClassName = props.menuClassName,
+    menuStyle = props.menuStyle,
+    overrideLocale = props.locale,
+    placeholder = props.placeholder,
+    disabled = props.disabled,
+    toggleAs = props.toggleAs,
+    style = props.style,
+    sticky = props.sticky,
+    valueProp = props.value,
+    defaultValue = props.defaultValue,
+    groupBy = props.groupBy,
+    listProps = props.listProps,
+    id = props.id,
+    sort = props.sort,
+    searchBy = props.searchBy,
+    renderMenuItem = props.renderMenuItem,
+    renderMenuGroup = props.renderMenuGroup,
+    renderValue = props.renderValue,
+    renderExtraFooter = props.renderExtraFooter,
+    renderMenu = props.renderMenu,
+    onGroupTitleClick = props.onGroupTitleClick,
+    onSearch = props.onSearch,
+    onEnter = props.onEnter,
+    onEntered = props.onEntered,
+    onExited = props.onExited,
+    onClean = props.onClean,
+    onChange = props.onChange,
+    onSelect = props.onSelect,
+    onClose = props.onClose,
+    onOpen = props.onOpen,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(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", "onClose", "onOpen"]);
   var triggerRef = (0, _react.useRef)(null);
   var targetRef = (0, _react.useRef)(null);
   var overlayRef = (0, _react.useRef)(null);
   var searchInputRef = (0, _react.useRef)(null);
   var listRef = (0, _react.useRef)(null);
-
   var _useCustom = (0, _utils.useCustom)('Picker', overrideLocale),
-      locale = _useCustom.locale;
-
+    locale = _useCustom.locale;
   var _useControlled = (0, _utils.useControlled)(valueProp, defaultValue || []),
-      value = _useControlled[0],
-      setValue = _useControlled[1]; // Used to hover the focuse item  when trigger `onKeydown`
-
-
+    value = _useControlled[0],
+    setValue = _useControlled[1]; // Used to hover the focuse item  when trigger `onKeydown`
   var _useFocusItemValue = (0, _Picker.useFocusItemValue)(value === null || value === void 0 ? void 0 : value[0], {
-    data: data,
-    valueKey: valueKey,
-    target: function target() {
-      return overlayRef.current;
-    }
-  }),
-      focusItemValue = _useFocusItemValue.focusItemValue,
-      setFocusItemValue = _useFocusItemValue.setFocusItemValue,
-      onFocusItem = _useFocusItemValue.onKeyDown;
-
+      data: data,
+      valueKey: valueKey,
+      target: function target() {
+        return overlayRef.current;
+      }
+    }),
+    focusItemValue = _useFocusItemValue.focusItemValue,
+    setFocusItemValue = _useFocusItemValue.setFocusItemValue,
+    onFocusItem = _useFocusItemValue.onKeyDown;
   var handleSearchCallback = (0, _react.useCallback)(function (searchKeyword, filteredData, event) {
     var _filteredData$;
-
     // The first option after filtering is the focus.
     setFocusItemValue(filteredData === null || filteredData === void 0 ? void 0 : (_filteredData$ = filteredData[0]) === null || _filteredData$ === void 0 ? void 0 : _filteredData$[valueKey]);
     onSearch === null || onSearch === void 0 ? void 0 : onSearch(searchKeyword, event);
-  }, [setFocusItemValue, onSearch, valueKey]); // Use search keywords to filter options.
+  }, [setFocusItemValue, onSearch, valueKey]);
 
+  // Use search keywords to filter options.
   var _useSearch = (0, _Picker.useSearch)(data, {
-    labelKey: labelKey,
-    searchBy: searchBy,
-    callback: handleSearchCallback
-  }),
-      searchKeyword = _useSearch.searchKeyword,
-      filteredData = _useSearch.filteredData,
-      handleSearch = _useSearch.handleSearch,
-      resetSearch = _useSearch.resetSearch,
-      checkShouldDisplay = _useSearch.checkShouldDisplay; // Use component active state to support keyboard events.
-
-
+      labelKey: labelKey,
+      searchBy: searchBy,
+      callback: handleSearchCallback
+    }),
+    searchKeyword = _useSearch.searchKeyword,
+    filteredData = _useSearch.filteredData,
+    handleSearch = _useSearch.handleSearch,
+    resetSearch = _useSearch.resetSearch,
+    checkShouldDisplay = _useSearch.checkShouldDisplay; // Use component active state to support keyboard events.
   var _useState = (0, _react.useState)(false),
-      active = _useState[0],
-      setActive = _useState[1]; // A list of shortcut options.
+    active = _useState[0],
+    setActive = _useState[1]; // A list of shortcut options.
   // when opened again, the selected options are displayed at the top.
-
-
   var _useState2 = (0, _react.useState)([]),
-      stickyItems = _useState2[0],
-      setStickyItems = _useState2[1];
-
+    stickyItems = _useState2[0],
+    setStickyItems = _useState2[1];
   var initStickyItems = function initStickyItems() {
     if (!sticky) {
       return;
     }
-
     var nextStickyItems = [];
-
     if (data && value.length) {
       nextStickyItems = data.filter(function (item) {
         return value.some(function (v) {
@@ -171,10 +139,8 @@ var CheckPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
         });
       });
     }
-
     setStickyItems(nextStickyItems);
   };
-
   var handleChangeValue = (0, _react.useCallback)(function (value, event) {
     onChange === null || onChange === void 0 ? void 0 : onChange(value, event);
   }, [onChange]);
@@ -182,19 +148,15 @@ var CheckPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     if (disabled || !cleanable) {
       return;
     }
-
     setValue([]);
     onClean === null || onClean === void 0 ? void 0 : onClean(event);
     handleChangeValue([], event);
   }, [disabled, cleanable, setValue, onClean, handleChangeValue]);
-
   var handleMenuPressEnter = function handleMenuPressEnter(event) {
     var nextValue = (0, _clone.default)(value);
-
     if (!focusItemValue) {
       return;
     }
-
     if (!nextValue.some(function (v) {
       return (0, _utils.shallowEqual)(v, focusItemValue);
     })) {
@@ -204,7 +166,6 @@ var CheckPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
         return (0, _utils.shallowEqual)(itemVal, focusItemValue);
       });
     }
-
     var focusItem = data.find(function (item) {
       return (0, _utils.shallowEqual)(item === null || item === void 0 ? void 0 : item[valueKey], focusItemValue);
     });
@@ -212,7 +173,6 @@ var CheckPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     handleSelect(nextValue, focusItem, event);
     handleChangeValue(nextValue, event);
   };
-
   var onPickerKeyDown = (0, _Picker.useToggleKeyDownEvent)((0, _extends2.default)({
     toggle: !focusItemValue || !active,
     triggerRef: triggerRef,
@@ -233,7 +193,6 @@ var CheckPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }, [onSelect]);
   var handleItemSelect = (0, _react.useCallback)(function (nextItemValue, item, event, checked) {
     var nextValue = (0, _clone.default)(value);
-
     if (checked) {
       nextValue.push(nextItemValue);
     } else {
@@ -241,7 +200,6 @@ var CheckPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
         return (0, _utils.shallowEqual)(itemVal, nextItemValue);
       });
     }
-
     setValue(nextValue);
     setFocusItemValue(nextItemValue);
     handleSelect(nextValue, item, event);
@@ -268,19 +226,16 @@ var CheckPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       return (0, _utils.shallowEqual)(item[valueKey], val);
     });
   }) || [];
+
   /**
    * 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 = selectedItems.length > 0 || (value === null || value === void 0 ? void 0 : value.length) > 0 && (0, _isFunction.default)(renderValue);
-
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-      prefix = _useClassNames.prefix,
-      merge = _useClassNames.merge;
-
+    prefix = _useClassNames.prefix,
+    merge = _useClassNames.merge;
   var selectedElement = placeholder;
-
   if (selectedItems.length > 0) {
     selectedElement = /*#__PURE__*/_react.default.createElement(_Picker.SelectedElement, {
       selectedItems: selectedItems,
@@ -290,19 +245,17 @@ var CheckPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       prefix: prefix
     });
   }
-
   if ((value === null || value === void 0 ? void 0 : value.length) > 0 && (0, _isFunction.default)(renderValue)) {
-    selectedElement = renderValue(value, selectedItems, selectedElement); // If renderValue returns null or undefined, hasValue is false.
-
+    selectedElement = renderValue(value, selectedItems, selectedElement);
+    // If renderValue returns null or undefined, hasValue is false.
     if ((0, _isNil.default)(selectedElement)) {
       hasValue = false;
     }
   }
-
   var renderDropdownMenu = function renderDropdownMenu(positionProps, speakerRef) {
     var left = positionProps.left,
-        top = positionProps.top,
-        className = positionProps.className;
+      top = positionProps.top,
+      className = positionProps.className;
     var classes = merge(className, menuClassName, prefix('check-menu'));
     var styles = (0, _extends2.default)({}, menuStyle, {
       left: left,
@@ -310,7 +263,6 @@ var CheckPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     });
     var items = filteredData;
     var filteredStickyItems = [];
-
     if (stickyItems) {
       filteredStickyItems = (0, _treeUtils.filterNodesOfTree)(stickyItems, function (item) {
         return checkShouldDisplay(item);
@@ -320,15 +272,14 @@ var CheckPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
           return v[valueKey] === item[valueKey];
         });
       });
-    } // Create a tree structure data when set `groupBy`
-
+    }
 
+    // Create a tree structure data when set `groupBy`
     if (groupBy) {
       items = (0, _getDataGroupBy.getDataGroupBy)(items, groupBy, sort);
     } else if (typeof sort === 'function') {
       items = items.sort(sort(false));
     }
-
     var menu = items.length || filteredStickyItems.length ? /*#__PURE__*/_react.default.createElement(_Picker.DropdownMenu, {
       id: id ? id + "-listbox" : undefined,
       listProps: listProps,
@@ -343,7 +294,8 @@ var CheckPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       dropdownMenuItemAs: _Picker.DropdownMenuCheckItem,
       activeItemValues: value,
       focusItemValue: focusItemValue,
-      data: [].concat(filteredStickyItems, items) // `group` is redundant so long as `groupBy` exists
+      data: [].concat(filteredStickyItems, items)
+      // `group` is redundant so long as `groupBy` exists
       ,
       group: !(0, _isUndefined.default)(groupBy),
       groupBy: groupBy,
@@ -367,18 +319,16 @@ var CheckPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       inputRef: searchInputRef
     }), renderMenu ? renderMenu(menu) : menu, renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter());
   };
-
   var _usePickerClassName = (0, _Picker.usePickerClassName)((0, _extends2.default)({}, props, {
-    appearance: appearance,
-    classPrefix: classPrefix,
-    cleanable: cleanable,
-    countable: countable,
-    hasValue: hasValue,
-    name: 'check'
-  })),
-      classes = _usePickerClassName[0],
-      usedClassNamePropKeys = _usePickerClassName[1];
-
+      appearance: appearance,
+      classPrefix: classPrefix,
+      cleanable: cleanable,
+      countable: countable,
+      hasValue: hasValue,
+      name: 'check'
+    })),
+    classes = _usePickerClassName[0],
+    usedClassNamePropKeys = _usePickerClassName[1];
   return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {
     pickerProps: (0, _pick.default)(props, _Picker.pickTriggerPropKeys),
     ref: triggerRef,
@@ -405,7 +355,6 @@ var CheckPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     inputValue: value
   }), selectedElement || (locale === null || locale === void 0 ? void 0 : locale.placeholder))));
 });
-
 CheckPicker.displayName = 'CheckPicker';
 CheckPicker.propTypes = (0, _extends2.default)({}, _Picker.listPickerPropTypes, {
   locale: _propTypes.default.any,

package/cjs/CheckPicker/index.js

@@ -1,11 +1,9 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _CheckPicker = _interopRequireDefault(require("./CheckPicker"));
-
 var _default = _CheckPicker.default;
 exports.default = _default;

package/cjs/CheckTree/index.js

@@ -1,20 +1,14 @@
+'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 _react = _interopRequireWildcard(require("react"));
-
 var _CheckTreePicker = _interopRequireDefault(require("../CheckTreePicker"));
-
 var _TreeContext = _interopRequireDefault(require("../Tree/TreeContext"));
-
 var CheckTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var contextValue = (0, _react.useMemo)(function () {
     return {
@@ -27,7 +21,6 @@ var CheckTree = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     ref: ref
   }, props)));
 });
-
 CheckTree.displayName = 'CheckTree';
 var _default = CheckTree;
 exports.default = _default;

package/cjs/CheckTreePicker/CheckTreeNode.js

@@ -1,62 +1,49 @@
+'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 _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _ArrowDown = _interopRequireDefault(require("@rsuite/icons/legacy/ArrowDown"));
-
 var _Spinner = _interopRequireDefault(require("@rsuite/icons/legacy/Spinner"));
-
 var _DropdownMenuCheckItem = _interopRequireDefault(require("../Picker/DropdownMenuCheckItem"));
-
 var _treeUtils = require("../utils/treeUtils");
-
 var _utils = require("../utils");
-
 var CheckTreeNode = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var _ref$as = _ref.as,
-      Component = _ref$as === void 0 ? 'div' : _ref$as,
-      style = _ref.style,
-      className = _ref.className,
-      _ref$classPrefix = _ref.classPrefix,
-      classPrefix = _ref$classPrefix === void 0 ? 'check-tree-node' : _ref$classPrefix,
-      _ref$visible = _ref.visible,
-      visible = _ref$visible === void 0 ? true : _ref$visible,
-      layer = _ref.layer,
-      disabled = _ref.disabled,
-      allUncheckable = _ref.allUncheckable,
-      rtl = _ref.rtl,
-      loading = _ref.loading,
-      expand = _ref.expand,
-      hasChildren = _ref.hasChildren,
-      nodeData = _ref.nodeData,
-      focus = _ref.focus,
-      label = _ref.label,
-      uncheckable = _ref.uncheckable,
-      checkState = _ref.checkState,
-      onExpand = _ref.onExpand,
-      onSelect = _ref.onSelect,
-      onRenderTreeIcon = _ref.onRenderTreeIcon,
-      onRenderTreeNode = _ref.onRenderTreeNode,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["as", "style", "className", "classPrefix", "visible", "layer", "disabled", "allUncheckable", "rtl", "loading", "expand", "hasChildren", "nodeData", "focus", "label", "uncheckable", "checkState", "onExpand", "onSelect", "onRenderTreeIcon", "onRenderTreeNode"]);
-
+    Component = _ref$as === void 0 ? 'div' : _ref$as,
+    style = _ref.style,
+    className = _ref.className,
+    _ref$classPrefix = _ref.classPrefix,
+    classPrefix = _ref$classPrefix === void 0 ? 'check-tree-node' : _ref$classPrefix,
+    _ref$visible = _ref.visible,
+    visible = _ref$visible === void 0 ? true : _ref$visible,
+    layer = _ref.layer,
+    disabled = _ref.disabled,
+    allUncheckable = _ref.allUncheckable,
+    rtl = _ref.rtl,
+    loading = _ref.loading,
+    expand = _ref.expand,
+    hasChildren = _ref.hasChildren,
+    nodeData = _ref.nodeData,
+    focus = _ref.focus,
+    label = _ref.label,
+    uncheckable = _ref.uncheckable,
+    checkState = _ref.checkState,
+    onExpand = _ref.onExpand,
+    onSelect = _ref.onSelect,
+    onRenderTreeIcon = _ref.onRenderTreeIcon,
+    onRenderTreeNode = _ref.onRenderTreeNode,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["as", "style", "className", "classPrefix", "visible", "layer", "disabled", "allUncheckable", "rtl", "loading", "expand", "hasChildren", "nodeData", "focus", "label", "uncheckable", "checkState", "onExpand", "onSelect", "onRenderTreeIcon", "onRenderTreeNode"]);
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-      prefix = _useClassNames.prefix,
-      merge = _useClassNames.merge,
-      withClassPrefix = _useClassNames.withClassPrefix;
-
+    prefix = _useClassNames.prefix,
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix;
   var getTitle = function getTitle() {
     if (typeof label === 'string') {
       return label;
@@ -65,10 +52,8 @@ var CheckTreeNode = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       return nodes.join('');
     }
   };
-
   var handleExpand = (0, _react.useCallback)(function (event) {
     var _event$nativeEvent, _event$nativeEvent$st;
-
     // stop propagation when using custom loading icon
     event === null || event === void 0 ? void 0 : (_event$nativeEvent = event.nativeEvent) === null || _event$nativeEvent === void 0 ? void 0 : (_event$nativeEvent$st = _event$nativeEvent.stopImmediatePropagation) === null || _event$nativeEvent$st === void 0 ? void 0 : _event$nativeEvent$st.call(_event$nativeEvent);
     onExpand === null || onExpand === void 0 ? void 0 : onExpand(nodeData);
@@ -77,32 +62,25 @@ var CheckTreeNode = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     if (disabled || uncheckable) {
       return;
     }
-
     var isChecked = false;
-
     if (checkState === _utils.CHECK_STATE.UNCHECK || checkState === _utils.CHECK_STATE.INDETERMINATE) {
       isChecked = true;
     }
-
     if (checkState === _utils.CHECK_STATE.CHECK) {
       isChecked = false;
     }
-
     var nextNodeData = (0, _extends2.default)({}, nodeData, {
       check: isChecked
     });
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(nextNodeData, event);
   }, [disabled, checkState, uncheckable, nodeData, onSelect]);
-
   var renderIcon = function renderIcon() {
     var expandIconClasses = prefix('expand-icon', 'icon', {
       expanded: expand
     });
-
     var expandIcon = /*#__PURE__*/_react.default.createElement(_ArrowDown.default, {
       className: expandIconClasses
     });
-
     if (loading) {
       expandIcon = /*#__PURE__*/_react.default.createElement("div", {
         className: prefix('loading-icon')
@@ -110,14 +88,12 @@ var CheckTreeNode = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
         spin: true
       }));
     }
-
     if (typeof onRenderTreeIcon === 'function') {
       var customIcon = onRenderTreeIcon(nodeData);
       expandIcon = customIcon !== null ? /*#__PURE__*/_react.default.createElement("div", {
         className: prefix('custom-icon')
       }, customIcon) : expandIcon;
     }
-
     return hasChildren ? /*#__PURE__*/_react.default.createElement("div", {
       role: "button",
       tabIndex: -1,
@@ -126,7 +102,6 @@ var CheckTreeNode = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       onClick: handleExpand
     }, expandIcon) : null;
   };
-
   var renderLabel = function renderLabel() {
     return /*#__PURE__*/_react.default.createElement(_DropdownMenuCheckItem.default, {
       as: "div",
@@ -144,7 +119,6 @@ var CheckTreeNode = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       className: prefix('text-wrapper')
     }, typeof onRenderTreeNode === 'function' ? onRenderTreeNode(nodeData) : label));
   };
-
   var classes = merge(className, withClassPrefix({
     disabled: disabled,
     'all-uncheckable': !!allUncheckable,