@hi-ui/check-cascader 4.0.0-beta.7 → 4.0.0

package/lib/esm/context.js

@@ -2,7 +2,7 @@
  * @hi-ui/check-cascader
  * https://github.com/XiaoMi/hiui/tree/master/packages/ui/check-cascader#readme
  *
- * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ * 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.
@@ -22,4 +22,3 @@ var useCheckCascaderContext = function useCheckCascaderContext() {
 };
 
 export { CheckCascaderProvider, useCheckCascaderContext };
-//# sourceMappingURL=context.js.map

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

@@ -2,7 +2,7 @@
  * @hi-ui/check-cascader
  * https://github.com/XiaoMi/hiui/tree/master/packages/ui/check-cascader#readme
  *
- * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ * 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.
@@ -148,4 +148,3 @@ var useList = function useList(initialValue) {
 };
 
 export { useAsyncSwitch };
-//# sourceMappingURL=use-async-switch.js.map

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

@@ -2,17 +2,24 @@
  * @hi-ui/check-cascader
  * https://github.com/XiaoMi/hiui/tree/master/packages/ui/check-cascader#readme
  *
- * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ * 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.
  */
 import { useState, useEffect } from '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.
  */
 
 var useCache = function useCache(data) {
@@ -27,4 +34,3 @@ var useCache = function useCache(data) {
 };
 
 export { useCache };
-//# sourceMappingURL=use-cache.js.map

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

@@ -2,35 +2,44 @@
  * @hi-ui/check-cascader
  * https://github.com/XiaoMi/hiui/tree/master/packages/ui/check-cascader#readme
  *
- * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ * 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.
  */
-import { useCascadeCheck } from '@hi-ui/use-check';
 import { useUncontrolledState } from '@hi-ui/use-uncontrolled-state';
+import { useCascadeCheck } from '@hi-ui/use-check';
+import { processCheckedIds, parseCheckDataDirty } from '../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(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 = parseCheckDataDirty(checkedMode, checkedIds, flattedData, allowCheck);
+  var cascaded = checkedMode !== 'SEPARATE';
   return useCascadeCheck({
     cascaded: cascaded,
     disabled: disabled,
     flattedData: flattedData,
-    checkedIds: checkedIds,
-    onCheck: trySetCheckedIds,
+    checkedIds: parsedCheckedIds,
+    onCheck: function onCheck(checkedIds, checkedNode, shouldChecked, semiCheckedIds) {
+      // 出口数据处理
+      var processedIds = processCheckedIds(checkedMode, checkedIds, flattedData, allowCheck);
+      trySetCheckedIds(processedIds, checkedNode, shouldChecked, semiCheckedIds);
+    },
     allowCheck: allowCheck
   });
 };
@@ -44,4 +53,3 @@ var allowCheck = function allowCheck(targetItem) {
 };
 
 export { useCheck };
-//# sourceMappingURL=use-check.js.map

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

@@ -2,7 +2,7 @@
  * @hi-ui/check-cascader
  * https://github.com/XiaoMi/hiui/tree/master/packages/ui/check-cascader#readme
  *
- * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ * 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.
@@ -28,4 +28,3 @@ var useSelect = function useSelect(disabled) {
 };
 
 export { useSelect };
-//# sourceMappingURL=use-select.js.map

package/lib/esm/icons/index.js

@@ -2,7 +2,7 @@
  * @hi-ui/check-cascader
  * https://github.com/XiaoMi/hiui/tree/master/packages/ui/check-cascader#readme
  *
- * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ * 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.
@@ -19,4 +19,3 @@ var defaultLeafIcon = /*#__PURE__*/React.createElement("span", {
 });
 var defaultLoadingIcon = /*#__PURE__*/React.createElement(Spinner, null);
 export { defaultLeafIcon, defaultLoadingIcon, defaultSuffixIcon };
-//# sourceMappingURL=index.js.map

package/lib/esm/index.js

@@ -2,11 +2,10 @@
  * @hi-ui/check-cascader
  * https://github.com/XiaoMi/hiui/tree/master/packages/ui/check-cascader#readme
  *
- * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ * 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.
  */
 import './styles/index.scss.js';
 export { CheckCascader, CheckCascader as default } from './CheckCascader.js';
-//# sourceMappingURL=index.js.map

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

@@ -2,16 +2,14 @@
  * @hi-ui/check-cascader
  * https://github.com/XiaoMi/hiui/tree/master/packages/ui/check-cascader#readme
  *
- * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ * 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.
  */
-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: 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: 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 var(--hi-v4-spacing-4, 8px);\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: 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 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: var(--hi-v4-border-radius-normal, 4px); }\n.hi-v4-check-cascader-menu-option:hover {\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: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-check-cascader-menu-option.hi-v4-check-cascader-menu-option--selected {\n      background: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe));\n      color: var(--hi-v4-color-primary-500, 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: var(--hi-v4-color-primary-500, var(--hi-v4-color-brandblue-500, #237ffa)); }\n.hi-v4-check-cascader-menu-option--focused {\n      background-color: var(--hi-v4-color-primary-50, var(--hi-v4-color-brandblue-50, #e2f3fe)); }\n.hi-v4-check-cascader-menu-option--disabled {\n      cursor: not-allowed;\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: 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: 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: var(--hi-v4-color-primary-500, 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: var(--hi-v4-color-gray-500, #929aa6); }\n.hi-v4-check-cascader-menu-switcher--loading {\n      color: var(--hi-v4-color-primary-500, 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 __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
+import __styleInject__ from 'inject-head-style';
+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); } }";
 
 __styleInject__(css_248z);
 
-export default css_248z;
-//# sourceMappingURL=index.scss.js.map
+export { css_248z as default };

package/lib/esm/utils/index.js

@@ -2,86 +2,51 @@
  * @hi-ui/check-cascader
  * https://github.com/XiaoMi/hiui/tree/master/packages/ui/check-cascader#readme
  *
- * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ * 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.
  */
-
+import { baseFlattenTree, getTopDownAncestors, fFindNodeById, getNodeAncestors, findNestedChildren } from '@hi-ui/tree-utils';
+import { isArrayNonEmpty } from '@hi-ui/type-assertion';
 /**
  * 扁平化树数据结构，基于前序遍历
  *
  * @param treeData
  * @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 ancestors;
+  return baseFlattenTree({
+    tree: treeData,
+    childrenFieldName: function childrenFieldName(node) {
+      return getKeyFields(node, 'children');
+    },
+    transform: function transform(node) {
+      var _a, _b, _c, _d;
+
+      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) {
@@ -123,15 +88,155 @@ var getActiveMenuIds = function getActiveMenuIds(data, selectedIds) {
     return selectedIds === id;
   });
   if (!selectedOption) return [];
-  return getNodeAncestors(selectedOption).map(function (_ref4) {
+  return 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 = fFindNodeById(flattenData, id);
+
+        if (node) {
+          var children = node.children;
+
+          if (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 = fFindNodeById(flattenData, id);
+
+        if (node) {
+          // 向上递归遍历是否被勾选
+          var ancestors = getNodeAncestors(node);
+
+          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 = 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 (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);
+}
 
-export { flattenTreeData, getActiveMenuIds, getActiveMenus, getCascaderItemEventData, getFlattedMenus, getNodeAncestors };
-//# sourceMappingURL=index.js.map
+export { flattenTreeData, getActiveMenuIds, getActiveMenus, getCascaderItemEventData, getFlattedMenus, parseCheckDataDirty, processCheckedIds };

package/lib/types/CheckCascader.d.ts

@@ -1,16 +1,16 @@
 import React from 'react';
-import { CheckCascaderItem, ExpandTrigger, CheckCascaderItemEventData, FlattedCheckCascaderItem } from './types';
+import { CheckCascaderDataItem, CheckCascaderExpandTriggerEnum, CheckCascaderItemEventData, FlattedCheckCascaderDataItem } from './types';
 import { PickerProps } from '@hi-ui/picker';
 import { HiBaseAppearanceEnum } from '@hi-ui/core';
 /**
  * TODO: What is CheckCascader
  */
 export declare const CheckCascader: React.ForwardRefExoticComponent<CheckCascaderProps & React.RefAttributes<HTMLDivElement | null>>;
-export interface CheckCascaderProps extends Omit<PickerProps, 'trigger'> {
+export interface CheckCascaderProps extends Omit<PickerProps, 'trigger' | 'scrollable'> {
     /**
      * 设置选择项数据源
      */
-    data: CheckCascaderItem[];
+    data: CheckCascaderDataItem[];
     /**
      * 设置当前多选值
      */
@@ -21,7 +21,6 @@ export interface CheckCascaderProps extends Omit<PickerProps, 'trigger'> {
     defaultValue?: React.ReactText[][];
     /**
      * 多选值改变时的回调
-     * TODO: 是否有这样的需求：暴露操作的原始数据对象？包括 点击 checkbox、点击 tag 删除按钮、点击清空按钮
      */
     onChange?: (values: React.ReactText[][]) => void;
     /**
@@ -32,7 +31,7 @@ export interface CheckCascaderProps extends Omit<PickerProps, 'trigger'> {
     /**
      * 次级菜单的展开方式
      */
-    expandTrigger?: ExpandTrigger;
+    expandTrigger?: CheckCascaderExpandTriggerEnum;
     /**
      * 是否可搜索（仅在 title 为字符串时支持）
      */
@@ -60,7 +59,7 @@ export interface CheckCascaderProps extends Omit<PickerProps, 'trigger'> {
     /**
      * 自定义选择后触发器所展示的内容
      */
-    displayRender?: (checkedOption: FlattedCheckCascaderItem) => React.ReactNode;
+    displayRender?: (checkedOption: FlattedCheckCascaderDataItem) => React.ReactNode;
     /**
      * 支持 checkbox 级联（正反选）功能
      */
@@ -81,12 +80,7 @@ export interface CheckCascaderProps extends Omit<PickerProps, 'trigger'> {
     /**
      * 异步请求更新数据
      */
-    onLoadChildren?: (item: CheckCascaderItemEventData, idPaths: React.ReactText[]) => Promise<CheckCascaderItem[] | void> | void;
-    /**
-     * 是否单行展示，超出 +1。暂不对外暴露
-     * @private
-     */
-    wrap?: boolean;
+    onLoadChildren?: (item: CheckCascaderItemEventData, idPaths: React.ReactText[]) => Promise<CheckCascaderDataItem[] | void> | void;
     /**
      * 设置展现形式
      */
@@ -97,4 +91,12 @@ export interface CheckCascaderProps extends Omit<PickerProps, 'trigger'> {
      * 第二个为数据项，返回值为 true 时将出现在结果项
      */
     filterOption?: (keyword: string, item: any) => boolean;
+    /**
+     * 多选数据交互时回填、回显模式
+     * PARENT: 当所有子节点被选中时将只保留父节点
+     * ALL: 所有被选中节点，不区分父子节点（不支持异步数据加载勾选checkbox）
+     * CHILD: 仅显示子节点（不支持异步数据加载勾选checkbox）
+     * SEPARATE：父子完全独立受控
+     */
+    checkedMode?: 'PARENT' | 'CHILD' | 'ALL' | 'SEPARATE';
 }

package/lib/types/CheckCascaderMenu.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { FlattedCheckCascaderItem, CheckCascaderItemRequiredProps } from './types';
+import { FlattedCheckCascaderDataItem, CheckCascaderDataItemRequiredProps } from './types';
 export declare const CheckCascaderMenu: ({ prefixCls, role, className, data: menu, getCascaderItemRequiredProps, }: CheckCascaderMenuProps) => JSX.Element;
 export interface CheckCascaderMenuProps {
     /**
@@ -21,13 +21,13 @@ export interface CheckCascaderMenuProps {
     /**
      * 设置选择项数据源
      */
-    data: FlattedCheckCascaderItem[];
+    data: FlattedCheckCascaderDataItem[];
     /**
      * 自定义渲染节点的 title 内容
      */
-    titleRender?: (item: FlattedCheckCascaderItem) => React.ReactNode;
+    titleRender?: (item: FlattedCheckCascaderDataItem) => React.ReactNode;
     /**
      * 获取级联选项必要状态
      */
-    getCascaderItemRequiredProps: (option: FlattedCheckCascaderItem) => CheckCascaderItemRequiredProps;
+    getCascaderItemRequiredProps: (option: FlattedCheckCascaderDataItem) => CheckCascaderDataItemRequiredProps;
 }

package/lib/types/{CheckCascaderMenus.d.ts → CheckCascaderMenuList.d.ts}

@@ -1,9 +1,6 @@
 import React from 'react';
-import { ExpandTrigger, CheckCascaderItemEventData, FlattedCheckCascaderItem, CheckCascaderItem } from './types';
-/**
- * TODO: What is CheckCascaderMenus
- */
-export declare const CheckCascaderMenus: React.ForwardRefExoticComponent<CascaderMenusProps & React.RefAttributes<HTMLDivElement | null>>;
+import { CheckCascaderExpandTriggerEnum, CheckCascaderItemEventData, FlattedCheckCascaderDataItem, CheckCascaderDataItem } from './types';
+export declare const CheckCascaderMenuList: React.ForwardRefExoticComponent<CascaderMenusProps & React.RefAttributes<HTMLDivElement | null>>;
 export interface CascaderMenusProps {
     /**
      * 组件默认的选择器类
@@ -24,15 +21,15 @@ export interface CascaderMenusProps {
     /**
      * 设置选择项数据源
      */
-    data: CheckCascaderItem[];
+    data: CheckCascaderDataItem[];
     /**
      * 更新选择项数据源
      */
-    onChangeData: React.Dispatch<React.SetStateAction<CheckCascaderItem[]>>;
+    onChangeData: React.Dispatch<React.SetStateAction<CheckCascaderDataItem[]>>;
     /**
      * 设置选择项数据源
      */
-    flattedData: FlattedCheckCascaderItem[];
+    flattedData: FlattedCheckCascaderDataItem[];
     /**
      * 设置当前多选值
      */
@@ -52,7 +49,7 @@ export interface CascaderMenusProps {
     /**
      * 次级菜单的展开方式
      */
-    expandTrigger?: ExpandTrigger;
+    expandTrigger?: CheckCascaderExpandTriggerEnum;
     /**
      * 是否禁止使用
      */
@@ -65,6 +62,14 @@ export interface CascaderMenusProps {
      * 自定义渲染节点的 title 内容
      */
     titleRender?: (item: CheckCascaderItemEventData) => React.ReactNode;
+    /**
+     * 多选数据交互时回填、回显模式
+     * PARENT: 当所有子节点被选中时将只保留父节点
+     * ALL: 所有被选中节点，不区分父子节点（不支持异步数据加载勾选checkbox）
+     * CHILD: 仅显示子节点（不支持异步数据加载勾选checkbox）
+     * SEPARATE：父子完全独立受控
+     */
+    checkedMode?: 'PARENT' | 'CHILD' | 'ALL' | 'SEPARATE';
     /**
      * 支持 checkbox 级联（正反选）功能
      */
@@ -73,5 +78,8 @@ export interface CascaderMenusProps {
      * 将 check 子项拍平展示
      */
     flatted?: boolean;
-    onLoadChildren?: (item: CheckCascaderItemEventData, idPaths: React.ReactText[]) => Promise<CheckCascaderItem[] | void> | void;
+    /**
+     * 点击异步加载子项
+     */
+    onLoadChildren?: (item: CheckCascaderItemEventData, idPaths: React.ReactText[]) => Promise<CheckCascaderDataItem[] | void> | void;
 }

package/lib/types/context.d.ts

@@ -1,15 +1,15 @@
 import React from 'react';
-import { ExpandTrigger, CheckCascaderItemEventData, CheckCascaderItem, FlattedCheckCascaderItem, CheckCascaderItemRequiredProps } from './types';
+import { CheckCascaderExpandTriggerEnum, CheckCascaderItemEventData, CheckCascaderDataItem, FlattedCheckCascaderDataItem, CheckCascaderDataItemRequiredProps } from './types';
 interface CheckCascaderContext {
-    onLoadChildren?: (item: CheckCascaderItemEventData, idPaths: React.ReactText[]) => Promise<CheckCascaderItem[] | void> | void;
+    onLoadChildren?: (item: CheckCascaderItemEventData, idPaths: React.ReactText[]) => Promise<CheckCascaderDataItem[] | void> | void;
     disabled?: boolean;
-    expandTrigger?: ExpandTrigger;
+    expandTrigger?: CheckCascaderExpandTriggerEnum;
     onCheck?: (option: CheckCascaderItemEventData, shouldChecked: boolean) => void;
     onSelect?: (selectedOption: CheckCascaderItemEventData) => void;
     flatted?: boolean;
     changeOnSelect?: boolean;
     titleRender?: (item: CheckCascaderItemEventData) => React.ReactNode;
-    getCascaderItemRequiredProps?: (item: FlattedCheckCascaderItem) => CheckCascaderItemRequiredProps;
+    getCascaderItemRequiredProps?: (item: FlattedCheckCascaderDataItem) => CheckCascaderDataItemRequiredProps;
 }
 export declare const CheckCascaderProvider: React.Provider<CheckCascaderContext>;
 export declare const useCheckCascaderContext: () => CheckCascaderContext;