@hi-ui/check-cascader 4.0.0-beta.3 → 4.0.0-beta.32

package/lib/cjs/CheckCascader.js

@@ -29,34 +29,28 @@ 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 lodash = require('lodash');
-
-var CheckCascaderMenus = require('./CheckCascaderMenus.js');
+var CheckCascaderMenuList = require('./CheckCascaderMenuList.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');
 
 var localeContext = require('@hi-ui/locale-context');
 
+var funcUtils = require('@hi-ui/func-utils');
+
 function _interopDefaultLegacy(e) {
   return e && _typeof(e) === 'object' && 'default' in e ? e : {
     'default': e
@@ -86,7 +80,8 @@ var CheckCascader = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       clearable = _a.clearable,
       onSelect = _a.onSelect,
       expandTrigger = _a.expandTrigger,
-      disabled = _a.disabled,
+      _a$disabled = _a.disabled,
+      disabled = _a$disabled === void 0 ? false : _a$disabled,
       changeOnSelect = _a.changeOnSelect,
       titleRender = _a.render,
       displayRender = _a.displayRender,
@@ -96,56 +91,69 @@ var CheckCascader = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       invalid = _a.invalid,
       filterOption = _a.filterOption,
       searchableProp = _a.searchable,
+      onSearchProp = _a.onSearch,
       overlayClassName = _a.overlayClassName,
       _a$type = _a.type,
       type = _a$type === void 0 ? 'tree' : _a$type,
-      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", "overlayClassName", "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", "appearance", "invalid", "filterOption", "searchable", "onSearch", "overlayClassName", "type", "checkedMode", "onOpen", "onClose"]);
 
   var i18n = localeContext.useLocaleContext();
   var placeholder = typeAssertion.isUndef(placeholderProp) ? i18n.get('checkCascader.placeholder') : placeholderProp;
   var flatted = type === 'flatted';
 
-  var _useToggle = useToggle.useToggle(),
-      menuVisible = _useToggle[0],
-      menuVisibleAction = _useToggle[1];
+  var _useUncontrolledToggl = useToggle.useUncontrolledToggle({
+    disabled: disabled,
+    onOpen: onOpen,
+    onClose: onClose
+  }),
+      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),
       _value = _useUncontrolledState[0],
-      tryChangeValue = _useUncontrolledState[1];
+      tryChangeValue = _useUncontrolledState[1]; // 内部实现使用尾部 id
+
 
   var value = _value.map(function (path) {
     return path[path.length - 1];
   });
 
-  var flattedDataLatestRef = useLatest.useLatestRef(flattedData);
   var proxyOnChange = useLatest.useLatestCallback(function (value, item, shouldChecked) {
-    var flattedItems = flattedDataLatestRef.current;
-    var itemsPaths = flattedItems.filter(function (item) {
-      return value.includes(item.id);
-    }).map(function (item) {
-      return treeUtils.getTopDownAncestors(item).map(function (_ref) {
-        var id = _ref.id;
-        return id;
+    var flattedItems = flattedData;
+    console.log(item);
+    var itemsPaths = value.map(function (lastId) {
+      var item = flattedItems.find(function (item) {
+        return item.id === lastId;
       });
-    }); // TODO: 找到所有 id 的祖先节点路径
 
-    tryChangeValue(itemsPaths); // 包括所有全选的数据，包括全选
+      if (item) {
+        return treeUtils.getTopDownAncestors(item).map(function (_ref) {
+          var id = _ref.id;
+          return id;
+        });
+      } // 对于传入的数据未匹配到，保持不变吐出去
+
 
-    if (shouldChecked) {
-      // TODO：as useCheckList
-      setSelectedItems(function (prev) {
-        return [].concat(prev, [item]);
+      var idPaths = _value.find(function (item) {
+        return item[item.length - 1] === lastId;
       });
-    }
-  }); // ************************** 异步搜索 ************************* //
+
+      return idPaths || [lastId];
+    });
+    tryChangeValue(itemsPaths);
+  }); // ************************** 搜索 ************************* //
+  // 无法做异步搜索，因为下拉菜单不能合并（因为树形数据，不知道是第几级）
 
   var customSearchStrategy = useSearchMode.useTreeCustomSearch({
     data: flattedData,
@@ -181,50 +189,40 @@ var CheckCascader = /*#__PURE__*/React.forwardRef(function (_a, ref) {
 
     var highlight = !!searchValue && searchMode === 'upMatch';
     var found = false;
-    var ret = highlight ? /*#__PURE__*/React__default['default'].createElement("span", {
+    var ret = highlight ? /*#__PURE__*/React__default["default"].createElement("span", {
       className: classname.cx("title__text", "title__text--cols")
     }, treeUtils.getNodeAncestorsWithMe(node).map(function (item) {
       var title = item.title,
           id = item.id;
-      var raw = /*#__PURE__*/React__default['default'].createElement("span", {
+      var raw = /*#__PURE__*/React__default["default"].createElement("span", {
         className: "title__text--col",
         key: id
       }, 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;
       var beforeStr = title.substr(0, index);
       var resultStr = title.substr(index, searchValue.length);
       var afterStr = title.substr(index + resultLength);
-      return /*#__PURE__*/React__default['default'].createElement("span", {
+      return /*#__PURE__*/React__default["default"].createElement("span", {
         className: "title__text--col",
         key: id
-      }, beforeStr, /*#__PURE__*/React__default['default'].createElement("span", {
+      }, beforeStr, /*#__PURE__*/React__default["default"].createElement("span", {
         className: "title__text--matched"
       }, 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 lodash.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({
+  return /*#__PURE__*/React__default["default"].createElement(picker.Picker, Object.assign({
     ref: ref,
     className: cls,
     overlayClassName: classname.cx(prefixCls + "__popper", overlayClassName)
@@ -241,26 +239,22 @@ var CheckCascader = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     disabled: disabled,
     onClose: menuVisibleAction.off,
     searchable: searchable,
-    onSearch: onSearch,
-    trigger: /*#__PURE__*/React__default['default'].createElement(tagInput.TagInputMock, {
+    onSearch: funcUtils.callAllFuncs(onSearchProp, onSearch),
+    trigger: /*#__PURE__*/React__default["default"].createElement(tagInput.TagInputMock, {
       clearable: clearable,
       placeholder: placeholder,
       // @ts-ignore
       displayRender: displayRender,
-      suffix: menuVisible ? /*#__PURE__*/React__default['default'].createElement(icons.UpOutlined, null) : /*#__PURE__*/React__default['default'].createElement(icons.DownOutlined, null),
+      suffix: menuVisible ? /*#__PURE__*/React__default["default"].createElement(icons.UpOutlined, null) : /*#__PURE__*/React__default["default"].createElement(icons.DownOutlined, null),
       focused: menuVisible,
       appearance: appearance,
       value: value,
       // @ts-ignore
       onChange: proxyOnChange,
-      data: mergedData,
-      invalid: invalid,
-      onExpand: function onExpand() {
-        // setViewSelected(true)
-        menuVisibleAction.on();
-      }
+      data: flattedData,
+      invalid: invalid
     })
-  }), typeAssertion.isArrayNonEmpty(selectProps.data) ? /*#__PURE__*/React__default['default'].createElement(CheckCascaderMenus.CheckCascaderMenus, {
+  }), typeAssertion.isArrayNonEmpty(selectProps.data) ? /*#__PURE__*/React__default["default"].createElement(CheckCascaderMenuList.CheckCascaderMenuList, {
     disabled: disabled,
     value: value,
     // @ts-ignore
@@ -275,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);
 });
 
@@ -284,4 +279,3 @@ if (env.__DEV__) {
 }
 
 exports.CheckCascader = CheckCascader;
-//# sourceMappingURL=CheckCascader.js.map

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
@@ -71,14 +73,14 @@ var CheckCascaderMenu = function CheckCascaderMenu(_ref) {
       return title;
     }
 
-    return flatted ? /*#__PURE__*/React__default['default'].createElement("span", {
+    return flatted ? /*#__PURE__*/React__default["default"].createElement("span", {
       className: classname.cx("title__text", "title__text--cols")
-    }, index.getNodeAncestors(option).reverse().map(function (item, index) {
-      return /*#__PURE__*/React__default['default'].createElement("span", {
+    }, treeUtils.getNodeAncestorsWithMe(option).reverse().map(function (item, index) {
+      return /*#__PURE__*/React__default["default"].createElement("span", {
         className: "title__text--col",
         key: item.id
       }, item.title);
-    })) : /*#__PURE__*/React__default['default'].createElement("span", {
+    })) : /*#__PURE__*/React__default["default"].createElement("span", {
       className: "title__text"
     }, option.title);
   }, [titleRender, flatted]);
@@ -87,7 +89,7 @@ var CheckCascaderMenu = function CheckCascaderMenu(_ref) {
     return checkable;
   });
   var cls = classname.cx(prefixCls, className, isCheckableMenu && prefixCls + "--checkable");
-  return /*#__PURE__*/React__default['default'].createElement("ul", {
+  return /*#__PURE__*/React__default["default"].createElement("ul", {
     className: cls,
     role: role
   }, menu.map(function (option) {
@@ -103,11 +105,11 @@ var CheckCascaderMenu = function CheckCascaderMenu(_ref) {
     // 如果存在子节点，则可以展现选择态
     // 不存在子节点，如不是可勾选item，则可以展现勾选态
     selected && (((_a = option.children) === null || _a === void 0 ? void 0 : _a.length) || !option.checkable) && prefixCls + "-option--selected", loading && prefixCls + "-option--loading", disabled && prefixCls + "-option--disabled");
-    return /*#__PURE__*/React__default['default'].createElement("li", {
+    return /*#__PURE__*/React__default["default"].createElement("li", {
       role: "menu-item",
       className: prefixCls + "-item",
       key: option.id
-    }, /*#__PURE__*/React__default['default'].createElement("div", {
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: optionCls,
       onClick: function onClick(evt) {
         if (disabled) return;
@@ -122,7 +124,7 @@ var CheckCascaderMenu = function CheckCascaderMenu(_ref) {
           onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventOption);
         }
       }
-    }, option.checkable ? /*#__PURE__*/React__default['default'].createElement(Checkbox__default['default'], {
+    }, option.checkable ? /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
       className: prefixCls + "-checkbox",
       indeterminate: semiChecked,
       checked: checked,
@@ -146,7 +148,7 @@ var CheckCascaderMenu = function CheckCascaderMenu(_ref) {
 
 var renderSuffix = function renderSuffix(prefixCls, node, loading, onLoadChildren) {
   if (loading) {
-    return /*#__PURE__*/React__default['default'].createElement("span", {
+    return /*#__PURE__*/React__default["default"].createElement("span", {
       className: classname.cx(prefixCls + "-switcher", prefixCls + "-switcher--loading")
     }, index$1.defaultLoadingIcon);
   }
@@ -155,7 +157,7 @@ var renderSuffix = function renderSuffix(prefixCls, node, loading, onLoadChildre
   var canLoadChildren = onLoadChildren && !node.children && !node.isLeaf;
 
   if (hasChildren || canLoadChildren) {
-    return /*#__PURE__*/React__default['default'].createElement("span", {
+    return /*#__PURE__*/React__default["default"].createElement("span", {
       className: classname.cx(prefixCls + "-switcher"),
       style: {
         transform: "rotate(-90deg)"
@@ -163,10 +165,9 @@ var renderSuffix = function renderSuffix(prefixCls, node, loading, onLoadChildre
     }, index$1.defaultSuffixIcon);
   }
 
-  return /*#__PURE__*/React__default['default'].createElement("span", {
+  return /*#__PURE__*/React__default["default"].createElement("span", {
     className: classname.cx(prefixCls + "-switcher", prefixCls + "-switcher--noop")
   }, index$1.defaultLeafIcon);
 };
 
 exports.CheckCascaderMenu = CheckCascaderMenu;
-//# sourceMappingURL=CheckCascaderMenu.js.map

package/lib/cjs/{CheckCascaderMenus.js → CheckCascaderMenuList.js}

@@ -50,11 +50,7 @@ var _role = 'check-cascader-menus';
 var _prefix = classname.getPrefixCls(_role);
 
 var NOOP_ARRAY = [];
-/**
- * TODO: What is CheckCascaderMenus
- */
-
-var CheckCascaderMenus = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+var CheckCascaderMenuList = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var _a$prefixCls = _a.prefixCls,
       prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
       _a$role = _a.role,
@@ -77,7 +73,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 +91,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
+  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, {
-      trigger: 'checkbox',
-      target: target,
-      shouldChecked: shouldChecked,
-      semiCheckedIds: semiCheckedIds // checkedItems: fFindNodesByIds(flattedData, checkedIds),
-
-    });
+    onChange === null || onChange === void 0 ? void 0 : onChange(checkedIds, target, shouldChecked);
   }),
       onOptionCheck = _useCheck[0],
       isCheckedId = _useCheck[1],
@@ -112,8 +107,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 () {
@@ -130,14 +125,14 @@ var CheckCascaderMenus = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   }, [changeOnSelect, expandTrigger, onOptionCheck, onItemExpand, flatted, titleRender, onLoadChildren, disabled]);
   var menus = flatted ? index.getFlattedMenus(flattedData) : index.getActiveMenus(flattedData, selectedId);
   var cls = classname.cx(prefixCls, className, flatted && prefixCls + "--flatted", changeOnSelect && prefixCls + "--selectchange");
-  return /*#__PURE__*/React__default['default'].createElement(context.CheckCascaderProvider, {
+  return /*#__PURE__*/React__default["default"].createElement(context.CheckCascaderProvider, {
     value: providedValue
-  }, /*#__PURE__*/React__default['default'].createElement("div", Object.assign({
+  }, /*#__PURE__*/React__default["default"].createElement("div", Object.assign({
     ref: ref,
     role: role,
     className: cls
   }, rest), menus.map(function (menu, menuIndex) {
-    return menu.length > 0 ? /*#__PURE__*/React__default['default'].createElement(CheckCascaderMenu.CheckCascaderMenu, {
+    return menu.length > 0 ? /*#__PURE__*/React__default["default"].createElement(CheckCascaderMenu.CheckCascaderMenu, {
       key: menuIndex,
       data: menu,
       getCascaderItemRequiredProps: getCascaderItemRequiredProps
@@ -146,8 +141,7 @@ var CheckCascaderMenus = /*#__PURE__*/React.forwardRef(function (_a, ref) {
 });
 
 if (env.__DEV__) {
-  CheckCascaderMenus.displayName = 'CheckCascaderMenus';
+  CheckCascaderMenuList.displayName = 'CheckCascaderMenuList';
 }
 
-exports.CheckCascaderMenus = CheckCascaderMenus;
-//# sourceMappingURL=CheckCascaderMenus.js.map
+exports.CheckCascaderMenuList = CheckCascaderMenuList;

package/lib/cjs/context.js

@@ -30,4 +30,3 @@ var useCheckCascaderContext = function useCheckCascaderContext() {
 
 exports.CheckCascaderProvider = CheckCascaderProvider;
 exports.useCheckCascaderContext = useCheckCascaderContext;
-//# sourceMappingURL=context.js.map

package/lib/cjs/hooks/use-async-switch.js

@@ -41,9 +41,9 @@ var useAsyncSwitch = function useAsyncSwitch(setCascaderData, onExpand, onLoadCh
 
 
   var loadChildren = React.useCallback(function (node) {
-    return tslib.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee() {
+    return tslib.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
       var childrenNodes;
-      return _regeneratorRuntime__default['default'].wrap(function _callee$(_context) {
+      return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
@@ -82,9 +82,9 @@ var useAsyncSwitch = function useAsyncSwitch(setCascaderData, onExpand, onLoadCh
   }, [onLoadChildren, setCascaderData]);
   var onExpandLatest = useLatest.useLatestCallback(onExpand);
   var onNodeSwitch = React.useCallback(function (node) {
-    return tslib.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee2() {
+    return tslib.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2() {
       var id, children, isLeaf;
-      return _regeneratorRuntime__default['default'].wrap(function _callee2$(_context2) {
+      return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context2) {
         while (1) {
           switch (_context2.prev = _context2.next) {
             case 0:
@@ -168,4 +168,3 @@ var useList = function useList(initialValue) {
 };
 
 exports.useAsyncSwitch = useAsyncSwitch;
-//# sourceMappingURL=use-async-switch.js.map

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.
  */
 
 
@@ -34,4 +41,3 @@ var useCache = function useCache(data) {
 };
 
 exports.useCache = useCache;
-//# sourceMappingURL=use-cache.js.map

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

@@ -13,32 +13,42 @@ 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) {
+    // 出口数据处理
     onCheck === null || onCheck === void 0 ? void 0 : onCheck({
       checkedIds: checkedIds,
       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,
-    onCheck: trySetCheckedIds,
+    checkedIds: parsedCheckedIds,
+    onCheck: function onCheck(checkedIds, checkedNode, shouldChecked, semiCheckedIds) {
+      // 出口数据处理
+      var processedIds = index.processCheckedIds(checkedMode, checkedIds, flattedData, allowCheck);
+      trySetCheckedIds(processedIds, checkedNode, shouldChecked, semiCheckedIds);
+    },
     allowCheck: allowCheck
   });
 };
@@ -52,4 +62,3 @@ var allowCheck = function allowCheck(targetItem) {
 };
 
 exports.useCheck = useCheck;
-//# sourceMappingURL=use-check.js.map

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

@@ -35,4 +35,3 @@ var useSelect = function useSelect(disabled) {
 };
 
 exports.useSelect = useSelect;
-//# sourceMappingURL=use-select.js.map

package/lib/cjs/icons/index.js

@@ -29,15 +29,14 @@ function _interopDefaultLegacy(e) {
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var defaultSuffixIcon = /*#__PURE__*/React__default['default'].createElement(icons.DownOutlined, null);
-var defaultLeafIcon = /*#__PURE__*/React__default['default'].createElement("span", {
+var defaultSuffixIcon = /*#__PURE__*/React__default["default"].createElement(icons.DownOutlined, null);
+var defaultLeafIcon = /*#__PURE__*/React__default["default"].createElement("span", {
   style: {
     display: 'inline-block',
     width: 16
   }
 });
-var defaultLoadingIcon = /*#__PURE__*/React__default['default'].createElement(spinner.Spinner, null);
+var defaultLoadingIcon = /*#__PURE__*/React__default["default"].createElement(spinner.Spinner, null);
 exports.defaultLeafIcon = defaultLeafIcon;
 exports.defaultLoadingIcon = defaultLoadingIcon;
 exports.defaultSuffixIcon = defaultSuffixIcon;
-//# sourceMappingURL=index.js.map

package/lib/cjs/index.js

@@ -19,4 +19,3 @@ var CheckCascader = require('./CheckCascader.js');
 
 exports.CheckCascader = CheckCascader.CheckCascader;
 exports["default"] = CheckCascader.CheckCascader;
-//# sourceMappingURL=index.js.map

package/lib/cjs/styles/index.scss.js

@@ -12,11 +12,10 @@
 Object.defineProperty(exports, '__esModule', {
   value: true
 });
-var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-check-cascader__popper .hi-v4-picker__body {\n  padding-left: 0;\n  padding-right: 0; }\n.hi-v4-check-cascader__popper .hi-v4-picker__loading, .hi-v4-check-cascader__popper .hi-v4-picker__empty {\n  padding: 10px 16px;\n  padding: var(--hi-v4-spacing-5, 10px) var(--hi-v4-spacing-8, 16px); }\n.hi-v4-check-cascader-panel {\n  white-space: nowrap;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box; }\n.hi-v4-check-cascader-panel-search {\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    padding: 0 10px 10px;\n    position: relative; }\n.hi-v4-check-cascader-panel-search .hi-v4-input__prefix {\n      font-size: 16px;\n      padding-left: 0; }\n.hi-v4-check-cascader-panel-search__empty {\n      display: inline-block;\n      margin-top: 20px;\n      font-size: 14px;\n      font-weight: 400;\n      color: #999;\n      line-height: 20px; }\n.hi-v4-check-cascader-menus {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  overflow-x: auto; }\n.hi-v4-check-cascader-menus--flatted .hi-v4-check-cascader-menu {\n    -ms-flex-preferred-size: 100%;\n        flex-basis: 100%; }\n.hi-v4-check-cascader-menu {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  border: none;\n  outline: none;\n  font-size: 0.875rem;\n  font-size: var(--hi-v4-text-size-normal, 0.875rem);\n  vertical-align: middle;\n  list-style: none;\n  width: auto;\n  box-sizing: border-box;\n  -ms-flex-negative: 0;\n      flex-shrink: 0;\n  display: inline-block;\n  min-width: 140px;\n  max-height: 256px;\n  overflow: auto;\n  padding: 0 8px;\n  padding: 0 var(--hi-v4-spacing-4, 8px);\n  border-right: 1px solid #ebedf0;\n  border-right: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-200, #ebedf0); }\n.hi-v4-check-cascader-menu:last-of-type {\n    border: none; }\n.hi-v4-check-cascader-menu--checkable .hi-v4-check-cascader-menu-checkbox + .title__text {\n    padding-left: 8px; }\n.hi-v4-check-cascader-menu-item {\n    width: 100%;\n    padding: 4px 0;\n    padding: var(--hi-v4-spacing-2, 4px) 0;\n    position: relative;\n    cursor: pointer;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex; }\n.hi-v4-check-cascader-menu-checkbox {\n    position: relative; }\n.hi-v4-check-cascader-menu-checkbox::after {\n      right: 0;\n      top: -8px;\n      bottom: -8px;\n      left: -8px;\n      content: '';\n      position: absolute;\n      display: block; }\n.hi-v4-check-cascader-menu-option {\n    padding: 0 8px;\n    padding: 0 var(--hi-v4-spacing-4, 8px);\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    height: 32px;\n    width: 100%;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    position: relative;\n    -webkit-box-pack: justify;\n        -ms-flex-pack: justify;\n            justify-content: space-between;\n    border-radius: 4px;\n    border-radius: var(--hi-v4-border-radius-normal, 4px); }\n.hi-v4-check-cascader-menu-option:hover {\n      background-color: #f2f4f7;\n      background-color: var(--hi-v4-color-gray-100, #f2f4f7); }\n.hi-v4-check-cascader-menus--selectchange .hi-v4-check-cascader-menu-option:hover .hi-v4-checkbox__icon {\n        border-color: #237ffa;\n        border-color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-check-cascader-menu-option.hi-v4-check-cascader-menu-option--selected {\n      background: #e2f3fe;\n      background: var(--hi-v4-color-brandblue-50, #e2f3fe);\n      color: #237ffa;\n      color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-check-cascader-menu-option.hi-v4-check-cascader-menu-option--selected .hi-v4-check-cascader-menu-switcher {\n        color: #237ffa;\n        color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-check-cascader-menu-option--focused {\n      background-color: #e2f3fe;\n      background-color: var(--hi-v4-color-brandblue-50, #e2f3fe); }\n.hi-v4-check-cascader-menu-option--disabled {\n      cursor: not-allowed;\n      color: #929aa6;\n      color: var(--hi-v4-color-gray-500, #929aa6);\n      background: transparent; }\n.hi-v4-check-cascader-menu-option--disabled .hi-v4-check-cascader-menu-switcher {\n        color: #c9ced6;\n        color: var(--hi-v4-color-gray-400, #c9ced6); }\n.hi-v4-check-cascader-menu .title__text {\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1;\n            flex: 1 1; }\n.hi-v4-check-cascader-menu .title__text--cols {\n      display: block;\n      width: 100%;\n      -webkit-box-sizing: border-box;\n              box-sizing: border-box;\n      margin: 0;\n      padding: 0;\n      border: none;\n      outline: none;\n      font-size: 0.875rem;\n      font-size: var(--hi-v4-text-size-normal, 0.875rem);\n      vertical-align: middle;\n      list-style: none; }\n.hi-v4-check-cascader-menu .title__text--col {\n      display: inline-block; }\n.hi-v4-check-cascader-menu .title__text--col::after {\n        content: '\\00a0/\\00a0'; }\n.hi-v4-check-cascader-menu .title__text--col:last-child::after {\n        content: none; }\n.hi-v4-check-cascader-menu .title__text--matched {\n      color: #237ffa;\n      color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-check-cascader-menu-switcher {\n    -ms-flex-negative: 0;\n        flex-shrink: 0;\n    font-size: 16px;\n    color: #929aa6;\n    color: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-check-cascader-menu-switcher--loading {\n      color: #237ffa;\n      color: var(--hi-v4-color-brandblue-500, #237ffa); }\n.hi-v4-tree--icon-loading {\n  -webkit-animation-name: hi-rotate;\n          animation-name: hi-rotate;\n  -webkit-animation-duration: 2s;\n          animation-duration: 2s;\n  -webkit-animation-iteration-count: infinite;\n          animation-iteration-count: infinite; }\n@-webkit-keyframes hi-rotate {\n  from {\n    -webkit-transform: rotate(0);\n            transform: rotate(0); }\n  to {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg); } }\n@keyframes hi-rotate {\n  from {\n    -webkit-transform: rotate(0);\n            transform: rotate(0); }\n  to {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg); } }\n";
+var css_248z = ".hi-v4-check-cascader__popper .hi-v4-picker__body {padding-left: 0;padding-right: 0;overflow-y: hidden; }.hi-v4-check-cascader__popper .hi-v4-picker__loading, .hi-v4-check-cascader__popper .hi-v4-picker__empty {padding: var(--hi-v4-spacing-5, 10px) var(--hi-v4-spacing-8, 16px); }.hi-v4-check-cascader-panel {white-space: nowrap;-webkit-box-sizing: border-box;box-sizing: border-box; }.hi-v4-check-cascader-panel-search {-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 10px 10px;position: relative; }.hi-v4-check-cascader-panel-search .hi-v4-input__prefix {font-size: 16px;padding-left: 0; }.hi-v4-check-cascader-panel-search__empty {display: inline-block;margin-top: 20px;font-size: 14px;font-weight: 400;color: #999;line-height: 20px; }.hi-v4-check-cascader-menus {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-sizing: border-box;box-sizing: border-box;overflow-x: auto; }.hi-v4-check-cascader-menus--flatted .hi-v4-check-cascader-menu {-ms-flex-preferred-size: 100%;flex-basis: 100%; }.hi-v4-check-cascader-menu {-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;border: none;outline: none;font-size: var(--hi-v4-text-size-md, 0.875rem);vertical-align: middle;list-style: none;width: auto;box-sizing: border-box;-ms-flex-negative: 0;flex-shrink: 0;display: inline-block;min-width: 140px;max-height: 256px;overflow: auto;padding: 0 var(--hi-v4-spacing-4, 8px);border-right: var(--hi-v4-border-size-normal, 1px solid) var(--hi-v4-color-gray-200, #ebedf0); }.hi-v4-check-cascader-menu:last-of-type {border: none; }.hi-v4-check-cascader-menu--checkable .hi-v4-check-cascader-menu-checkbox + .title__text {padding-left: 8px; }.hi-v4-check-cascader-menu-item {width: 100%;padding: var(--hi-v4-spacing-2, 4px) 0;position: relative;cursor: pointer;display: -webkit-box;display: -ms-flexbox;display: flex; }.hi-v4-check-cascader-menu-checkbox {position: relative; }.hi-v4-check-cascader-menu-checkbox::after {right: 0;top: -8px;bottom: -8px;left: -8px;content: '';position: absolute;display: block; }.hi-v4-check-cascader-menu-option {padding: 0 var(--hi-v4-spacing-4, 8px);-webkit-box-sizing: border-box;box-sizing: border-box;height: 32px;width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: relative;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;border-radius: var(--hi-v4-border-radius-md, 4px); }.hi-v4-check-cascader-menu-option:hover {background-color: var(--hi-v4-color-gray-100, #f2f4f7); }.hi-v4-check-cascader-menus--selectchange .hi-v4-check-cascader-menu-option:hover .hi-v4-checkbox__icon {border-color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }.hi-v4-check-cascader-menu-option.hi-v4-check-cascader-menu-option--selected {background: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe));color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }.hi-v4-check-cascader-menu-option.hi-v4-check-cascader-menu-option--selected .hi-v4-check-cascader-menu-switcher {color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }.hi-v4-check-cascader-menu-option--focused {background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }.hi-v4-check-cascader-menu-option--disabled {cursor: not-allowed;color: var(--hi-v4-color-gray-500, #929aa6);background: transparent; }.hi-v4-check-cascader-menu-option--disabled .hi-v4-check-cascader-menu-switcher {color: var(--hi-v4-color-gray-400, #c9ced6); }.hi-v4-check-cascader-menu .title__text {-webkit-box-flex: 1;-ms-flex: 1 1;flex: 1 1; }.hi-v4-check-cascader-menu .title__text--cols {display: block;width: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;border: none;outline: none;font-size: var(--hi-v4-text-size-md, 0.875rem);vertical-align: middle;list-style: none; }.hi-v4-check-cascader-menu .title__text--col {display: inline-block; }.hi-v4-check-cascader-menu .title__text--col::after {content: '\\00a0/\\00a0'; }.hi-v4-check-cascader-menu .title__text--col:last-child::after {content: none; }.hi-v4-check-cascader-menu .title__text--matched {color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }.hi-v4-check-cascader-menu-switcher {-ms-flex-negative: 0;flex-shrink: 0;font-size: 16px;color: var(--hi-v4-color-gray-500, #929aa6); }.hi-v4-check-cascader-menu-switcher--loading {color: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }.hi-v4-tree--icon-loading {-webkit-animation-name: hi-rotate;animation-name: hi-rotate;-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite; }@-webkit-keyframes hi-rotate {from {-webkit-transform: rotate(0);transform: rotate(0); }to {-webkit-transform: rotate(360deg);transform: rotate(360deg); } }@keyframes hi-rotate {from {-webkit-transform: rotate(0);transform: rotate(0); }to {-webkit-transform: rotate(360deg);transform: rotate(360deg); } }";
 
-var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
+var __styleInject__ = require('inject-head-style')["default"];
 
 __styleInject__(css_248z);
 
 exports["default"] = css_248z;
-//# sourceMappingURL=index.scss.js.map