rsuite 5.40.0 → 5.41.0

package/cjs/CheckTreePicker/CheckTreePicker.js

@@ -1,234 +1,196 @@
+'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 _isUndefined2 = _interopRequireDefault(require("lodash/isUndefined"));
-
 var _cloneDeep2 = _interopRequireDefault(require("lodash/cloneDeep"));
-
 var _omit2 = _interopRequireDefault(require("lodash/omit"));
-
 var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
-
 var _pick2 = _interopRequireDefault(require("lodash/pick"));
-
 var _isNil2 = _interopRequireDefault(require("lodash/isNil"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _Windowing = require("../Windowing");
-
 var _CheckTreeNode = _interopRequireDefault(require("./CheckTreeNode"));
-
 var _TreeContext = _interopRequireDefault(require("../Tree/TreeContext"));
-
 var _treeUtils = require("../utils/treeUtils");
-
 var _utils = require("../utils");
-
 var _Picker = require("../Picker");
-
 var _utils2 = require("./utils");
-
 var emptyArray = [];
-
 var itemSize = function itemSize() {
   return 36;
 };
-
 var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'div' : _props$as,
-      _props$data = props.data,
-      data = _props$data === void 0 ? emptyArray : _props$data,
-      style = props.style,
-      _props$appearance = props.appearance,
-      appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
-      _props$cleanable = props.cleanable,
-      cleanable = _props$cleanable === void 0 ? true : _props$cleanable,
-      _props$countable = props.countable,
-      countable = _props$countable === void 0 ? true : _props$countable,
-      searchBy = props.searchBy,
-      toggleAs = props.toggleAs,
-      searchKeyword = props.searchKeyword,
-      showIndentLine = props.showIndentLine,
-      overrideLocale = props.locale,
-      _props$cascade = props.cascade,
-      cascade = _props$cascade === void 0 ? true : _props$cascade,
-      disabled = props.disabled,
-      _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$placement = props.placement,
-      placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
-      _props$childrenKey = props.childrenKey,
-      childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,
-      placeholder = props.placeholder,
-      controlledValue = props.value,
-      _props$defaultValue = props.defaultValue,
-      defaultValue = _props$defaultValue === void 0 ? emptyArray : _props$defaultValue,
-      _props$defaultExpandA = props.defaultExpandAll,
-      defaultExpandAll = _props$defaultExpandA === void 0 ? false : _props$defaultExpandA,
-      _props$disabledItemVa = props.disabledItemValues,
-      disabledItemValues = _props$disabledItemVa === void 0 ? emptyArray : _props$disabledItemVa,
-      controlledExpandItemValues = props.expandItemValues,
-      _props$defaultExpandI = props.defaultExpandItemValues,
-      defaultExpandItemValues = _props$defaultExpandI === void 0 ? emptyArray : _props$defaultExpandI,
-      _props$height = props.height,
-      height = _props$height === void 0 ? 360 : _props$height,
-      _props$menuMaxHeight = props.menuMaxHeight,
-      menuMaxHeight = _props$menuMaxHeight === void 0 ? 320 : _props$menuMaxHeight,
-      menuStyle = props.menuStyle,
-      _props$searchable = props.searchable,
-      searchable = _props$searchable === void 0 ? true : _props$searchable,
-      _props$virtualized = props.virtualized,
-      virtualized = _props$virtualized === void 0 ? false : _props$virtualized,
-      className = props.className,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,
-      menuClassName = props.menuClassName,
-      _props$menuAutoWidth = props.menuAutoWidth,
-      menuAutoWidth = _props$menuAutoWidth === void 0 ? true : _props$menuAutoWidth,
-      _props$uncheckableIte = props.uncheckableItemValues,
-      uncheckableItemValues = _props$uncheckableIte === void 0 ? emptyArray : _props$uncheckableIte,
-      id = props.id,
-      listProps = props.listProps,
-      renderMenu = props.renderMenu,
-      getChildren = props.getChildren,
-      renderExtraFooter = props.renderExtraFooter,
-      onEntered = props.onEntered,
-      onChange = props.onChange,
-      onClean = props.onClean,
-      onClose = props.onClose,
-      onExited = props.onExited,
-      onSearch = props.onSearch,
-      onSelect = props.onSelect,
-      onSelectItem = props.onSelectItem,
-      onOpen = props.onOpen,
-      onScroll = props.onScroll,
-      onExpand = props.onExpand,
-      renderValue = props.renderValue,
-      renderTreeIcon = props.renderTreeIcon,
-      renderTreeNode = props.renderTreeNode,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "data", "style", "appearance", "cleanable", "countable", "searchBy", "toggleAs", "searchKeyword", "showIndentLine", "locale", "cascade", "disabled", "valueKey", "labelKey", "placement", "childrenKey", "placeholder", "value", "defaultValue", "defaultExpandAll", "disabledItemValues", "expandItemValues", "defaultExpandItemValues", "height", "menuMaxHeight", "menuStyle", "searchable", "virtualized", "className", "classPrefix", "menuClassName", "menuAutoWidth", "uncheckableItemValues", "id", "listProps", "renderMenu", "getChildren", "renderExtraFooter", "onEntered", "onChange", "onClean", "onClose", "onExited", "onSearch", "onSelect", "onSelectItem", "onOpen", "onScroll", "onExpand", "renderValue", "renderTreeIcon", "renderTreeNode"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    _props$data = props.data,
+    data = _props$data === void 0 ? emptyArray : _props$data,
+    style = props.style,
+    _props$appearance = props.appearance,
+    appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
+    _props$cleanable = props.cleanable,
+    cleanable = _props$cleanable === void 0 ? true : _props$cleanable,
+    _props$countable = props.countable,
+    countable = _props$countable === void 0 ? true : _props$countable,
+    searchBy = props.searchBy,
+    toggleAs = props.toggleAs,
+    searchKeyword = props.searchKeyword,
+    showIndentLine = props.showIndentLine,
+    overrideLocale = props.locale,
+    _props$cascade = props.cascade,
+    cascade = _props$cascade === void 0 ? true : _props$cascade,
+    disabled = props.disabled,
+    _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$placement = props.placement,
+    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
+    _props$childrenKey = props.childrenKey,
+    childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,
+    placeholder = props.placeholder,
+    controlledValue = props.value,
+    _props$defaultValue = props.defaultValue,
+    defaultValue = _props$defaultValue === void 0 ? emptyArray : _props$defaultValue,
+    _props$defaultExpandA = props.defaultExpandAll,
+    defaultExpandAll = _props$defaultExpandA === void 0 ? false : _props$defaultExpandA,
+    _props$disabledItemVa = props.disabledItemValues,
+    disabledItemValues = _props$disabledItemVa === void 0 ? emptyArray : _props$disabledItemVa,
+    controlledExpandItemValues = props.expandItemValues,
+    _props$defaultExpandI = props.defaultExpandItemValues,
+    defaultExpandItemValues = _props$defaultExpandI === void 0 ? emptyArray : _props$defaultExpandI,
+    _props$height = props.height,
+    height = _props$height === void 0 ? 360 : _props$height,
+    _props$menuMaxHeight = props.menuMaxHeight,
+    menuMaxHeight = _props$menuMaxHeight === void 0 ? 320 : _props$menuMaxHeight,
+    menuStyle = props.menuStyle,
+    _props$searchable = props.searchable,
+    searchable = _props$searchable === void 0 ? true : _props$searchable,
+    _props$virtualized = props.virtualized,
+    virtualized = _props$virtualized === void 0 ? false : _props$virtualized,
+    className = props.className,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,
+    menuClassName = props.menuClassName,
+    _props$menuAutoWidth = props.menuAutoWidth,
+    menuAutoWidth = _props$menuAutoWidth === void 0 ? true : _props$menuAutoWidth,
+    _props$uncheckableIte = props.uncheckableItemValues,
+    uncheckableItemValues = _props$uncheckableIte === void 0 ? emptyArray : _props$uncheckableIte,
+    id = props.id,
+    listProps = props.listProps,
+    renderMenu = props.renderMenu,
+    getChildren = props.getChildren,
+    renderExtraFooter = props.renderExtraFooter,
+    onEntered = props.onEntered,
+    onChange = props.onChange,
+    onClean = props.onClean,
+    onClose = props.onClose,
+    onExited = props.onExited,
+    onSearch = props.onSearch,
+    onSelect = props.onSelect,
+    onSelectItem = props.onSelectItem,
+    onOpen = props.onOpen,
+    onScroll = props.onScroll,
+    onExpand = props.onExpand,
+    renderValue = props.renderValue,
+    renderTreeIcon = props.renderTreeIcon,
+    renderTreeNode = props.renderTreeNode,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "data", "style", "appearance", "cleanable", "countable", "searchBy", "toggleAs", "searchKeyword", "showIndentLine", "locale", "cascade", "disabled", "valueKey", "labelKey", "placement", "childrenKey", "placeholder", "value", "defaultValue", "defaultExpandAll", "disabledItemValues", "expandItemValues", "defaultExpandItemValues", "height", "menuMaxHeight", "menuStyle", "searchable", "virtualized", "className", "classPrefix", "menuClassName", "menuAutoWidth", "uncheckableItemValues", "id", "listProps", "renderMenu", "getChildren", "renderExtraFooter", "onEntered", "onChange", "onClean", "onClose", "onExited", "onSearch", "onSelect", "onSelectItem", "onOpen", "onScroll", "onExpand", "renderValue", "renderTreeIcon", "renderTreeNode"]);
   var _useContext = (0, _react.useContext)(_TreeContext.default),
-      inline = _useContext.inline;
-
+    inline = _useContext.inline;
   var triggerRef = (0, _react.useRef)(null);
   var targetRef = (0, _react.useRef)(null);
   var listRef = (0, _react.useRef)(null);
   var overlayRef = (0, _react.useRef)(null);
   var searchInputRef = (0, _react.useRef)(null);
   var treeViewRef = (0, _react.useRef)(null);
-
   var _useCustom = (0, _utils.useCustom)('Picker', overrideLocale),
-      rtl = _useCustom.rtl,
-      locale = _useCustom.locale;
-
+    rtl = _useCustom.rtl,
+    locale = _useCustom.locale;
   var _useState = (0, _react.useState)(false),
-      active = _useState[0],
-      setActive = _useState[1];
-
+    active = _useState[0],
+    setActive = _useState[1];
   var _useState2 = (0, _react.useState)(null),
-      activeNode = _useState2[0],
-      setActiveNode = _useState2[1];
-
+    activeNode = _useState2[0],
+    setActiveNode = _useState2[1];
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-      prefix = _useClassNames.prefix,
-      merge = _useClassNames.merge;
-
+    prefix = _useClassNames.prefix,
+    merge = _useClassNames.merge;
   var _useClassNames2 = (0, _utils.useClassNames)('check-tree'),
-      checkTreePrefix = _useClassNames2.prefix,
-      withCheckTreeClassPrefix = _useClassNames2.withClassPrefix;
-
+    checkTreePrefix = _useClassNames2.prefix,
+    withCheckTreeClassPrefix = _useClassNames2.withClassPrefix;
   var _useControlled = (0, _utils.useControlled)(controlledValue, defaultValue),
-      value = _useControlled[0],
-      setValue = _useControlled[1],
-      isControlled = _useControlled[2];
-
+    value = _useControlled[0],
+    setValue = _useControlled[1],
+    isControlled = _useControlled[2];
   var _useGetTreeNodeChildr = (0, _treeUtils.useGetTreeNodeChildren)(data, valueKey, childrenKey),
-      treeData = _useGetTreeNodeChildr.data,
-      setTreeData = _useGetTreeNodeChildr.setData,
-      loadingNodeValues = _useGetTreeNodeChildr.loadingNodeValues,
-      loadChildren = _useGetTreeNodeChildr.loadChildren;
-
+    treeData = _useGetTreeNodeChildr.data,
+    setTreeData = _useGetTreeNodeChildr.setData,
+    loadingNodeValues = _useGetTreeNodeChildr.loadingNodeValues,
+    loadChildren = _useGetTreeNodeChildr.loadChildren;
   var _useControlled2 = (0, _utils.useControlled)(controlledExpandItemValues, (0, _treeUtils.getDefaultExpandItemValues)(treeData, {
-    defaultExpandAll: defaultExpandAll,
-    valueKey: valueKey,
-    childrenKey: childrenKey,
-    defaultExpandItemValues: defaultExpandItemValues
-  })),
-      expandItemValues = _useControlled2[0],
-      setExpandItemValues = _useControlled2[1];
-
+      defaultExpandAll: defaultExpandAll,
+      valueKey: valueKey,
+      childrenKey: childrenKey,
+      defaultExpandItemValues: defaultExpandItemValues
+    })),
+    expandItemValues = _useControlled2[0],
+    setExpandItemValues = _useControlled2[1];
   var _useState3 = (0, _react.useState)(null),
-      focusItemValue = _useState3[0],
-      setFocusItemValue = _useState3[1];
-
+    focusItemValue = _useState3[0],
+    setFocusItemValue = _useState3[1];
   var _useFlattenTreeData = (0, _treeUtils.useFlattenTreeData)({
-    data: treeData,
-    labelKey: labelKey,
-    valueKey: valueKey,
-    childrenKey: childrenKey,
-    uncheckableItemValues: uncheckableItemValues,
-    callback: function callback(nodes) {
-      // after flattenData, always unSerialize check property value
-      unSerializeList({
-        nodes: nodes,
-        key: 'check',
-        value: value,
-        cascade: cascade,
-        uncheckableItemValues: uncheckableItemValues
-      });
-      forceUpdate();
-    }
-  }),
-      flattenNodes = _useFlattenTreeData.flattenNodes,
-      forceUpdate = _useFlattenTreeData.forceUpdate,
-      formatVirtualizedTreeData = _useFlattenTreeData.formatVirtualizedTreeData,
-      serializeListOnlyParent = _useFlattenTreeData.serializeListOnlyParent,
-      unSerializeList = _useFlattenTreeData.unSerializeList;
-
+      data: treeData,
+      labelKey: labelKey,
+      valueKey: valueKey,
+      childrenKey: childrenKey,
+      uncheckableItemValues: uncheckableItemValues,
+      callback: function callback(nodes) {
+        // after flattenData, always unSerialize check property value
+        unSerializeList({
+          nodes: nodes,
+          key: 'check',
+          value: value,
+          cascade: cascade,
+          uncheckableItemValues: uncheckableItemValues
+        });
+        forceUpdate();
+      }
+    }),
+    flattenNodes = _useFlattenTreeData.flattenNodes,
+    forceUpdate = _useFlattenTreeData.forceUpdate,
+    formatVirtualizedTreeData = _useFlattenTreeData.formatVirtualizedTreeData,
+    serializeListOnlyParent = _useFlattenTreeData.serializeListOnlyParent,
+    unSerializeList = _useFlattenTreeData.unSerializeList;
   var _useTreeSearch = (0, _treeUtils.useTreeSearch)({
-    labelKey: labelKey,
-    childrenKey: childrenKey,
-    searchKeyword: searchKeyword,
-    data: treeData,
-    searchBy: searchBy,
-    callback: function callback(searchKeyword, _filterData, event) {
-      onSearch === null || onSearch === void 0 ? void 0 : onSearch(searchKeyword, event);
-    }
-  }),
-      filteredData = _useTreeSearch.filteredData,
-      searchKeywordState = _useTreeSearch.searchKeywordState,
-      setSearchKeyword = _useTreeSearch.setSearchKeyword,
-      handleSearch = _useTreeSearch.handleSearch,
-      setFilteredData = _useTreeSearch.setFilteredData;
-
+      labelKey: labelKey,
+      childrenKey: childrenKey,
+      searchKeyword: searchKeyword,
+      data: treeData,
+      searchBy: searchBy,
+      callback: function callback(searchKeyword, _filterData, event) {
+        onSearch === null || onSearch === void 0 ? void 0 : onSearch(searchKeyword, event);
+      }
+    }),
+    filteredData = _useTreeSearch.filteredData,
+    searchKeywordState = _useTreeSearch.searchKeywordState,
+    setSearchKeyword = _useTreeSearch.setSearchKeyword,
+    handleSearch = _useTreeSearch.handleSearch,
+    setFilteredData = _useTreeSearch.setFilteredData;
   var _useTreeNodeRefs = (0, _treeUtils.useTreeNodeRefs)(),
-      treeNodesRefs = _useTreeNodeRefs.treeNodesRefs,
-      saveTreeNodeRef = _useTreeNodeRefs.saveTreeNodeRef;
+    treeNodesRefs = _useTreeNodeRefs.treeNodesRefs,
+    saveTreeNodeRef = _useTreeNodeRefs.saveTreeNodeRef;
   /**
    * get formatted nodes for render tree
    * @params render - renderNode function. only used when virtualized setting false
    */
-
-
   var getFormattedNodes = (0, _react.useCallback)(function (render) {
     if (virtualized) {
       return formatVirtualizedTreeData(flattenNodes, filteredData, expandItemValues, {
@@ -238,7 +200,6 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
         return item.visible;
       });
     }
-
     return (0, _utils2.getFormattedTree)(flattenNodes, filteredData, {
       childrenKey: childrenKey,
       cascade: cascade
@@ -246,7 +207,6 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
       return render === null || render === void 0 ? void 0 : render(node, 1);
     });
   }, [searchKeywordState, expandItemValues, filteredData, flattenNodes, formatVirtualizedTreeData, virtualized, childrenKey, cascade]);
-
   var getTreeNodeProps = function getTreeNodeProps(node, layer) {
     return {
       as: Component,
@@ -277,7 +237,6 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
       onRenderTreeIcon: renderTreeIcon
     };
   };
-
   var focusActiveNode = (0, _react.useCallback)(function () {
     if (listRef.current) {
       (0, _treeUtils.focusToActiveTreeNode)({
@@ -322,7 +281,6 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
   }, [cascade, value, uncheckableItemValues, unSerializeList, flattenNodes, forceUpdate]);
   var toggleUpChecked = (0, _react.useCallback)(function (nodes, node, checked) {
     var currentNode = node.refKey ? nodes[node.refKey] : null;
-
     if (cascade && currentNode) {
       if (!checked) {
         currentNode.check = checked;
@@ -336,7 +294,6 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
           currentNode.checkAll = false;
         }
       }
-
       if (currentNode.parent) {
         toggleUpChecked(nodes, currentNode.parent, checked);
       }
@@ -344,13 +301,10 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
   }, [cascade]);
   var toggleDownChecked = (0, _react.useCallback)(function (nodes, node, isChecked) {
     var currentNode = node.refKey ? nodes[node.refKey] : null;
-
     if (!currentNode) {
       return;
     }
-
     currentNode.check = isChecked;
-
     if (!currentNode[childrenKey] || !currentNode[childrenKey].length || !cascade) {
       currentNode.checkAll = false;
     } else {
@@ -364,14 +318,15 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
     var nodes = (0, _cloneDeep2.default)(flattenNodes);
     toggleDownChecked(nodes, node, isChecked);
     node.parent && toggleUpChecked(nodes, node.parent, isChecked);
-    var values = serializeListOnlyParent(nodes, 'check'); // filter uncheckableItemValues
-
+    var values = serializeListOnlyParent(nodes, 'check');
+    // filter uncheckableItemValues
     return values.filter(function (v) {
       return !uncheckableItemValues.includes(v);
     });
-  }, [flattenNodes, uncheckableItemValues, serializeListOnlyParent, toggleDownChecked, toggleUpChecked]); // TODO-Doma
-  // Replace `getKeyParentMap` with `getParentMap`
+  }, [flattenNodes, uncheckableItemValues, serializeListOnlyParent, toggleDownChecked, toggleUpChecked]);
 
+  // TODO-Doma
+  // Replace `getKeyParentMap` with `getParentMap`
   var itemParentMap = (0, _react.useMemo)(function () {
     return (0, _treeUtils.getKeyParentMap)(data, function (node) {
       return node[valueKey];
@@ -381,13 +336,10 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
   }, [childrenKey, data, valueKey]);
   var handleSelect = (0, _react.useCallback)(function (node, event) {
     var currentNode = node.refKey ? flattenNodes[node.refKey] : null;
-
     if (!node || !currentNode) {
       return;
     }
-
     var selectedValues = toggleChecked(node, !currentNode.check);
-
     if (!isControlled) {
       unSerializeList({
         nodes: flattenNodes,
@@ -398,7 +350,6 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
       });
       setValue(selectedValues);
     }
-
     setActiveNode(node);
     setFocusItemValue(node[valueKey]);
     onChange === null || onChange === void 0 ? void 0 : onChange(selectedValues, event);
@@ -409,7 +360,6 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
   }, [flattenNodes, toggleChecked, isControlled, valueKey, onChange, onSelect, onSelectItem, unSerializeList, cascade, uncheckableItemValues, setValue, itemParentMap]);
   var handleOpen = (0, _react.useCallback)(function () {
     var _triggerRef$current, _triggerRef$current$o;
-
     (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : (_triggerRef$current$o = _triggerRef$current.open) === null || _triggerRef$current$o === void 0 ? void 0 : _triggerRef$current$o.call(_triggerRef$current);
     setFocusItemValue(activeNode === null || activeNode === void 0 ? void 0 : activeNode[valueKey]);
     focusActiveNode();
@@ -418,16 +368,15 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
   }, [activeNode, focusActiveNode, onOpen, valueKey]);
   var handleClose = (0, _react.useCallback)(function () {
     var _triggerRef$current2, _triggerRef$current2$, _targetRef$current;
-
     (_triggerRef$current2 = triggerRef.current) === null || _triggerRef$current2 === void 0 ? void 0 : (_triggerRef$current2$ = _triggerRef$current2.close) === null || _triggerRef$current2$ === void 0 ? void 0 : _triggerRef$current2$.call(_triggerRef$current2);
     setSearchKeyword('');
     onClose === null || onClose === void 0 ? void 0 : onClose();
     setFocusItemValue(null);
     setActive(false);
+
     /**
      * when using keyboard toggle picker, should refocus on PickerToggle Component after close picker menu
      */
-
     (_targetRef$current = targetRef.current) === null || _targetRef$current === void 0 ? void 0 : _targetRef$current.focus();
   }, [onClose, setSearchKeyword]);
   var handleExpand = (0, _react.useCallback)(function (node) {
@@ -442,7 +391,6 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
       valueKey: valueKey,
       childrenKey: childrenKey
     }));
-
     if ((0, _isFunction2.default)(getChildren) && !node.expand && Array.isArray(node[childrenKey]) && node[childrenKey].length === 0) {
       loadChildren(node, getChildren);
     }
@@ -456,15 +404,13 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
     inline: inline
   });
   var handleClean = (0, _react.useCallback)(function (event) {
-    var target = event.target; // exclude searchBar
-
+    var target = event.target;
+    // exclude searchBar
     if (target.matches('div[role="searchbox"] > input') || disabled || !cleanable) {
       return;
     }
-
     setActiveNode(null);
     setFocusItemValue(null);
-
     if (!isControlled) {
       setValue([]);
       unSerializeList({
@@ -475,7 +421,6 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
         uncheckableItemValues: uncheckableItemValues
       });
     }
-
     onChange === null || onChange === void 0 ? void 0 : onChange([], event);
   }, [cascade, cleanable, disabled, flattenNodes, onChange, setValue, unSerializeList, uncheckableItemValues, isControlled]);
   var handleFocusItem = (0, _react.useCallback)(function (key) {
@@ -496,12 +441,10 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
         setFocusItemValue(nextFocusItemValue);
       }
     };
-
     if (key === _utils.KEY_VALUES.DOWN) {
       (0, _treeUtils.focusNextItem)(focusProps);
       return;
     }
-
     if (key === _utils.KEY_VALUES.UP) {
       (0, _treeUtils.focusPreviousItem)(focusProps);
     }
@@ -516,7 +459,6 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
       childrenKey: childrenKey,
       onFocusItem: function onFocusItem() {
         var _focusItem$parent, _focusItem$parent2;
-
         setFocusItemValue(focusItem === null || focusItem === void 0 ? void 0 : (_focusItem$parent = focusItem.parent) === null || _focusItem$parent === void 0 ? void 0 : _focusItem$parent[valueKey]);
         (0, _treeUtils.focusTreeNode)(focusItem === null || focusItem === void 0 ? void 0 : (_focusItem$parent2 = focusItem.parent) === null || _focusItem$parent2 === void 0 ? void 0 : _focusItem$parent2.refKey, treeNodesRefs, "." + checkTreePrefix('node-label'));
       }
@@ -538,7 +480,6 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
   var selectActiveItem = (0, _react.useCallback)(function (event) {
     if ((0, _isNil2.default)(focusItemValue)) return;
     var activeItem = (0, _treeUtils.getActiveItem)(focusItemValue, flattenNodes, valueKey);
-
     if (!(0, _utils2.isNodeUncheckable)(activeItem, {
       uncheckableItemValues: uncheckableItemValues,
       valueKey: valueKey
@@ -574,7 +515,6 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
     if (!treeViewRef.current) {
       return;
     }
-
     (0, _Picker.onMenuKeyDown)(event, {
       down: function down() {
         return handleFocusItem(_utils.KEY_VALUES.DOWN);
@@ -587,17 +527,13 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
       enter: selectActiveItem
     });
   }, [handleFocusItem, handleLeftArrow, handleRightArrow, rtl, selectActiveItem]);
-
   var renderNode = function renderNode(node, layer) {
     var visible = node.visible,
-        refKey = node.refKey; // when searching, all nodes should be expand
-
+      refKey = node.refKey; // when searching, all nodes should be expand
     var expand = (0, _treeUtils.getExpandWhenSearching)(searchKeywordState, expandItemValues.includes(node[valueKey]));
-
     if (!visible) {
       return null;
     }
-
     var children = node[childrenKey];
     var visibleChildren = (0, _isUndefined2.default)(searchKeywordState) || searchKeywordState.length === 0 ? !!children : (0, _treeUtils.hasVisibleChildren)(node, childrenKey);
     var nodeProps = (0, _extends2.default)({}, getTreeNodeProps((0, _extends2.default)({}, node, {
@@ -610,10 +546,8 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
     }), layer), {
       hasChildren: visibleChildren
     });
-
     if (nodeProps.hasChildren) {
       var _merge;
-
       layer += 1;
       var openClass = checkTreePrefix('open');
       var childrenClass = merge(checkTreePrefix('node-children'), (_merge = {}, _merge[openClass] = expand && visibleChildren, _merge));
@@ -634,7 +568,6 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
         style: (0, _treeUtils.getTreeNodeIndent)(rtl, layer - 1, true)
       })));
     }
-
     return /*#__PURE__*/_react.default.createElement(_CheckTreeNode.default, (0, _extends2.default)({
       key: node[valueKey],
       ref: function ref(_ref2) {
@@ -642,15 +575,14 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
       }
     }, nodeProps));
   };
-
   var renderVirtualListNode = function renderVirtualListNode(_ref3) {
     var index = _ref3.index,
-        style = _ref3.style,
-        data = _ref3.data;
+      style = _ref3.style,
+      data = _ref3.data;
     var node = data[index];
     var layer = node.layer,
-        refKey = node.refKey,
-        visible = node.visible;
+      refKey = node.refKey,
+      visible = node.visible;
     var expand = (0, _treeUtils.getExpandWhenSearching)(searchKeywordState, expandItemValues.includes(node[valueKey]));
     var nodeProps = (0, _extends2.default)({}, getTreeNodeProps((0, _extends2.default)({}, node, {
       /**
@@ -669,13 +601,10 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
       }
     }, nodeProps));
   };
-
   var renderCheckTree = function renderCheckTree() {
     var _withCheckTreeClassPr, _merge2;
-
     var classes = withCheckTreeClassPrefix((_withCheckTreeClassPr = {}, _withCheckTreeClassPr[className !== null && className !== void 0 ? className : ''] = inline, _withCheckTreeClassPr['without-children'] = !(0, _utils2.isSomeNodeHasChildren)(data, childrenKey), _withCheckTreeClassPr.virtualized = virtualized, _withCheckTreeClassPr));
     var formattedNodes = getFormattedNodes(renderNode);
-
     if (!formattedNodes.some(function (v) {
       return v !== null;
     })) {
@@ -683,7 +612,6 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
         className: prefix('none')
       }, locale.noResultsText);
     }
-
     var treeNodesClass = merge(checkTreePrefix('nodes'), (_merge2 = {}, _merge2[checkTreePrefix('all-uncheckable')] = (0, _utils2.isEveryFirstLevelNodeUncheckable)(flattenNodes, uncheckableItemValues, valueKey), _merge2));
     var styles = inline ? (0, _extends2.default)({
       height: height
@@ -716,11 +644,10 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
       }, listProps), renderVirtualListNode);
     }) : formattedNodes));
   };
-
   var renderDropdownMenu = function renderDropdownMenu(positionProps, speakerRef) {
     var left = positionProps.left,
-        top = positionProps.top,
-        className = positionProps.className;
+      top = positionProps.top,
+      className = positionProps.className;
     var classes = (0, _classnames.default)(className, menuClassName, prefix('check-tree-menu'));
     var mergedMenuStyle = (0, _extends2.default)({}, menuStyle, {
       left: left,
@@ -740,7 +667,6 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
       inputRef: searchInputRef
     }) : null, renderMenu ? renderMenu(renderCheckTree()) : renderCheckTree(), renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter());
   };
-
   var selectedItems = (0, _react.useMemo)(function () {
     return (0, _utils2.getSelectedItems)(flattenNodes, value);
   }, [flattenNodes, value]);
@@ -748,10 +674,8 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
    * 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 hasValidValue = selectedItems.length > 0 || value.length > 0 && (0, _isFunction2.default)(renderValue);
   var selectedElement = placeholder;
-
   if (hasValidValue) {
     selectedElement = /*#__PURE__*/_react.default.createElement(_Picker.SelectedElement, {
       selectedItems: selectedItems,
@@ -763,32 +687,27 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
       cascade: cascade,
       locale: locale
     });
-
     if ((0, _isFunction2.default)(renderValue)) {
       selectedElement = renderValue(value, selectedItems, selectedElement);
-
       if ((0, _isNil2.default)(selectedElement)) {
         hasValidValue = false;
       }
     }
   }
-
   var _usePickerClassName = (0, _Picker.usePickerClassName)((0, _extends2.default)({}, props, {
-    classPrefix: classPrefix,
-    appearance: appearance,
-    countable: countable,
-    cleanable: cleanable,
-    disabled: disabled,
-    hasValue: hasValidValue,
-    name: 'check-tree'
-  })),
-      classes = _usePickerClassName[0],
-      usedClassNamePropKeys = _usePickerClassName[1];
-
+      classPrefix: classPrefix,
+      appearance: appearance,
+      countable: countable,
+      cleanable: cleanable,
+      disabled: disabled,
+      hasValue: hasValidValue,
+      name: 'check-tree'
+    })),
+    classes = _usePickerClassName[0],
+    usedClassNamePropKeys = _usePickerClassName[1];
   if (inline) {
     return renderCheckTree();
   }
-
   return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {
     pickerProps: (0, _pick2.default)(props, _Picker.pickTriggerPropKeys),
     ref: triggerRef,
@@ -815,7 +734,6 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
     inputValue: value
   }), selectedElement || locale.placeholder)));
 });
-
 CheckTreePicker.displayName = 'CheckTreePicker';
 CheckTreePicker.propTypes = (0, _extends2.default)({}, _Picker.listPickerPropTypes, {
   height: _propTypes.default.number,