@hi-ui/check-select 4.0.0-alpha.14 → 4.0.0-alpha.18

package/lib/cjs/use-check-select.js

@@ -21,14 +21,14 @@ var React = require('react');
 
 var useUncontrolledState = require('@hi-ui/use-uncontrolled-state');
 
-var useSearch = require('./hooks/use-search.js');
-
 var useCheck = require('@hi-ui/use-check');
 
 var useLatest = require('@hi-ui/use-latest');
 
 var useChildren = require('@hi-ui/use-children');
 
+var treeUtils = require('@hi-ui/tree-utils');
+
 function _interopDefaultLegacy(e) {
   return e && _typeof(e) === 'object' && 'default' in e ? e : {
     'default': e
@@ -39,6 +39,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var NOOP_ARRAY = [];
 var NOOP_VALUE = [];
+var DEFAULT_FIELD_NAMES = {};
 
 var useCheckSelect = function useCheckSelect(_a) {
   var _a$data = _a.data,
@@ -53,16 +54,14 @@ var useCheckSelect = function useCheckSelect(_a) {
       onSelect = _a.onSelect,
       _a$emptyContent = _a.emptyContent,
       emptyContent = _a$emptyContent === void 0 ? '无匹配选项' : _a$emptyContent,
-      searchPlaceholder = _a.searchPlaceholder,
-      filter = _a.filter,
-      titleRender = _a.titleRender,
-      rest = tslib.__rest(_a, ["data", "children", "disabled", "value", "defaultValue", "onChange", "onSelect", "emptyContent", "searchPlaceholder", "filter", "titleRender"]);
+      _a$fieldNames = _a.fieldNames,
+      fieldNames = _a$fieldNames === void 0 ? DEFAULT_FIELD_NAMES : _a$fieldNames,
+      rest = tslib.__rest(_a, ["data", "children", "disabled", "value", "defaultValue", "onChange", "onSelect", "emptyContent", "searchPlaceholder", "filter", "fieldNames"]);
 
   var data = React.useMemo(function () {
     if (children) {
-      var arr = [];
-
       var dfs = function dfs(child) {
+        var arr = [];
         var list = useChildren.toArray(child);
         list.forEach(function (item) {
           if (! /*#__PURE__*/React__default['default'].isValidElement(item)) return; // @ts-ignore
@@ -85,11 +84,13 @@ var useCheckSelect = function useCheckSelect(_a) {
           } else if (item.type.HiName === 'CheckSelectOptionGroup') {
             var _props = item.props;
 
-            var label = _props.label,
+            var groupId = _props.groupId,
+                label = _props.label,
                 _children2 = _props.children,
-                _rest2 = tslib.__rest(_props, ["label", "children"]);
+                _rest2 = tslib.__rest(_props, ["groupId", "label", "children"]);
 
             var optGroup = {
+              groupId: groupId,
               groupTitle: label,
               children: [],
               rootProps: _rest2
@@ -111,6 +112,35 @@ var useCheckSelect = function useCheckSelect(_a) {
 
     return dataProp;
   }, [children, dataProp]);
+  /**
+   * 转换对象
+   */
+
+  var getKeyFields = React.useCallback(function (node, key) {
+    return node[fieldNames[key] || key];
+  }, [fieldNames]);
+  var flattedData = React.useMemo(function () {
+    // @ts-ignore
+    return treeUtils.flattenTree(data, function (node) {
+      if ('groupId' in node.raw) {
+        // @ts-ignore
+        node.id = node.raw.groupId; // @ts-ignore
+
+        node.groupTitle = node.raw.groupTitle; // @ts-ignore
+
+        node.groupId = node.raw.groupId;
+      } else {
+        // TODO：support children field map
+        node.id = getKeyFields(node.raw, 'id'); // @ts-ignore
+
+        node.title = getKeyFields(node.raw, 'title'); // @ts-ignore
+
+        node.disabled = getKeyFields(node.raw, 'disabled');
+      }
+
+      return node;
+    });
+  }, [data, getKeyFields]);
 
   var _useUncontrolledState = useUncontrolledState.useUncontrolledState(defaultValue, valueProp, onChangeProp),
       value = _useUncontrolledState[0],
@@ -129,34 +159,30 @@ var useCheckSelect = function useCheckSelect(_a) {
     allowCheck: allowCheck
   }),
       onOptionCheck = _useCheckDefault[0],
-      isSelectedId = _useCheckDefault[1];
-
-  var _useSearch = useSearch.useSearch(data, filter),
-      inSearch = _useSearch[0],
-      matchedItems = _useSearch[1],
-      inputProps = _useSearch[2],
-      isEmpty = _useSearch[3],
-      resetSearch = _useSearch[4];
-
-  var getSearchInputProps = React.useCallback(function () {
-    return {
-      placeholder: searchPlaceholder,
-      value: inputProps.value,
-      onChange: inputProps.onChange
-    };
-  }, [searchPlaceholder, inputProps]);
+      isSelectedId = _useCheckDefault[1]; // const [inSearch, matchedItems, inputProps, isEmpty, resetSearch] = useSearch(data, filter)
+  // const getSearchInputProps = useCallback(
+  //   () => ({
+  //     placeholder: searchPlaceholder,
+  //     value: inputProps.value,
+  //     onChange: inputProps.onChange,
+  //   }),
+  //   [searchPlaceholder, inputProps]
+  // )
+
+
   return {
     rootProps: rest,
-    data: inSearch ? matchedItems : data,
+    // data: inSearch ? matchedItems : data,
+    data: data,
+    flattedData: flattedData,
     value: value,
+    tryChangeValue: tryChangeValue,
     onSelect: onOptionCheck,
     isSelectedId: isSelectedId,
-    emptyContent: emptyContent,
-    getSearchInputProps: getSearchInputProps,
-    tryChangeValue: tryChangeValue,
-    isEmpty: isEmpty,
-    resetSearch: resetSearch,
-    titleRender: titleRender
+    emptyContent: emptyContent // getSearchInputProps,
+    // isEmpty,
+    // resetSearch,
+
   };
 };
 

package/lib/cjs/use-check-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-check-select.js","sources":["../../src/use-check-select.ts"],"sourcesContent":[null],"names":["NOOP_ARRAY","NOOP_VALUE","useCheckSelect","_a","data","dataProp","children","disabled","valueProp","value","defaultValue","onChangeProp","onChange","onSelect","emptyContent","searchPlaceholder","filter","titleRender","rest","useMemo","arr","dfs","child","list","toArray","forEach","item","React","isValidElement","type","HiName","props","option","id","title","rootProps","push","label","optGroup","groupTitle","useUncontrolledState","tryChangeValue","onSelectLatest","useLatestCallback","proxyTryChangeValue","useCallback","shouldChecked","useCheckDefault","checkedIds","onCheck","allowCheck","onOptionCheck","isSelectedId","useSearch","inSearch","matchedItems","inputProps","isEmpty","resetSearch","getSearchInputProps","placeholder"],"mappings":"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"}
+{"version":3,"file":"use-check-select.js","sources":["../../src/use-check-select.ts"],"sourcesContent":[null],"names":["NOOP_ARRAY","NOOP_VALUE","DEFAULT_FIELD_NAMES","useCheckSelect","_a","data","dataProp","children","disabled","valueProp","value","defaultValue","onChangeProp","onChange","onSelect","emptyContent","fieldNames","rest","useMemo","dfs","child","arr","list","toArray","forEach","item","React","isValidElement","type","HiName","props","option","id","title","rootProps","push","groupId","label","optGroup","groupTitle","getKeyFields","useCallback","node","key","flattedData","flattenTree","raw","useUncontrolledState","tryChangeValue","onSelectLatest","useLatestCallback","proxyTryChangeValue","shouldChecked","useCheckDefault","checkedIds","onCheck","allowCheck","onOptionCheck","isSelectedId"],"mappings":"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"}

package/lib/esm/CheckSelect.js

@@ -8,19 +8,23 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { __rest } from 'tslib';
-import React, { forwardRef, useState, useCallback, useMemo } from 'react';
+import React, { forwardRef, useCallback, useState, useMemo } from 'react';
 import { getPrefixCls, cx } from '@hi-ui/classname';
 import { __DEV__ } from '@hi-ui/env';
-import Input from '@hi-ui/input';
 import { useCheckSelect } from './use-check-select.js';
-import Popper from '@hi-ui/popper';
-import { DownOutlined, SearchOutlined } from '@hi-ui/icons';
+import { UpOutlined, DownOutlined } from '@hi-ui/icons';
 import { CheckSelectProvider, useCheckSelectContext } from './context.js';
-import { useLatestCallback } from '@hi-ui/use-latest';
+import { useLatestCallback, useLatestRef } from '@hi-ui/use-latest';
 import Checkbox from '@hi-ui/checkbox';
-import { TagInput, TagInputMock } from '@hi-ui/tag-input';
-import { isFunction } from './utils/type-assertion/lib/esm/index.js';
+import { TagInputMock } from '@hi-ui/tag-input';
+import { isFunction, isArrayNonEmpty } from '@hi-ui/type-assertion';
 import VirtualList from 'rc-virtual-list';
+import { Picker } from '@hi-ui/picker';
+import { uniqBy } from 'lodash';
+import { Highlighter } from '@hi-ui/highlighter';
+import { useToggle } from '@hi-ui/use-toggle';
+import { times } from '@hi-ui/times';
+import { useAsyncSearch, useTreeCustomSearch, useFilterSearch, useSearchMode } from '@hi-ui/use-search-mode';
 var _role = 'check-select';
 
 var _prefix = getPrefixCls(_role);
@@ -32,19 +36,14 @@ var _prefix = getPrefixCls(_role);
 var CheckSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _a$prefixCls = _a.prefixCls,
       prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
-      _a$role = _a.role,
-      role = _a$role === void 0 ? _role : _a$role,
       className = _a.className,
       children = _a.children,
       _a$disabled = _a.disabled,
       disabled = _a$disabled === void 0 ? false : _a$disabled,
       _a$clearable = _a.clearable,
-      clearable = _a$clearable === void 0 ? false : _a$clearable,
-      _a$searchable = _a.searchable,
-      searchable = _a$searchable === void 0 ? false : _a$searchable,
-      _a$wrap = _a.wrap,
-      wrap = _a$wrap === void 0 ? true : _a$wrap,
-      placeholder = _a.placeholder,
+      clearable = _a$clearable === void 0 ? true : _a$clearable,
+      _a$placeholder = _a.placeholder,
+      placeholder = _a$placeholder === void 0 ? '请选择' : _a$placeholder,
       displayRenderProp = _a.displayRender,
       onSelectProp = _a.onSelect,
       height = _a.height,
@@ -52,31 +51,19 @@ var CheckSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
       itemHeight = _a$itemHeight === void 0 ? 40 : _a$itemHeight,
       _a$virtual = _a.virtual,
       virtual = _a$virtual === void 0 ? true : _a$virtual,
-      popper = _a.popper,
-      onOpen = _a.onOpen,
-      onClose = _a.onClose,
-      rest = __rest(_a, ["prefixCls", "role", "className", "children", "disabled", "clearable", "searchable", "invalid", "wrap", "placeholder", "displayRender", "onSelect", "height", "itemHeight", "virtual", "popper", "onOpen", "onClose"]);
-
-  var _useState = useState(null),
-      targetElRef = _useState[0],
-      setTargetElRef = _useState[1];
-
-  var _useState2 = useState(false),
-      menuVisible = _useState2[0],
-      setMenuVisible = _useState2[1];
-
-  var onOpenLatest = useLatestCallback(onOpen);
-  var onCloseLatest = useLatestCallback(onClose);
-  var closeMenu = useCallback(function () {
-    if (disabled) return;
-    setMenuVisible(false);
-    onOpenLatest();
-  }, [disabled, onOpenLatest]);
-  var openMenu = useCallback(function () {
-    if (disabled) return;
-    setMenuVisible(true);
-    onCloseLatest();
-  }, [disabled, onCloseLatest]);
+      appearance = _a.appearance,
+      invalid = _a.invalid,
+      dataSource = _a.dataSource,
+      filterOption = _a.filterOption,
+      searchableProp = _a.searchable,
+      titleRender = _a.titleRender,
+      renderExtraFooter = _a.renderExtraFooter,
+      rest = __rest(_a, ["prefixCls", "role", "className", "children", "disabled", "clearable", "wrap", "placeholder", "displayRender", "onSelect", "popper", "height", "itemHeight", "virtual", "onOpen", "onClose", "appearance", "invalid", "dataSource", "filterOption", "searchable", "titleRender", "renderExtraFooter"]);
+
+  var _useToggle = useToggle(),
+      menuVisible = _useToggle[0],
+      menuVisibleAction = _useToggle[1];
+
   var displayRender = useCallback(function (item) {
     if (isFunction(displayRenderProp)) {
       return displayRenderProp(item);
@@ -84,20 +71,90 @@ var CheckSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
 
     return item.title;
   }, [displayRenderProp]);
-  var onSelectLatest = useLatestCallback(onSelectProp);
+  var onSelect = useLatestCallback(function (value, item, shouldChecked) {
+    onSelectProp === null || onSelectProp === void 0 ? void 0 : onSelectProp(value, item, shouldChecked);
+
+    if (shouldChecked) {
+      // TODO：as useCheckList
+      setSelectedItems(function (prev) {
+        return [].concat(prev, [item]);
+      });
+    }
+  });
 
   var _b = useCheckSelect(Object.assign(Object.assign({}, rest), {
     children: children,
-    onSelect: onSelectLatest
+    onSelect: onSelect
   })),
-      rootProps = _b.rootProps,
       context = __rest(_b, ["rootProps"]);
 
   var value = context.value,
       tryChangeValue = context.tryChangeValue,
-      selectData = context.data;
+      flattedData = context.flattedData; // ************************** 异步搜索 ************************* //
+  // TODO: 支持对 Item 传入 状态
+
+  var _c = useAsyncSearch({
+    dataSource: dataSource
+  }),
+      loading = _c.loading,
+      hasError = _c.hasError,
+      dataSourceStrategy = __rest(_c, ["loading", "hasError"]);
+
+  var customSearchStrategy = useTreeCustomSearch({
+    data: flattedData,
+    filterOption: filterOption
+  });
+  var filterSearchStrategy = useFilterSearch({
+    data: flattedData,
+    flattedData: flattedData,
+    searchMode: searchableProp ? 'filter' : undefined
+  });
+
+  var _useSearchMode = useSearchMode({
+    searchable: searchableProp,
+    strategies: [dataSourceStrategy, customSearchStrategy, filterSearchStrategy]
+  }),
+      stateInSearch = _useSearchMode.state,
+      searchable = _useSearchMode.searchable,
+      searchMode = _useSearchMode.searchMode,
+      onSearch = _useSearchMode.onSearch,
+      searchValue = _useSearchMode.keyword; // 拦截 titleRender，自定义高亮展示
+
+
+  var proxyTitleRender = useCallback(function (node) {
+    if (titleRender) {
+      var _ret = titleRender(node);
+
+      if (_ret && _ret !== true) return _ret;
+    } // 本地搜索执行默认高亮规则
+
+
+    var highlight = !!searchValue && (searchMode === 'highlight' || searchMode === 'filter');
+    var ret = highlight ? /*#__PURE__*/React.createElement(Checkbox, {
+      checked: node.checked,
+      disabled: node.disabled
+    }, /*#__PURE__*/React.createElement(Highlighter, {
+      keyword: searchValue
+    }, node.title)) : true;
+    return ret;
+  }, [titleRender, searchValue, searchMode]);
+  var shouldUseSearch = !!searchValue && !hasError;
+  var selectProps = {
+    data: shouldUseSearch ? stateInSearch.data : flattedData,
+    titleRender: proxyTitleRender
+  }; // 搜索时临时选中缓存数据
+
+  var _useState = useState([]),
+      selectedItems = _useState[0],
+      setSelectedItems = _useState[1]; // 下拉菜单不能合并（因为树形数据，不知道是第几级）
+
+
+  var mergedData = useMemo(function () {
+    var nextData = selectedItems.concat(flattedData);
+    return uniqBy(nextData, 'id');
+  }, [selectedItems, flattedData]);
   var virtualData = useMemo(function () {
-    return selectData.reduce(function (acc, cur, index) {
+    return selectProps.data.reduce(function (acc, cur, index) {
       if ('groupTitle' in cur) {
         acc.push({
           id: "group-" + index,
@@ -110,35 +167,53 @@ var CheckSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
       acc.push(cur);
       return acc;
     }, []);
-  }, [selectData]);
-  var cls = cx(prefixCls, className, prefixCls + "--" + (menuVisible ? 'open' : 'closed')); // TODO: tagInput 内部支持支持多种模式切换
-
-  var TagInput$1 = wrap ? TagInput : TagInputMock;
+  }, [selectProps.data]);
+  var cls = cx(prefixCls, className, prefixCls + "--" + (menuVisible ? 'open' : 'closed'));
   return /*#__PURE__*/React.createElement(CheckSelectProvider, {
     value: context
-  }, /*#__PURE__*/React.createElement("div", Object.assign({
+  }, /*#__PURE__*/React.createElement(Picker, Object.assign({
     ref: ref,
-    role: role,
     className: cls
-  }, rootProps), /*#__PURE__*/React.createElement(TagInput$1, {
-    ref: setTargetElRef,
-    onClick: openMenu,
-    disabled: disabled,
-    clearable: clearable,
-    placeholder: placeholder,
-    data: selectData,
-    value: value,
-    wrap: wrap,
-    onChange: tryChangeValue,
-    displayRender: displayRender,
-    suffix: /*#__PURE__*/React.createElement(DownOutlined, null)
-  }), /*#__PURE__*/React.createElement(Popper, Object.assign({}, popper, {
-    attachEl: targetElRef,
+  }, rest, {
     visible: menuVisible,
-    onClose: closeMenu
-  }), /*#__PURE__*/React.createElement("div", {
-    className: prefixCls + "-panel"
-  }, searchable ? /*#__PURE__*/React.createElement(CheckSelectSearch, null) : null, /*#__PURE__*/React.createElement(VirtualList, {
+    onOpen: function onOpen() {
+      // setViewSelected(false)
+      menuVisibleAction.on();
+    },
+    disabled: disabled,
+    onClose: menuVisibleAction.off,
+    // value={value}
+    // onChange={tryChangeValue}
+    // data={mergedData}
+    searchable: searchable,
+    onSearch: onSearch,
+    loading: loading,
+    footer: renderExtraFooter ? renderExtraFooter() : null,
+    trigger: /*#__PURE__*/React.createElement(TagInputMock // ref={targetElementRef}
+    // onClick={openMenu}
+    // disabled={disabled}
+    , {
+      // ref={targetElementRef}
+      // onClick={openMenu}
+      // disabled={disabled}
+      clearable: clearable,
+      placeholder: placeholder,
+      // @ts-ignore
+      displayRender: displayRender,
+      suffix: menuVisible ? /*#__PURE__*/React.createElement(UpOutlined, null) : /*#__PURE__*/React.createElement(DownOutlined, null),
+      focused: menuVisible,
+      appearance: appearance,
+      value: value,
+      onChange: tryChangeValue,
+      data: mergedData,
+      // @ts-ignore
+      invalid: invalid,
+      onExpand: function onExpand() {
+        // setViewSelected(true)
+        menuVisibleAction.on();
+      }
+    })
+  }), isArrayNonEmpty(virtualData) ? /*#__PURE__*/React.createElement(VirtualList, {
     itemKey: "id",
     fullHeight: false,
     height: height,
@@ -147,12 +222,14 @@ var CheckSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
     data: virtualData
   }, function (node) {
     /* 反向 map，搜索删选数据时会对数据进行处理 */
-    return 'groupTitle' in node ? /*#__PURE__*/React.createElement(CheckSelectOptionGroup, Object.assign({
+    return 'groupTitle' in node ? /*#__PURE__*/React.createElement(CheckSelectOptionGroup, {
       label: node.groupTitle
-    }, node.rootProps)) : /*#__PURE__*/React.createElement(CheckSelectOption, Object.assign({
-      option: node
-    }, node.rootProps));
-  })))));
+    }) : /*#__PURE__*/React.createElement(CheckSelectOption, {
+      option: node,
+      depth: node.depth,
+      titleRender: proxyTitleRender
+    });
+  }) : null));
 }); // @ts-ignore
 
 CheckSelect.HiName = 'CheckSelect';
@@ -161,77 +238,55 @@ if (__DEV__) {
   CheckSelect.displayName = 'CheckSelect';
 }
 
-var searchPrefix = getPrefixCls('check-select-search');
-/**
- * TODO: What is CheckSelectSearch
- */
-
-var CheckSelectSearch = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var _a$prefixCls2 = _a.prefixCls,
-      prefixCls = _a$prefixCls2 === void 0 ? searchPrefix : _a$prefixCls2,
-      className = _a.className,
-      rest = __rest(_a, ["prefixCls", "className"]);
-
-  var _useCheckSelectContex = useCheckSelectContext(),
-      isEmpty = _useCheckSelectContex.isEmpty,
-      emptyContent = _useCheckSelectContex.emptyContent,
-      getSearchInputProps = _useCheckSelectContex.getSearchInputProps;
-
-  return /*#__PURE__*/React.createElement("div", Object.assign({
-    ref: ref,
-    className: cx(prefixCls, className)
-  }, rest), /*#__PURE__*/React.createElement(Input, Object.assign({}, getSearchInputProps(), {
-    appearance: "underline",
-    prefix: /*#__PURE__*/React.createElement(SearchOutlined, null)
-  })), isEmpty ? /*#__PURE__*/React.createElement("span", {
-    className: prefixCls + "__empty"
-  }, emptyContent) : null);
-});
-
-if (__DEV__) {
-  CheckSelectSearch.displayName = 'CheckSelectSearch';
-}
-
 var optionPrefix = getPrefixCls('check-select-option');
 /**
  * TODO: What is CheckSelectOption
  */
 
 var CheckSelectOption = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var _a$prefixCls3 = _a.prefixCls,
-      prefixCls = _a$prefixCls3 === void 0 ? optionPrefix : _a$prefixCls3,
+  var _a$prefixCls2 = _a.prefixCls,
+      prefixCls = _a$prefixCls2 === void 0 ? optionPrefix : _a$prefixCls2,
       className = _a.className,
       _a$option = _a.option,
       option = _a$option === void 0 ? {} : _a$option,
       onClick = _a.onClick,
-      rest = __rest(_a, ["prefixCls", "className", "children", "option", "onClick"]);
+      titleRender = _a.titleRender,
+      depth = _a.depth,
+      rest = __rest(_a, ["prefixCls", "className", "children", "option", "onClick", "titleRender", "depth"]);
 
-  var _useCheckSelectContex2 = useCheckSelectContext(),
-      isSelectedId = _useCheckSelectContex2.isSelectedId,
-      onSelect = _useCheckSelectContex2.onSelect,
-      titleRender = _useCheckSelectContex2.titleRender;
+  var _useCheckSelectContex = useCheckSelectContext(),
+      isSelectedId = _useCheckSelectContex.isSelectedId,
+      onSelect = _useCheckSelectContex.onSelect;
 
-  var checked = isSelectedId(option.id);
-  var _option$disabled = option.disabled,
+  var id = option.id,
+      _option$disabled = option.disabled,
       disabled = _option$disabled === void 0 ? false : _option$disabled;
-  var cls = cx(prefixCls, className, checked && prefixCls + "--selected", disabled && prefixCls + "--disabled");
+  var selected = isSelectedId(id);
+  var eventNodeRef = useLatestRef(Object.assign({}, option, {
+    disabled: disabled,
+    checked: selected
+  }));
+  var cls = cx(prefixCls, className, selected && prefixCls + "--selected", disabled && prefixCls + "--disabled");
   var handleOptionCheck = useCallback(function (evt) {
-    onSelect(option, !checked);
+    onSelect(option, !selected);
     onClick === null || onClick === void 0 ? void 0 : onClick(evt);
-  }, [onSelect, option, checked, onClick]); // 如果 titleRender 返回 `true`，则使用默认 title
-
-  var title = titleRender ? titleRender(Object.assign(Object.assign({}, option), {
-    checked: checked
-  })) : true;
+  }, [onSelect, option, selected, onClick]);
+  var renderTitle = useCallback(function (node, titleRender) {
+    // 如果 titleRender 返回 `true`，则使用默认 title
+    var title = titleRender ? titleRender(node) : true;
+    return /*#__PURE__*/React.createElement("div", {
+      className: prefixCls + "__title"
+    }, title === true ? /*#__PURE__*/React.createElement(Checkbox, {
+      checked: node.checked,
+      disabled: node.disabled
+    }, node.title) : title);
+  }, [prefixCls]);
   return /*#__PURE__*/React.createElement("div", Object.assign({
     ref: ref,
     className: cls
   }, rest, {
     onClick: handleOptionCheck
-  }), title === true ? /*#__PURE__*/React.createElement(Checkbox, {
-    checked: checked,
-    disabled: option.disabled
-  }, option.title) : title);
+  }), renderIndent(prefixCls, depth), renderTitle(eventNodeRef.current, titleRender));
 }); // @ts-ignore
 
 CheckSelectOption.HiName = 'CheckSelectOption';
@@ -239,14 +294,15 @@ CheckSelectOption.HiName = 'CheckSelectOption';
 if (__DEV__) {
   CheckSelectOption.displayName = 'CheckSelectOption';
 }
+
+var optionGroupPrefix = getPrefixCls('select-option-group');
 /**
  * TODO: What is CheckSelectOptionGroup
  */
 
-
 var CheckSelectOptionGroup = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var _a$prefixCls4 = _a.prefixCls,
-      prefixCls = _a$prefixCls4 === void 0 ? optionPrefix : _a$prefixCls4,
+  var _a$prefixCls3 = _a.prefixCls,
+      prefixCls = _a$prefixCls3 === void 0 ? optionGroupPrefix : _a$prefixCls3,
       className = _a.className,
       label = _a.label,
       rest = __rest(_a, ["prefixCls", "className", "children", "label", "onClick"]);
@@ -263,6 +319,23 @@ CheckSelectOptionGroup.HiName = 'CheckSelectOptionGroup';
 if (__DEV__) {
   CheckSelectOptionGroup.displayName = 'CheckSelectOptionGroup';
 }
+/**
+ * 渲染空白占位
+ */
+
+
+var renderIndent = function renderIndent(prefixCls, depth) {
+  return times(depth, function (index) {
+    return /*#__PURE__*/React.createElement("span", {
+      key: index,
+      style: {
+        alignSelf: 'stretch'
+      }
+    }, /*#__PURE__*/React.createElement("span", {
+      className: cx(prefixCls + "__indent")
+    }));
+  });
+};
 
-export { CheckSelect, CheckSelectOption, CheckSelectOptionGroup, CheckSelectSearch };
+export { CheckSelect, CheckSelectOption, CheckSelectOptionGroup };
 //# sourceMappingURL=CheckSelect.js.map