@hi-ui/check-cascader 4.0.0-beta.26 → 4.0.0-beta.29

package/lib/cjs/CheckCascader.js

@@ -29,29 +29,21 @@ var useUncontrolledState = require('@hi-ui/use-uncontrolled-state');
 
 var icons = require('@hi-ui/icons');
 
-var useSearch = require('./hooks/use-search.js');
-
-require('@hi-ui/use-check');
-
-var useCache = require('./hooks/use-cache.js');
-
-require('@babel/runtime/regenerator');
-
-var useLatest = require('@hi-ui/use-latest');
-
-var treeUtils = require('@hi-ui/tree-utils');
+var index = require('./hooks/use-cache/lib/esm/index.js');
 
 var picker = require('@hi-ui/picker');
 
 var tagInput = require('@hi-ui/tag-input');
 
-var arrayUtils = require('@hi-ui/array-utils');
-
 var CheckCascaderMenus = require('./CheckCascaderMenus.js');
 
 var useSearchMode = require('@hi-ui/use-search-mode');
 
-var index = require('./utils/index.js');
+var index$1 = require('./utils/index.js');
+
+var treeUtils = require('@hi-ui/tree-utils');
+
+var useLatest = require('@hi-ui/use-latest');
 
 var typeAssertion = require('@hi-ui/type-assertion');
 
@@ -103,9 +95,10 @@ var CheckCascader = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       overlayClassName = _a.overlayClassName,
       _a$type = _a.type,
       type = _a$type === void 0 ? 'tree' : _a$type,
+      checkedMode = _a.checkedMode,
       onOpen = _a.onOpen,
       onClose = _a.onClose,
-      rest = tslib.__rest(_a, ["prefixCls", "className", "defaultValue", "value", "onChange", "data", "placeholder", "clearable", "onSelect", "expandTrigger", "disabled", "emptyContent", "changeOnSelect", "render", "displayRender", "checkCascaded", "searchPlaceholder", "onLoadChildren", "wrap", "appearance", "invalid", "filterOption", "searchable", "onSearch", "overlayClassName", "type", "onOpen", "onClose"]);
+      rest = tslib.__rest(_a, ["prefixCls", "className", "defaultValue", "value", "onChange", "data", "placeholder", "clearable", "onSelect", "expandTrigger", "disabled", "emptyContent", "changeOnSelect", "render", "displayRender", "checkCascaded", "searchPlaceholder", "onLoadChildren", "appearance", "invalid", "filterOption", "searchable", "onSearch", "overlayClassName", "type", "checkedMode", "onOpen", "onClose"]);
 
   var i18n = localeContext.useLocaleContext();
   var placeholder = typeAssertion.isUndef(placeholderProp) ? i18n.get('checkCascader.placeholder') : placeholderProp;
@@ -119,12 +112,12 @@ var CheckCascader = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       menuVisible = _useUncontrolledToggl[0],
       menuVisibleAction = _useUncontrolledToggl[1];
 
-  var _useCache = useCache.useCache(data),
+  var _useCache = index.useCache(data),
       cascaderData = _useCache[0],
       setCascaderData = _useCache[1];
 
   var flattedData = React.useMemo(function () {
-    return index.flattenTreeData(cascaderData);
+    return index$1.flattenTreeData(cascaderData);
   }, [cascaderData]);
 
   var _useUncontrolledState = useUncontrolledState.useUncontrolledState(defaultValue, valueProp, onChange),
@@ -138,6 +131,7 @@ var CheckCascader = /*#__PURE__*/React.forwardRef(function (_a, ref) {
 
   var proxyOnChange = useLatest.useLatestCallback(function (value, item, shouldChecked) {
     var flattedItems = flattedData;
+    console.log(item);
     var itemsPaths = value.map(function (lastId) {
       var item = flattedItems.find(function (item) {
         return item.id === lastId;
@@ -156,20 +150,10 @@ var CheckCascader = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       });
 
       return idPaths || [lastId];
-    }); // const itemsPaths = flattedItems
-    //   .filter((item) => value.includes(item.id))
-    //   .map((item) => getTopDownAncestors(item).map(({ id }) => id))
-    // TODO: 找到所有 id 的祖先节点路径
-
-    tryChangeValue(itemsPaths); // 包括所有全选的数据，包括全选
-
-    if (shouldChecked) {
-      // TODO：as useCheckList
-      setSelectedItems(function (prev) {
-        return [].concat(prev, [item]);
-      });
-    }
-  }); // ************************** 异步搜索 ************************* //
+    });
+    tryChangeValue(itemsPaths);
+  }); // ************************** 搜索 ************************* //
+  // 无法做异步搜索，因为下拉菜单不能合并（因为树形数据，不知道是第几级）
 
   var customSearchStrategy = useSearchMode.useTreeCustomSearch({
     data: flattedData,
@@ -216,7 +200,7 @@ var CheckCascader = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       }, title);
       if (typeof title !== 'string') return raw;
       if (found) return raw;
-      var index = useSearch.matchStrategy(title, searchValue);
+      var index = useSearchMode.matchStrategy(title, searchValue);
       if (index === -1) return raw;
       found = true;
       var resultLength = searchValue.length;
@@ -231,22 +215,12 @@ var CheckCascader = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       }, resultStr), afterStr);
     }).reverse()) : true;
     return ret;
-  }, [titleRender, searchValue, searchMode]); // 搜索时临时选中缓存数据
-
-  var _useState = React.useState([]),
-      selectedItems = _useState[0],
-      setSelectedItems = _useState[1];
-
+  }, [titleRender, searchValue, searchMode]);
   var shouldUseSearch = !!searchValue;
   var selectProps = {
     data: shouldUseSearch ? stateInSearch.data : flattedData,
     titleRender: proxyTitleRender
-  }; // 下拉菜单不能合并（因为树形数据，不知道是第几级）
-
-  var mergedData = React.useMemo(function () {
-    var nextData = selectedItems.concat(flattedData);
-    return arrayUtils.uniqBy(nextData, 'id');
-  }, [selectedItems, flattedData]);
+  };
   var cls = classname.cx(prefixCls, className, prefixCls + "--" + (menuVisible ? 'open' : 'closed'));
   return /*#__PURE__*/React__default["default"].createElement(picker.Picker, Object.assign({
     ref: ref,
@@ -277,7 +251,7 @@ var CheckCascader = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       value: value,
       // @ts-ignore
       onChange: proxyOnChange,
-      data: mergedData,
+      data: flattedData,
       invalid: invalid
     })
   }), typeAssertion.isArrayNonEmpty(selectProps.data) ? /*#__PURE__*/React__default["default"].createElement(CheckCascaderMenus.CheckCascaderMenus, {
@@ -295,7 +269,8 @@ var CheckCascader = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     // @ts-ignore
     flattedData: selectProps.data,
     data: cascaderData,
-    onChangeData: setCascaderData
+    onChangeData: setCascaderData,
+    checkedMode: checkedMode
   }) : null);
 });
 

package/lib/cjs/CheckCascaderMenu.js

@@ -27,6 +27,8 @@ var context = require('./context.js');
 
 var index = require('./utils/index.js');
 
+var treeUtils = require('@hi-ui/tree-utils');
+
 function _interopDefaultLegacy(e) {
   return e && _typeof(e) === 'object' && 'default' in e ? e : {
     'default': e
@@ -73,7 +75,7 @@ var CheckCascaderMenu = function CheckCascaderMenu(_ref) {
 
     return flatted ? /*#__PURE__*/React__default["default"].createElement("span", {
       className: classname.cx("title__text", "title__text--cols")
-    }, index.getNodeAncestors(option).reverse().map(function (item, index) {
+    }, treeUtils.getNodeAncestorsWithMe(option).reverse().map(function (item, index) {
       return /*#__PURE__*/React__default["default"].createElement("span", {
         className: "title__text--col",
         key: item.id

package/lib/cjs/CheckCascaderMenus.js

@@ -77,7 +77,13 @@ var CheckCascaderMenus = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       onChange = _a.onChange,
       titleRender = _a.titleRender,
       flatted = _a.flatted,
-      rest = tslib.__rest(_a, ["prefixCls", "role", "className", "children", "data", "flattedData", "onChangeData", "value", "defaultValue", "disabled", "expandTrigger", "changeOnSelect", "checkCascaded", "onLoadChildren", "onChange", "onSelect", "titleRender", "flatted"]);
+      _a$checkedMode = _a.checkedMode,
+      checkedMode = _a$checkedMode === void 0 ? 'ALL' : _a$checkedMode,
+      rest = tslib.__rest(_a, ["prefixCls", "role", "className", "children", "data", "flattedData", "onChangeData", "value", "defaultValue", "disabled", "expandTrigger", "changeOnSelect", "checkCascaded", "onLoadChildren", "onChange", "onSelect", "titleRender", "flatted", "checkedMode"]);
+
+  if (checkCascaded === false) {
+    checkedMode = 'SEPARATE';
+  }
 
   var _useSelect = useSelect.useSelect(disabled),
       selectedId = _useSelect[0],
@@ -89,17 +95,10 @@ var CheckCascaderMenus = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       isLoadingId = _useAsyncSwitch[0],
       onItemExpand = _useAsyncSwitch[1];
 
-  var _useCheck = useCheck.useCheck(checkCascaded, disabled, flattedData, defaultValue, valueProp, function (_ref, target, shouldChecked) {
-    var checkedIds = _ref.checkedIds,
-        semiCheckedIds = _ref.semiCheckedIds; // @ts-ignore
-
-    onChange === null || onChange === void 0 ? void 0 : onChange(checkedIds, {
-      trigger: 'checkbox',
-      target: target,
-      shouldChecked: shouldChecked,
-      semiCheckedIds: semiCheckedIds // checkedItems: fFindNodesByIds(flattedData, checkedIds),
+  var _useCheck = useCheck.useCheck(checkedMode, disabled, flattedData, defaultValue, valueProp, function (_ref, target, shouldChecked) {
+    var checkedIds = _ref.checkedIds; // @ts-ignore
 
-    });
+    onChange === null || onChange === void 0 ? void 0 : onChange(checkedIds, target, shouldChecked);
   }),
       onOptionCheck = _useCheck[0],
       isCheckedId = _useCheck[1],
@@ -112,8 +111,8 @@ var CheckCascaderMenus = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       selected: flatted ? selectedId === id : selectedIds[depth] === id,
       checked: isCheckedId(id),
       loading: isLoadingId(id),
-      semiChecked: isSemiCheckedId(id),
-      focused: false
+      semiChecked: isSemiCheckedId(id) // focused: false,
+
     };
   });
   var providedValue = React.useMemo(function () {

package/lib/cjs/hooks/{use-cache.js → use-cache/lib/esm/index.js}

@@ -14,11 +14,18 @@ Object.defineProperty(exports, '__esModule', {
 });
 
 var React = require('react');
-/**
- * 一个缓存数据的 hook
+/** @LICENSE
+ * @hi-ui/use-cache
+ * https://github.com/XiaoMi/hiui/tree/master/packages/hooks/use-cache#readme
  *
- * @param data
- * @returns
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * A hook using for data cache that compatible with the controlled and uncontrolled modes coexist.
  */
 
 

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

@@ -13,31 +13,38 @@ Object.defineProperty(exports, '__esModule', {
   value: true
 });
 
+var useUncontrolledState = require('@hi-ui/use-uncontrolled-state');
+
 var useCheck$1 = require('@hi-ui/use-check');
 
-var useUncontrolledState = require('@hi-ui/use-uncontrolled-state');
+var index = require('../utils/index.js');
 
 var NOOP_ARRAY = [];
 
-var useCheck = function useCheck(cascaded, disabled, flattedData, defaultCheckedIds, checkedIdsProp, onCheck) {
+var useCheck = function useCheck(checkedMode, disabled, flattedData, defaultCheckedIds, checkedIdsProp, onCheck) {
   if (defaultCheckedIds === void 0) {
     defaultCheckedIds = NOOP_ARRAY;
   }
 
   var _useUncontrolledState = useUncontrolledState.useUncontrolledState(defaultCheckedIds, checkedIdsProp, function (checkedIds, checkedNode, shouldChecked, semiCheckedIds) {
+    // 出口数据处理
+    var processedIds = index.processCheckedIds(checkedMode, checkedIds, flattedData, allowCheck);
     onCheck === null || onCheck === void 0 ? void 0 : onCheck({
-      checkedIds: checkedIds,
+      checkedIds: processedIds,
       semiCheckedIds: semiCheckedIds
     }, checkedNode, shouldChecked);
   }),
       checkedIds = _useUncontrolledState[0],
-      trySetCheckedIds = _useUncontrolledState[1];
+      trySetCheckedIds = _useUncontrolledState[1]; // 入口数据处理
+
 
+  var parsedCheckedIds = index.parseCheckDataDirty(checkedMode, checkedIds, flattedData, allowCheck);
+  var cascaded = checkedMode !== 'SEPARATE';
   return useCheck$1.useCascadeCheck({
     cascaded: cascaded,
     disabled: disabled,
     flattedData: flattedData,
-    checkedIds: checkedIds,
+    checkedIds: parsedCheckedIds,
     onCheck: trySetCheckedIds,
     allowCheck: allowCheck
   });

package/lib/cjs/utils/index.js

@@ -12,6 +12,10 @@
 Object.defineProperty(exports, '__esModule', {
   value: true
 });
+
+var treeUtils = require('@hi-ui/tree-utils');
+
+var typeAssertion = require('@hi-ui/type-assertion');
 /**
  * 扁平化树数据结构，基于前序遍历
  *
@@ -19,74 +23,38 @@ Object.defineProperty(exports, '__esModule', {
  * @returns
  */
 
-var flattenTreeData = function flattenTreeData(treeData) {
-  var flattedTreeData = [];
-
-  var dig = function dig(node, depth, parent) {
-    var id = node.id,
-        title = node.title,
-        children = node.children,
-        _node$checkable = node.checkable,
-        checkable = _node$checkable === void 0 ? true : _node$checkable,
-        _node$isLeaf = node.isLeaf,
-        isLeaf = _node$isLeaf === void 0 ? false : _node$isLeaf,
-        _node$disabled = node.disabled,
-        disabled = _node$disabled === void 0 ? false : _node$disabled,
-        _node$disabledCheckbo = node.disabledCheckbox,
-        disabledCheckbox = _node$disabledCheckbo === void 0 ? false : _node$disabledCheckbo;
-    var flattedNode = {
-      id: id,
-      title: title,
-      depth: depth,
-      parent: parent,
-      raw: node,
-      isLeaf: isLeaf,
-      disabled: disabled,
-      disabledCheckbox: disabledCheckbox,
-      checkable: checkable
-    };
-    flattedTreeData.push(flattedNode);
-
-    if (children) {
-      var childDepth = depth + 1;
-      flattedNode.children = children.map(function (child) {
-        return dig(child, childDepth, flattedNode);
-      });
-    }
-
-    return flattedNode;
-  }; // @ts-ignore
 
+var flattenTreeData = function flattenTreeData(treeData, fieldNames) {
+  /**
+   * 转换对象
+   */
+  var getKeyFields = function getKeyFields(node, key) {
+    if (fieldNames) {
+      return node[fieldNames[key] || key];
+    }
 
-  var treeRoot = getTreeRoot(); // @ts-ignore
-
-  treeRoot.children = treeData.map(function (node) {
-    return dig(node, 0, treeRoot);
-  });
-  return flattedTreeData;
-};
-
-var getTreeRoot = function getTreeRoot() {
-  return {
-    depth: -1
+    return node[key];
   };
-};
-/**
- * 获取祖先节点，包括自己
- * @param node
- * @returns
- */
-
 
-var getNodeAncestors = function getNodeAncestors(node) {
-  var ancestors = [];
-
-  while (node.parent) {
-    ancestors.push(node);
-    node = node.parent;
-  }
+  return treeUtils.baseFlattenTree({
+    tree: treeData,
+    childrenFieldName: function childrenFieldName(node) {
+      return getKeyFields(node, 'children');
+    },
+    transform: function transform(node) {
+      var _a, _b, _c, _d;
 
-  return ancestors;
+      var flattedNode = node;
+      var raw = node.raw;
+      flattedNode.id = getKeyFields(raw, 'id');
+      flattedNode.title = getKeyFields(raw, 'title');
+      flattedNode.disabled = (_a = getKeyFields(raw, 'disabled')) !== null && _a !== void 0 ? _a : false;
+      flattedNode.isLeaf = (_b = getKeyFields(raw, 'isLeaf')) !== null && _b !== void 0 ? _b : false;
+      flattedNode.checkable = (_c = getKeyFields(raw, 'checkable')) !== null && _c !== void 0 ? _c : true;
+      flattedNode.disabledCheckbox = (_d = getKeyFields(raw, 'disabledCheckbox')) !== null && _d !== void 0 ? _d : false;
+      return flattedNode;
+    }
+  });
 };
 
 var getActiveMenus = function getActiveMenus(data, selectedIds) {
@@ -128,19 +96,162 @@ var getActiveMenuIds = function getActiveMenuIds(data, selectedIds) {
     return selectedIds === id;
   });
   if (!selectedOption) return [];
-  return getNodeAncestors(selectedOption).map(function (_ref4) {
+  return treeUtils.getTopDownAncestors(selectedOption).map(function (_ref4) {
     var id = _ref4.id;
     return id;
-  }).reverse();
+  });
 };
 
 function getCascaderItemEventData(node, requiredProps) {
   return Object.assign(Object.assign({}, node), requiredProps);
 }
+/**
+ * 处理选中的回显数据
+ *
+ * @param checkedIds 当前所有被选中的节点 ID 集合
+ * @param nodeEntries 所有数据的Map 集合
+ * @param type 数据回显方式
+ */
+
+
+var processCheckedIds = function processCheckedIds(type, checkedIds, flattenData, allowCheck) {
+  var keySet = new Set(checkedIds);
+
+  switch (type) {
+    case 'CHILD':
+      return checkedIds.filter(function (id) {
+        var node = treeUtils.fFindNodeById(flattenData, id);
+
+        if (node) {
+          var children = node.children;
+
+          if (typeAssertion.isArrayNonEmpty(children)) {
+            if (children.filter(allowCheck).every(function (node) {
+              return keySet.has(node.id);
+            })) {
+              return false;
+            }
+          }
+        } // 没有孩子节点，保留
+
+
+        return true;
+      });
+
+    case 'PARENT':
+      return checkedIds.filter(function (id) {
+        var node = treeUtils.fFindNodeById(flattenData, id);
+
+        if (node) {
+          // 向上递归遍历是否被勾选
+          var ancestors = treeUtils.getNodeAncestors(node);
+          console.log(ancestors);
+
+          if (ancestors.some(function (parent) {
+            return keySet.has(parent.id);
+          })) {
+            return false;
+          }
+        }
+
+        return true;
+      });
+  }
+
+  return checkedIds;
+};
+/**
+ * 根据传入的 checkedIds 解析全选/半选数据
+ */
+
+
+var parseCheckDataDirty = function parseCheckDataDirty(type, checkedIds, flattenData, allowCheck) {
+  switch (type) {
+    case 'CHILD':
+    case 'PARENT':
+      return dirtyCheck(checkedIds, flattenData, allowCheck);
+  }
+
+  return checkedIds;
+};
+
+function dirtyCheck(checkedIds, flattenData, allowCheck) {
+  var nodeEntities = flattenData.reduce(function (prev, cur) {
+    prev[cur.id] = cur;
+    return prev;
+  }, {});
+  var checkedIdsSet = new Set(checkedIds.filter(function (id) {
+    return !!nodeEntities[id];
+  }));
+  var depthEntities = new Map();
+  var maxDepth = 0; // Convert entities by depth for calculation
+
+  Object.keys(nodeEntities).forEach(function (id) {
+    var entity = nodeEntities[id];
+    var depth = entity.depth;
+    var depthSet = depthEntities.get(depth);
+
+    if (!depthSet) {
+      depthSet = new Set();
+      depthEntities.set(depth, depthSet);
+    }
+
+    depthSet.add(entity);
+    maxDepth = Math.max(maxDepth, depth);
+  });
+  return fillCheck(checkedIdsSet, depthEntities, nodeEntities, maxDepth, allowCheck);
+}
+/**
+ *  对 checkedIds 级联遗漏选项 id 填充
+ *
+ *  1. 把所有嵌套孩子节点 allowCheck 的都标记为 checked
+ *  2. 祖先节点从下至上维护 checked 状态
+ */
+
+
+function fillCheck(checkedIds, depthEntities, nodeEntities, maxDepth, allowCheck) {
+  var checkedIdsSet = new Set(checkedIds);
+  checkedIdsSet.forEach(function (id) {
+    var checkedNode = nodeEntities[id];
+    var nestedChildren = treeUtils.findNestedChildren(checkedNode, allowCheck);
+    nestedChildren.forEach(function (child) {
+      checkedIdsSet.add(child.id);
+    });
+  }); // 缓存中间结果，优化查询
+
+  var visitedIds = new Map();
+
+  for (var depth = maxDepth - 1; depth >= 0; --depth) {
+    var entities = depthEntities.get(depth);
+    entities === null || entities === void 0 ? void 0 : entities.forEach(function (entity) {
+      var id = entity.id,
+          children = entity.children;
+      if (visitedIds.has(id)) return;
+
+      if (typeAssertion.isArrayNonEmpty(children)) {
+        var shouldChecked = !children.some(function (child) {
+          if (visitedIds.has(child.id)) {
+            return !visitedIds.get(child.id);
+          }
+
+          return !checkedIdsSet.has(child.id);
+        });
+        visitedIds.set(id, shouldChecked);
+
+        if (shouldChecked && allowCheck(entity)) {
+          checkedIdsSet.add(id);
+        }
+      }
+    });
+  }
+
+  return Array.from(checkedIdsSet);
+}
 
 exports.flattenTreeData = flattenTreeData;
 exports.getActiveMenuIds = getActiveMenuIds;
 exports.getActiveMenus = getActiveMenus;
 exports.getCascaderItemEventData = getCascaderItemEventData;
 exports.getFlattedMenus = getFlattedMenus;
-exports.getNodeAncestors = getNodeAncestors;
+exports.parseCheckDataDirty = parseCheckDataDirty;
+exports.processCheckedIds = processCheckedIds;

package/lib/esm/CheckCascader.js

@@ -8,24 +8,20 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { __rest } from 'tslib';
-import React, { forwardRef, useMemo, useCallback, useState } from 'react';
+import React, { forwardRef, useMemo, useCallback } from 'react';
 import { getPrefixCls, cx } from '@hi-ui/classname';
 import { __DEV__ } from '@hi-ui/env';
 import { useUncontrolledToggle } from '@hi-ui/use-toggle';
 import { useUncontrolledState } from '@hi-ui/use-uncontrolled-state';
 import { UpOutlined, DownOutlined } from '@hi-ui/icons';
-import { matchStrategy } from './hooks/use-search.js';
-import '@hi-ui/use-check';
-import { useCache } from './hooks/use-cache.js';
-import '@babel/runtime/regenerator';
-import { useLatestCallback } from '@hi-ui/use-latest';
-import { getTopDownAncestors, getNodeAncestorsWithMe } from '@hi-ui/tree-utils';
+import { useCache } from './hooks/use-cache/lib/esm/index.js';
 import { Picker } from '@hi-ui/picker';
 import { TagInputMock } from '@hi-ui/tag-input';
-import { uniqBy } from '@hi-ui/array-utils';
 import { CheckCascaderMenus } from './CheckCascaderMenus.js';
-import { useTreeCustomSearch, useTreeUpMatchSearch, useSearchMode } from '@hi-ui/use-search-mode';
+import { useTreeCustomSearch, useTreeUpMatchSearch, useSearchMode, matchStrategy } from '@hi-ui/use-search-mode';
 import { flattenTreeData } from './utils/index.js';
+import { getTopDownAncestors, getNodeAncestorsWithMe } from '@hi-ui/tree-utils';
+import { useLatestCallback } from '@hi-ui/use-latest';
 import { isUndef, isArrayNonEmpty } from '@hi-ui/type-assertion';
 import { useLocaleContext } from '@hi-ui/locale-context';
 import { callAllFuncs } from '@hi-ui/func-utils';
@@ -66,9 +62,10 @@ var CheckCascader = /*#__PURE__*/forwardRef(function (_a, ref) {
       overlayClassName = _a.overlayClassName,
       _a$type = _a.type,
       type = _a$type === void 0 ? 'tree' : _a$type,
+      checkedMode = _a.checkedMode,
       onOpen = _a.onOpen,
       onClose = _a.onClose,
-      rest = __rest(_a, ["prefixCls", "className", "defaultValue", "value", "onChange", "data", "placeholder", "clearable", "onSelect", "expandTrigger", "disabled", "emptyContent", "changeOnSelect", "render", "displayRender", "checkCascaded", "searchPlaceholder", "onLoadChildren", "wrap", "appearance", "invalid", "filterOption", "searchable", "onSearch", "overlayClassName", "type", "onOpen", "onClose"]);
+      rest = __rest(_a, ["prefixCls", "className", "defaultValue", "value", "onChange", "data", "placeholder", "clearable", "onSelect", "expandTrigger", "disabled", "emptyContent", "changeOnSelect", "render", "displayRender", "checkCascaded", "searchPlaceholder", "onLoadChildren", "appearance", "invalid", "filterOption", "searchable", "onSearch", "overlayClassName", "type", "checkedMode", "onOpen", "onClose"]);
 
   var i18n = useLocaleContext();
   var placeholder = isUndef(placeholderProp) ? i18n.get('checkCascader.placeholder') : placeholderProp;
@@ -101,6 +98,7 @@ var CheckCascader = /*#__PURE__*/forwardRef(function (_a, ref) {
 
   var proxyOnChange = useLatestCallback(function (value, item, shouldChecked) {
     var flattedItems = flattedData;
+    console.log(item);
     var itemsPaths = value.map(function (lastId) {
       var item = flattedItems.find(function (item) {
         return item.id === lastId;
@@ -119,20 +117,10 @@ var CheckCascader = /*#__PURE__*/forwardRef(function (_a, ref) {
       });
 
       return idPaths || [lastId];
-    }); // const itemsPaths = flattedItems
-    //   .filter((item) => value.includes(item.id))
-    //   .map((item) => getTopDownAncestors(item).map(({ id }) => id))
-    // TODO: 找到所有 id 的祖先节点路径
-
-    tryChangeValue(itemsPaths); // 包括所有全选的数据，包括全选
-
-    if (shouldChecked) {
-      // TODO：as useCheckList
-      setSelectedItems(function (prev) {
-        return [].concat(prev, [item]);
-      });
-    }
-  }); // ************************** 异步搜索 ************************* //
+    });
+    tryChangeValue(itemsPaths);
+  }); // ************************** 搜索 ************************* //
+  // 无法做异步搜索，因为下拉菜单不能合并（因为树形数据，不知道是第几级）
 
   var customSearchStrategy = useTreeCustomSearch({
     data: flattedData,
@@ -194,22 +182,12 @@ var CheckCascader = /*#__PURE__*/forwardRef(function (_a, ref) {
       }, resultStr), afterStr);
     }).reverse()) : true;
     return ret;
-  }, [titleRender, searchValue, searchMode]); // 搜索时临时选中缓存数据
-
-  var _useState = useState([]),
-      selectedItems = _useState[0],
-      setSelectedItems = _useState[1];
-
+  }, [titleRender, searchValue, searchMode]);
   var shouldUseSearch = !!searchValue;
   var selectProps = {
     data: shouldUseSearch ? stateInSearch.data : flattedData,
     titleRender: proxyTitleRender
-  }; // 下拉菜单不能合并（因为树形数据，不知道是第几级）
-
-  var mergedData = useMemo(function () {
-    var nextData = selectedItems.concat(flattedData);
-    return uniqBy(nextData, 'id');
-  }, [selectedItems, flattedData]);
+  };
   var cls = cx(prefixCls, className, prefixCls + "--" + (menuVisible ? 'open' : 'closed'));
   return /*#__PURE__*/React.createElement(Picker, Object.assign({
     ref: ref,
@@ -240,7 +218,7 @@ var CheckCascader = /*#__PURE__*/forwardRef(function (_a, ref) {
       value: value,
       // @ts-ignore
       onChange: proxyOnChange,
-      data: mergedData,
+      data: flattedData,
       invalid: invalid
     })
   }), isArrayNonEmpty(selectProps.data) ? /*#__PURE__*/React.createElement(CheckCascaderMenus, {
@@ -258,7 +236,8 @@ var CheckCascader = /*#__PURE__*/forwardRef(function (_a, ref) {
     // @ts-ignore
     flattedData: selectProps.data,
     data: cascaderData,
-    onChangeData: setCascaderData
+    onChangeData: setCascaderData,
+    checkedMode: checkedMode
   }) : null);
 });