@hi-ui/check-select 4.0.0-alpha.2 → 4.0.0-alpha.20

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,46 +54,93 @@ var useCheckSelect = function useCheckSelect(_a) {
       onSelect = _a.onSelect,
       _a$emptyContent = _a.emptyContent,
       emptyContent = _a$emptyContent === void 0 ? '无匹配选项' : _a$emptyContent,
-      searchPlaceholder = _a.searchPlaceholder,
-      titleRender = _a.titleRender,
-      rest = tslib.__rest(_a, ["data", "children", "disabled", "value", "defaultValue", "onChange", "onSelect", "emptyContent", "searchPlaceholder", "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 list = useChildren.toArray(children);
-      var arr = [];
-
-      var dfs = function dfs(list) {
+      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
 
-          if (item.type && item.type.HiName === 'CheckSelectOption') {
-            arr.push(item); // @ts-ignore
-          } else if (item.type && item.type.HiName === 'CheckSelectOptionGroup') {
-            // @ts-ignore
-            if (item.props && item.props.children) {
+          if (item.type.HiName === 'CheckSelectOption') {
+            var props = item.props;
+
+            var _value = props.value,
+                _children = props.children,
+                _disabled = props.disabled,
+                _rest = tslib.__rest(props, ["value", "children", "disabled", "groupTitle"]);
+
+            var option = {
+              id: _value,
+              title: _children,
+              disabled: _disabled,
+              rootProps: _rest
+            };
+            arr.push(option); // @ts-ignore
+          } else if (item.type.HiName === 'CheckSelectOptionGroup') {
+            var _props = item.props;
+
+            var groupId = _props.groupId,
+                label = _props.label,
+                _children2 = _props.children,
+                _rest2 = tslib.__rest(_props, ["groupId", "label", "children"]);
+
+            var optGroup = {
+              groupId: groupId,
+              groupTitle: label,
+              children: [],
+              rootProps: _rest2
+            }; // @ts-ignore
+
+            if (_children2) {
               // @ts-ignore
-              var _list = useChildren.toArray(item.props.children);
-
-              dfs(_list);
+              optGroup.children = dfs(_children2);
             }
+
+            arr.push(optGroup);
           }
         });
+        return arr;
       };
 
-      dfs(list);
-      return arr.map(function (_ref) {
-        var props = _ref.props;
-        return {
-          id: props.value,
-          title: props.children,
-          disabled: props.disabled || false
-        };
-      });
+      return dfs(children);
     }
 
     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],
@@ -111,34 +159,30 @@ var useCheckSelect = function useCheckSelect(_a) {
     allowCheck: allowCheck
   }),
       onOptionCheck = _useCheckDefault[0],
-      isSelectedId = _useCheckDefault[1];
-
-  var _useSearch = useSearch.useSearch(data),
-      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","titleRender","rest","useMemo","list","toArray","arr","dfs","forEach","item","React","isValidElement","type","HiName","push","props","map","id","title","useUncontrolledState","tryChangeValue","onSelectLatest","useLatestCallback","proxyTryChangeValue","useCallback","shouldChecked","useCheckDefault","checkedIds","onCheck","allowCheck","onOptionCheck","isSelectedId","useSearch","inSearch","matchedItems","inputProps","isEmpty","resetSearch","getSearchInputProps","placeholder","rootProps","option"],"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,18 +8,23 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { __rest } from 'tslib';
-import React, { forwardRef, useState, useCallback } 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 { useToggle } from '@hi-ui/use-toggle';
 import { useCheckSelect } from './use-check-select.js';
-import Popper from '@hi-ui/popper';
-import { DownOutlined, SearchOutlined } from '@hi-ui/icons';
-import { SelectProvider, useSelectContext } from './context.js';
-import { useLatestCallback } from '@hi-ui/use-latest';
+import { UpOutlined, DownOutlined } from '@hi-ui/icons';
+import { CheckSelectProvider, useCheckSelectContext } from './context.js';
+import { useLatestCallback, useLatestRef } from '@hi-ui/use-latest';
 import Checkbox from '@hi-ui/checkbox';
-import { TagInput } from '@hi-ui/tag-input';
+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);
@@ -31,83 +36,200 @@ 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,
-      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,
-      popper = _a.popper,
-      rest = __rest(_a, ["prefixCls", "role", "className", "children", "disabled", "clearable", "searchable", "placeholder", "displayRender", "onSelect", "popper"]);
+      height = _a.height,
+      _a$itemHeight = _a.itemHeight,
+      itemHeight = _a$itemHeight === void 0 ? 40 : _a$itemHeight,
+      _a$virtual = _a.virtual,
+      virtual = _a$virtual === void 0 ? true : _a$virtual,
+      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 _useState = useState(null),
-      targetElRef = _useState[0],
-      setTargetElRef = _useState[1];
-
-  var openMenu = useCallback(function () {
-    if (disabled) return;
-    menuVisibleAction.on();
-  }, [disabled, menuVisibleAction]);
-  var onSelectLatest = useLatestCallback(onSelectProp);
   var displayRender = useCallback(function (item) {
-    if (displayRenderProp) {
+    if (isFunction(displayRenderProp)) {
       return displayRenderProp(item);
     }
 
     return item.title;
-  }, [displayRenderProp]); // @ts-ignore
+  }, [displayRenderProp]);
+  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), {
-    onSelect: onSelectLatest,
-    children: children
+    children: children,
+    onSelect: onSelect
   })),
-      rootProps = _b.rootProps,
       context = __rest(_b, ["rootProps"]);
 
   var value = context.value,
       tryChangeValue = context.tryChangeValue,
-      selectData = context.data;
-  var cls = cx(prefixCls, className);
-  return /*#__PURE__*/React.createElement(SelectProvider, {
+      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 selectProps.data.reduce(function (acc, cur, index) {
+      if ('groupTitle' in cur) {
+        acc.push({
+          id: "group-" + index,
+          groupTitle: cur.groupTitle,
+          rootProps: cur.rootProps
+        });
+        return acc.concat(cur.children);
+      }
+
+      acc.push(cur);
+      return acc;
+    }, []);
+  }, [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, {
-    ref: setTargetElRef,
-    onClick: openMenu,
-    disabled: disabled,
-    clearable: clearable,
-    placeholder: placeholder,
-    data: selectData,
-    value: value,
-    onChange: tryChangeValue,
-    displayRender: displayRender,
-    suffix: /*#__PURE__*/React.createElement(DownOutlined, null)
-  }), /*#__PURE__*/React.createElement(Popper, Object.assign({}, popper, {
-    attachEl: targetElRef,
+  }, rest, {
     visible: menuVisible,
-    onClose: menuVisibleAction.off
-  }), /*#__PURE__*/React.createElement("div", {
-    className: prefixCls + "-panel"
-  }, searchable ? /*#__PURE__*/React.createElement(SelectSearch, null) : null, selectData.map(function (item) {
-    return /*#__PURE__*/React.createElement(CheckSelectOption, {
-      key: item.id,
-      option: item
+    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,
+    itemHeight: itemHeight,
+    virtual: virtual,
+    data: virtualData
+  }, function (node) {
+    /* 反向 map，搜索删选数据时会对数据进行处理 */
+    return 'groupTitle' in node ? /*#__PURE__*/React.createElement(CheckSelectOptionGroup, {
+      label: node.groupTitle
+    }) : /*#__PURE__*/React.createElement(CheckSelectOption, {
+      option: node,
+      depth: node.depth,
+      titleRender: proxyTitleRender
     });
-  })))));
+  }) : null));
 }); // @ts-ignore
 
 CheckSelect.HiName = 'CheckSelect';
@@ -116,78 +238,104 @@ if (__DEV__) {
   CheckSelect.displayName = 'CheckSelect';
 }
 
-var searchPrefix = getPrefixCls('check-select-search');
-var SelectSearch = /*#__PURE__*/forwardRef(function (_a, ref) {
+var optionPrefix = getPrefixCls('check-select-option');
+/**
+ * TODO: What is CheckSelectOption
+ */
+
+var CheckSelectOption = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _a$prefixCls2 = _a.prefixCls,
-      prefixCls = _a$prefixCls2 === void 0 ? searchPrefix : _a$prefixCls2,
+      prefixCls = _a$prefixCls2 === void 0 ? optionPrefix : _a$prefixCls2,
       className = _a.className,
-      rest = __rest(_a, ["prefixCls", "className"]);
+      _a$option = _a.option,
+      option = _a$option === void 0 ? {} : _a$option,
+      onClick = _a.onClick,
+      titleRender = _a.titleRender,
+      depth = _a.depth,
+      rest = __rest(_a, ["prefixCls", "className", "children", "option", "onClick", "titleRender", "depth"]);
 
-  var _useSelectContext = useSelectContext(),
-      isEmpty = _useSelectContext.isEmpty,
-      emptyContent = _useSelectContext.emptyContent,
-      getSearchInputProps = _useSelectContext.getSearchInputProps;
+  var _useCheckSelectContex = useCheckSelectContext(),
+      isSelectedId = _useCheckSelectContex.isSelectedId,
+      onSelect = _useCheckSelectContex.onSelect;
 
+  var id = option.id,
+      _option$disabled = option.disabled,
+      disabled = _option$disabled === void 0 ? false : _option$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, !selected);
+    onClick === null || onClick === void 0 ? void 0 : onClick(evt);
+  }, [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: cx(prefixCls, className)
-  }, rest), /*#__PURE__*/React.createElement(Input, Object.assign({
-    appearance: "underline",
-    prefix: /*#__PURE__*/React.createElement(SearchOutlined, null)
-  }, getSearchInputProps())), isEmpty ? /*#__PURE__*/React.createElement("span", {
-    className: prefixCls + "__empty"
-  }, emptyContent) : null);
-});
+    className: cls
+  }, rest, {
+    onClick: handleOptionCheck
+  }), renderIndent(prefixCls, depth), renderTitle(eventNodeRef.current, titleRender));
+}); // @ts-ignore
+
+CheckSelectOption.HiName = 'CheckSelectOption';
 
 if (__DEV__) {
-  SelectSearch.displayName = 'SelectSearch';
+  CheckSelectOption.displayName = 'CheckSelectOption';
 }
 
-var optionPrefix = getPrefixCls('check-select-option');
-var CheckSelectOption = /*#__PURE__*/forwardRef(function (_a, ref) {
+var optionGroupPrefix = getPrefixCls('select-option-group');
+/**
+ * TODO: What is CheckSelectOptionGroup
+ */
+
+var CheckSelectOptionGroup = /*#__PURE__*/forwardRef(function (_a, ref) {
   var _a$prefixCls3 = _a.prefixCls,
-      prefixCls = _a$prefixCls3 === void 0 ? optionPrefix : _a$prefixCls3,
+      prefixCls = _a$prefixCls3 === void 0 ? optionGroupPrefix : _a$prefixCls3,
       className = _a.className,
-      _a$option = _a.option,
-      option = _a$option === void 0 ? {} : _a$option,
-      rest = __rest(_a, ["prefixCls", "className", "children", "option"]);
-
-  var _useSelectContext2 = useSelectContext(),
-      isSelectedId = _useSelectContext2.isSelectedId,
-      onSelect = _useSelectContext2.onSelect,
-      titleRender = _useSelectContext2.titleRender;
-
-  var checked = !!isSelectedId(option.id);
-  var cls = cx(prefixCls, className, checked && prefixCls + "--selected");
-  var handleOptionCheck = useCallback(function (evt) {
-    onSelect(option, !checked);
-  }, [onSelect, option, checked]); // 如果 titleRender 返回 `true`，则使用默认 title
-
-  var title = titleRender ? titleRender(Object.assign(Object.assign({}, option), {
-    checked: checked
-  })) : true;
-
-  if (title !== true) {
-    return /*#__PURE__*/React.createElement("div", Object.assign({
-      ref: ref,
-      className: cls
-    }, rest), title);
-  }
+      label = _a.label,
+      rest = __rest(_a, ["prefixCls", "className", "children", "label", "onClick"]);
 
+  var cls = cx(prefixCls, className);
   return /*#__PURE__*/React.createElement("div", Object.assign({
     ref: ref,
     className: cls
-  }, rest), /*#__PURE__*/React.createElement(Checkbox, {
-    checked: checked,
-    onChange: handleOptionCheck
-  }, option.title));
+  }, rest), /*#__PURE__*/React.createElement("span", null, label));
 }); // @ts-ignore
 
-CheckSelectOption.HiName = 'CheckSelectOption';
+CheckSelectOptionGroup.HiName = 'CheckSelectOptionGroup';
 
 if (__DEV__) {
-  CheckSelectOption.displayName = 'CheckSelectOption';
+  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, SelectSearch };
+export { CheckSelect, CheckSelectOption, CheckSelectOptionGroup };
 //# sourceMappingURL=CheckSelect.js.map