@hi-ui/check-tree-select 4.0.0-alpha.10

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2018 Xiaomi
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,88 @@
+# CheckTreeSelect 树形多项选择器
+
+一种接收树形数据结构的选择器，为用户提供复杂数据展示的能力
+
+## 何时使用
+
+- 选择部门的组织结构、部门等
+- 选择商品目录等
+
+## 使用示例
+
+<!-- Inject Stories -->
+
+## Props
+
+| 参数               | 说明                                                             | 类型                                                 | 可选值                                                                                                     | 默认值                                                                |
+| ------------------ | ---------------------------------------------------------------- | ---------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------- |
+| data               | 展示数据                                                         | DataItem []                                          | -                                                                                                          | -                                                                     |
+| fieldNames         | 设置 data 中 id, title, disabled, children 对应的 key (3.0 新增) | object                                               | -                                                                                                          | { title: 'title', id: 'id',disabled:'disabled', children: 'children'} |
+| showCheckedMode    | 数据回显模式                                                     | string                                               | ALL: 所有被选中节点，不区分父子节点 <br/>PARENT: 当所有子节点被选中时将只保留父节点<br/>CHILD:仅显示子节点 | ALL                                                                   |
+| disabled           | 是否禁用                                                         | boolean                                              | true \| false                                                                                              | false                                                                 |
+| defaultExpandAll   | 是否默认展开所有树节点                                           | boolean                                              | true \| false                                                                                              | false                                                                 |
+| expandedIds        | 展开的节点（受控）                                               | ReactText[]                                          | -                                                                                                          | -                                                                     |
+| defaultExpandedIds | 默认展开的节点（非受控）                                         | ReactText[]                                          | -                                                                                                          | -                                                                     |
+| defaultValue       | 默认选中项 （非受控）                                            | DataItem[] \| string[] \| string                     | -                                                                                                          | -                                                                     |
+| value              | 默认选中项 （受控）                                              | DataItem[] \| string[] \| string                     | -                                                                                                          | -                                                                     |
+| displayRender      | 自定义渲染 Input 中展示内容                                      | (valueItem: checkedNode) => ReactNode                | -                                                                                                          | -                                                                     |
+| placeholder        | 输入框占位                                                       | string                                               | -                                                                                                          | 请选择                                                                |
+| searchMode         | 节点搜索模式                                                     | string                                               | 'highlight' \| 'filter'                                                                                    | -                                                                     |
+| dataSource         | 异步加载数据                                                     | (key: string) => DataSource \| DataSource \| Promise | -                                                                                                          | -                                                                     |
+| emptyContent       | 没有选项时的提示                                                 | string \| ReactNode                                  | -                                                                                                          | 无内容                                                                |
+| optionWidth        | 自定义下拉选项宽度                                               | number                                               | -                                                                                                          |                                                                       |
+| overlayClassName   | 下拉根元素的类名称                                               | string                                               | -                                                                                                          | -                                                                     |
+
+## Events
+
+| 名称     | 说明       | 类型                                                                                                      | 参数                                                                                                                             | 返回值 |
+| -------- | ---------- | --------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------- | ------ |
+| onChange | 选中时触发 | (checkedIds: ReactText[], checkedNodes: DataItem[], targetNode: DataItem, shouldChecked: boolean) => void | checkedIds: 选中项 ID 集合 <br/> checkedNodes: 选中项数据项集合 <br/> targetNode: 当前操作节点 <br/> shouldChecked: 是否要被选中 | -      |
+
+### DataItem
+
+| 参数     | 说明            | 类型             | 可选值 | 默认值 |
+| -------- | --------------- | ---------------- | ------ | ------ |
+| title    | 下拉选项标题    | string           | -      | -      |
+| id       | 下拉选项唯一 id | string \| number | -      | -      |
+| disabled | 是否禁用        | boolean          | -      | false  |
+| children | 子级数据        | DataItem[]       | -      | -      |
+
+### DataSource
+
+| 参数              | 说明                               | 类型                             | 可选值                                             | 默认值        |
+| ----------------- | ---------------------------------- | -------------------------------- | -------------------------------------------------- | ------------- |
+| url               | 请求的 url                         | string                           | -                                                  | -             |
+| type              | 请求方法                           | string                           | get \| post                                        | get           |
+| data              | post 请求时请求体参数              | object                           | -                                                  | -             |
+| params            | url 查询参数                       | object                           | -                                                  | -             |
+| headers           | 请求头                             | object                           | -                                                  | -             |
+| mode              | 请求模式                           | string                           | 'same-origin' \| 'cors' \| 'no-cors' \| 'navigate' | 'same-origin' |
+| transformResponse | 成功时的回调，用于对数据进行预处理 | (response: object) => DataItem[] | -                                                  | -             |
+
+## CHANGELOG
+
+> 从 TreeSelect 组件抽离多选模式出来，作为为单独 CheckTreeSelect 组件。
+
+| 参数               | 变更类型                        | 变更内容                                                                                                                                                                                           | 解决的问题                                                                                               |
+| ------------------ | ------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------- |
+| propName           | feature \| deprecated \| update | 变更了什么                                                                                                                                                                                         | 之前是什么样子，解决什么问题                                                                             |
+| ----               | ----                            | ----                                                                                                                                                                                               | ----                                                                                                     |
+| value              | update                          | 类型 DataItem[] \| string[] \| string -> <string \| number>[]                                                                                                                                      | 对于表单控件 id 值的控制，均使用 React.ReactText（即 string 和 number 都支持）                           |
+| defaultValue       | update                          | 类型 DataItem[] \| string[] \| string -> <string \| number>[]                                                                                                                                      | 对于表单控件 id 值的控制，均使用 React.ReactText（即 string 和 number 都支持）                           |
+| id                 | update                          | 类型 string -> string \| number                                                                                                                                                                    | 对于表单控件 id 值的控制，均使用 React.ReactText（即 string 和 number 都支持）                           |
+| bordered           | deprecated                      | 字段 `bordered` -> `appearance`                                                                                                                                                                    | 对于 Picker 类型的组件，统一使用 appearance 设置外形（线\面\无边框）值                                   |
+| searchPlaceholder  | feature                         | -                                                                                                                                                                                                  | Picker 类型组件统一支持                                                                                  |
+| loadingContent     | feature                         | -                                                                                                                                                                                                  | Picker 类型组件统一支持，适配新 UI                                                                       |
+| popper             | feature                         | -                                                                                                                                                                                                  | Picker 类型组件统一支持，聚合管理。比如： placement，之前有的加了有的没加                                |
+| titleRender        | feature                         | 字段 render -> titleRender                                                                                                                                                                         | 统一支持自定义渲染每一项                                                                                 |
+| virtual            | feature                         | -                                                                                                                                                                                                  | 支持虚拟列表                                                                                             |
+| height             | feature                         | -                                                                                                                                                                                                  | 支持虚拟列表                                                                                             |
+| itemHeight         | feature                         | -                                                                                                                                                                                                  | 支持虚拟列表                                                                                             |
+| type               | deprecated                      | -                                                                                                                                                                                                  | 拆分单选多选组件单独维护                                                                                 |
+| autoload           | deprecated                      | -                                                                                                                                                                                                  | 页面级首次渲染执行数据加载操作，取消内置                                                                 |
+| mode               | deprecated                      | -                                                                                                                                                                                                  | 面包屑模式可以使用 checkCascade 组件替代，交互形式更为优雅。                                             |
+| appearance         | feature                         | -                                                                                                                                                                                                  | 统一支持：线性\面性\无边框                                                                               |
+| valueRender        | update                          | valueRender(items: DataItem[]) -> displayRender(item: DataItem)                                                                                                                                    | 统一字段命名及其含义                                                                                     |
+| expandedIds        | update                          | 字段：expandIds -> expandedIds                                                                                                                                                                     | 统一字段命名及其含义                                                                                     |
+| defaultExpandedIds | update                          | defaultExpandIds -> defaultExpandedIds                                                                                                                                                             | 统一字段命名及其含义                                                                                     |
+| onChange           | update                          | 类型：`(checkedIds \| checkedId, checkedNodes \| checkedNode, currentNode) => void` -> `(checkedIds: ReactText[], checkedNodes: DataItem[], targetNode: DataItem, shouldChecked: boolean) => void` | 1. 移除数组结构，方便用户获取；2. 暴露 shouldSelected 执行相应拦截之类的操作; 3. 点击清空时触发 onChange |

package/lib/cjs/CheckTreeSelect.js

@@ -0,0 +1,349 @@
+/** @LICENSE
+ * @hi-ui/check-tree-select
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/check-tree-select#readme
+ *
+ * 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.
+ */
+'use strict';
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+var tslib = require('tslib');
+
+var React = require('react');
+
+var classname = require('@hi-ui/classname');
+
+var env = require('@hi-ui/env');
+
+var useToggle = require('@hi-ui/use-toggle');
+
+var tree = require('@hi-ui/tree');
+
+var useUncontrolledState = require('@hi-ui/use-uncontrolled-state');
+
+var picker = require('@hi-ui/picker');
+
+var treeUtils = require('@hi-ui/tree-utils');
+
+var typeAssertion = require('@hi-ui/type-assertion');
+
+var lodash = require('lodash');
+
+var highlighter = require('@hi-ui/highlighter');
+
+var tagInput = require('@hi-ui/tag-input');
+
+var icons = require('@hi-ui/icons');
+
+var useSearchMode = require('@hi-ui/use-search-mode');
+
+function _interopDefaultLegacy(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var TREE_SELECT_PREFIX = classname.getPrefixCls('check-tree-select');
+var DEFAULT_DATA = [];
+var DEFAULT_VALUE = [];
+var DEFAULT_FIELD_NAMES = {};
+var DEFAULT_EXPANDED_IDS = [];
+/**
+ * TODO: What is CheckTreeSelect
+ */
+
+var CheckTreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+  var _a$prefixCls = _a.prefixCls,
+      prefixCls = _a$prefixCls === void 0 ? TREE_SELECT_PREFIX : _a$prefixCls,
+      className = _a.className,
+      _a$data = _a.data,
+      data = _a$data === void 0 ? DEFAULT_DATA : _a$data,
+      dataSource = _a.dataSource,
+      _a$disabled = _a.disabled,
+      disabled = _a$disabled === void 0 ? false : _a$disabled,
+      _a$fieldNames = _a.fieldNames,
+      fieldNames = _a$fieldNames === void 0 ? DEFAULT_FIELD_NAMES : _a$fieldNames,
+      _a$defaultExpandAll = _a.defaultExpandAll,
+      defaultExpandAll = _a$defaultExpandAll === void 0 ? false : _a$defaultExpandAll,
+      expandedIdsProp = _a.expandedIds,
+      _a$defaultExpandedIds = _a.defaultExpandedIds,
+      defaultExpandedIds = _a$defaultExpandedIds === void 0 ? DEFAULT_EXPANDED_IDS : _a$defaultExpandedIds,
+      onExpand = _a.onExpand,
+      _a$defaultValue = _a.defaultValue,
+      defaultValue = _a$defaultValue === void 0 ? DEFAULT_VALUE : _a$defaultValue,
+      valueProp = _a.value,
+      onChange = _a.onChange,
+      searchableProp = _a.searchable,
+      searchModeProp = _a.searchMode,
+      onLoadChildren = _a.onLoadChildren,
+      titleRender = _a.titleRender,
+      filterOption = _a.filterOption,
+      clearable = _a.clearable,
+      invalid = _a.invalid,
+      displayRender = _a.displayRender,
+      _a$placeholder = _a.placeholder,
+      placeholder = _a$placeholder === void 0 ? '请选择' : _a$placeholder,
+      appearance = _a.appearance,
+      rest = tslib.__rest(_a, ["prefixCls", "role", "className", "data", "dataSource", "disabled", "fieldNames", "showCheckedMode", "defaultExpandAll", "expandedIds", "defaultExpandedIds", "onExpand", "defaultValue", "value", "onChange", "searchable", "searchMode", "onLoadChildren", "titleRender", "filterOption", "clearable", "invalid", "displayRender", "placeholder", "appearance"]);
+
+  var _useToggle = useToggle.useToggle(),
+      menuVisible = _useToggle[0],
+      menuVisibleAction = _useToggle[1]; // const [viewSelected, setViewSelected] = useState(false)
+
+  /**
+   * 转换对象
+   */
+
+
+  var getKeyFields = React.useCallback(function (node, key) {
+    return node[fieldNames[key] || key];
+  }, [fieldNames]);
+  var flattedData = React.useMemo(function () {
+    return treeUtils.flattenTree(data, function (node) {
+      node.id = getKeyFields(node.raw, 'id'); // @ts-ignore
+
+      node.title = getKeyFields(node.raw, 'title');
+      return node;
+    });
+  }, [data, getKeyFields]); // TODO: 抽离展开hook
+  // TODO: onLoadChildren 和 defaultExpandAll 共存时
+
+  var _useUncontrolledState = useUncontrolledState.useUncontrolledState(function getDefaultExpandedIds() {
+    // 开启默认展开全部
+    if (defaultExpandAll) {
+      return flattedData.map(function (node) {
+        return node.id;
+      });
+    }
+
+    return defaultExpandedIds;
+  }, expandedIdsProp, onExpand),
+      expandedIds = _useUncontrolledState[0],
+      tryChangeExpandedIds = _useUncontrolledState[1];
+
+  var _useUncontrolledState2 = useUncontrolledState.useUncontrolledState(defaultValue, valueProp, onChange),
+      value = _useUncontrolledState2[0],
+      tryChangeValue = _useUncontrolledState2[1]; // 搜索时临时选中缓存数据
+
+
+  var _useState = React.useState([]),
+      selectedItems = _useState[0],
+      setSelectedItems = _useState[1];
+
+  var onSelect = React.useCallback(function (_ref, node, checked) {
+    var checkedIds = _ref.checkedIds;
+    tryChangeValue(checkedIds, node); // 存取异步选中数据
+
+    setSelectedItems(function (prev) {
+      var next = [].concat(prev);
+
+      if (checked) {
+        next.push(node);
+      } else {
+        next.filter(function (item) {
+          return item.id !== node.id;
+        });
+      }
+
+      return next;
+    });
+  }, [tryChangeValue]); // ************************** 异步搜索 ************************* //
+  // const { loading, hasError, loadRemoteData } = useDataSource({ dataSource, validate: isArray })
+
+  var _b = useSearchMode.useAsyncSearch({
+    dataSource: dataSource
+  }),
+      loading = _b.loading,
+      hasError = _b.hasError,
+      dataSourceStrategy = tslib.__rest(_b, ["loading", "hasError"]);
+
+  var customSearchStrategy = useSearchMode.useTreeCustomSearch({
+    data: data,
+    filterOption: filterOption
+  });
+  var filterSearchStrategy = useSearchMode.useFilterSearch({
+    data: data,
+    flattedData: flattedData,
+    searchMode: searchModeProp
+  });
+  var highlightSearchStrategy = useSearchMode.useHighlightSearch({
+    data: data,
+    flattedData: flattedData,
+    searchMode: searchModeProp
+  });
+
+  var _useSearchMode = useSearchMode.useSearchMode({
+    searchable: searchableProp,
+    strategies: [dataSourceStrategy, customSearchStrategy, filterSearchStrategy, highlightSearchStrategy]
+  }),
+      stateInSearch = _useSearchMode.state,
+      setStateInSearch = _useSearchMode.setStateInSearch,
+      searchable = _useSearchMode.searchable,
+      searchMode = _useSearchMode.searchMode,
+      onSearch = _useSearchMode.onSearch,
+      searchValue = _useSearchMode.keyword; // 拦截 titleRender，自定义高亮展示
+
+
+  var proxyTitleRender = React.useCallback(function (node) {
+    if (titleRender) {
+      var _ret = titleRender(node);
+
+      if (_ret && _ret !== true) return _ret;
+    } // 本地搜索执行默认高亮规则
+
+
+    var highlight = !!searchValue && (searchMode === 'highlight' || searchMode === 'filter');
+    var ret = highlight ? /*#__PURE__*/React__default['default'].createElement(highlighter.Highlighter, {
+      keyword: searchValue
+    }, node.title) : true;
+    return ret;
+  }, [titleRender, searchValue, searchMode]);
+  var shouldUseSearch = !!searchValue && !hasError;
+  var treeProps = {
+    data: shouldUseSearch ? stateInSearch.data : data,
+    expandedIds: shouldUseSearch ? stateInSearch.expandedIds : expandedIds,
+    onExpand: shouldUseSearch ? function (ids) {
+      return setStateInSearch(function (prev) {
+        return Object.assign(Object.assign({}, prev), {
+          expandedIds: ids
+        });
+      });
+    } : tryChangeExpandedIds,
+    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); // 过滤掉未选中的数据
+  // const tagList = useMemo(() => {
+  //   // @ts-ignore
+  //   const [semiCheckedIds] = getSemiCheckedIdsWithSet(flattedData, (id) => value.includes(id))
+  //   const ids = Array.from(new Set([...semiCheckedIds, ...value]))
+  //   return flattedData.filter((item) => ids.includes(item.id))
+  // }, [value, flattedData])
+
+  return /*#__PURE__*/React__default['default'].createElement(picker.Picker, Object.assign({
+    ref: ref,
+    className: cls
+  }, rest, {
+    visible: menuVisible,
+    onOpen: function onOpen() {
+      // setViewSelected(false)
+      menuVisibleAction.on();
+    },
+    disabled: disabled,
+    onClose: menuVisibleAction.off,
+    // value={value}
+    // onChange={tryChangeValue}
+    // data={mergedData}
+    searchable: searchable,
+    onSearch: onSearch,
+    loading: loading,
+    trigger: /*#__PURE__*/React__default['default'].createElement(tagInput.TagInputMock // ref={targetElementRef}
+    // onClick={openMenu}
+    // disabled={disabled}
+    , {
+      // ref={targetElementRef}
+      // onClick={openMenu}
+      // disabled={disabled}
+      clearable: clearable,
+      placeholder: placeholder,
+      // @ts-ignore
+      displayRender: displayRender,
+      suffix: menuVisible ? /*#__PURE__*/React__default['default'].createElement(icons.UpOutlined, null) : /*#__PURE__*/React__default['default'].createElement(icons.DownOutlined, null),
+      focused: menuVisible,
+      appearance: appearance,
+      value: value,
+      onChange: tryChangeValue,
+      data: mergedData,
+      // @ts-ignore
+      invalid: invalid,
+      onExpand: function onExpand() {
+        // setViewSelected(true)
+        menuVisibleAction.on();
+      }
+    })
+  }), typeAssertion.isArrayNonEmpty(treeProps.data) ? /*#__PURE__*/React__default['default'].createElement(tree.Tree, Object.assign({
+    className: prefixCls + "__tree",
+    selectable: false,
+    checkable: true,
+    // checkOnSelect
+    checkedIds: value,
+    onCheck: onSelect,
+    // TODO: 支持 fieldNames
+    // 禁用时被选中的样式处理
+    onLoadChildren: onLoadChildren
+  }, treeProps)) : null);
+});
+
+if (env.__DEV__) {
+  CheckTreeSelect.displayName = 'CheckTreeSelect';
+}
+
+var ALWAYS_ALLOW = function ALWAYS_ALLOW() {
+  return true;
+};
+/**
+ * 在 checkedIdsSet 为数据合法的情况下，查找所有的半选中态的节点 ids
+ *
+ * @param checkedIdsSet
+ * @param flattedData
+ * @returns
+ */
+
+
+var getSemiCheckedIdsWithSet = function getSemiCheckedIdsWithSet(flattedData, isChecked, allowCheck) {
+  if (allowCheck === void 0) {
+    allowCheck = ALWAYS_ALLOW;
+  }
+
+  var semiCheckedNodes = [];
+  var semiCheckedIdsSet = new Set();
+  var parentId;
+  var parent;
+  flattedData.forEach(function (node) {
+    parent = node.parent;
+
+    if (parent && parent.id !== undefined) {
+      if (!allowCheck(parent)) return;
+      parentId = parent.id;
+      if (semiCheckedIdsSet.has(parentId)) return; // 父节点没选中，但是当前节点被选中，则视为半选
+
+      if (!isChecked(parentId) && isChecked(node.id)) {
+        semiCheckedIdsSet.add(parentId);
+        semiCheckedNodes.push(parent);
+      }
+    }
+  }); // 自下而上设置半选态
+
+  semiCheckedNodes.forEach(function (node) {
+    parent = node.parent;
+
+    while (parent && parent.id !== undefined) {
+      if (!allowCheck(parent)) return;
+      parentId = parent.id; // 可能存在兄弟节点，共同祖先需要去重，避免重复计算
+
+      if (semiCheckedIdsSet.has(parentId)) return;
+      semiCheckedIdsSet.add(parentId);
+      parent = parent.parent;
+    }
+  });
+  var semiCheckedIds = Array.from(semiCheckedIdsSet);
+  return [semiCheckedIds, semiCheckedIdsSet];
+};
+
+exports.CheckTreeSelect = CheckTreeSelect;
+exports.getSemiCheckedIdsWithSet = getSemiCheckedIdsWithSet;
+//# sourceMappingURL=CheckTreeSelect.js.map

package/lib/cjs/CheckTreeSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckTreeSelect.js","sources":["../../src/CheckTreeSelect.tsx"],"sourcesContent":[null],"names":["TREE_SELECT_PREFIX","getPrefixCls","DEFAULT_DATA","DEFAULT_VALUE","DEFAULT_FIELD_NAMES","DEFAULT_EXPANDED_IDS","CheckTreeSelect","forwardRef","_a","ref","prefixCls","className","data","dataSource","disabled","fieldNames","defaultExpandAll","expandedIdsProp","expandedIds","defaultExpandedIds","onExpand","defaultValue","valueProp","value","onChange","searchableProp","searchable","searchModeProp","searchMode","onLoadChildren","titleRender","filterOption","clearable","invalid","displayRender","placeholder","appearance","rest","useToggle","menuVisible","menuVisibleAction","getKeyFields","useCallback","node","key","flattedData","useMemo","flattenTree","id","raw","title","useUncontrolledState","getDefaultExpandedIds","map","tryChangeExpandedIds","tryChangeValue","useState","selectedItems","setSelectedItems","onSelect","checked","checkedIds","prev","next","push","filter","item","_b","useAsyncSearch","loading","hasError","dataSourceStrategy","customSearchStrategy","useTreeCustomSearch","filterSearchStrategy","useFilterSearch","highlightSearchStrategy","useHighlightSearch","useSearchMode","strategies","stateInSearch","state","setStateInSearch","onSearch","searchValue","keyword","proxyTitleRender","ret","highlight","React","Highlighter","shouldUseSearch","treeProps","ids","mergedData","nextData","concat","uniqBy","cls","cx","Picker","visible","onOpen","on","onClose","off","trigger","TagInputMock","suffix","UpOutlined","DownOutlined","focused","isArrayNonEmpty","Tree","selectable","checkable","onCheck","__DEV__","displayName","ALWAYS_ALLOW","getSemiCheckedIdsWithSet","isChecked","allowCheck","semiCheckedNodes","semiCheckedIdsSet","Set","parentId","parent","forEach","undefined","has","add","semiCheckedIds","Array","from"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,IAAMA,kBAAkB,GAAGC,sBAAAA,CAAa,mBAAbA,CAA3B;AACA,IAAMC,YAAY,GAAG,EAArB;AACA,IAAMC,aAAa,GAAG,EAAtB;AACA,IAAMC,mBAAmB,GAAG,EAA5B;AACA,IAAMC,oBAAoB,GAAG,EAA7B;AAEA;;;;IAGaC,eAAe,gBAAGC,gBAAAA,CAC7B,UACEC,EADF,EAwCEC,GAxCF;wBAEIC;MAAAA,sCAAYV;MAEZW,eAAAA;mBACAC;MAAAA,4BAAOV;MACPW,gBAAAA;uBACAC;MAAAA,oCAAW;yBAGXC;MAAAA,wCAAaX;+BAGbY;MAAAA,oDAAmB;MACNC,qBAAbC;iCACAC;MAAAA,wDAAqBd;MACrBe,cAAAA;2BACAC;MAAAA,4CAAelB;MACRmB,eAAPC;MACAC,cAAAA;MAEYC,oBAAZC;MACYC,oBAAZC;MACAC,oBAAAA;MACAC,iBAAAA;MACAC,kBAAAA;MAOAC,eAAAA;MACAC,aAAAA;MACAC,mBAAAA;0BACAC;MAAAA,0CAAc;MACdC,gBAAAA;MAEGC,wBArCL,YAAA,QAAA,aAAA,QAAA,cAAA,YAAA,cAAA,mBAAA,oBAAA,eAAA,sBAAA,YAAA,gBAAA,SAAA,YAAA,cAAA,cAAA,kBAAA,eAAA,gBAAA,aAAA,WAAA,iBAAA,eAAA,cAAA;;mBAyCyCC,mBAAAA;MAAlCC,WAAP;MAAoBC,iBAApB;;;;;;;MAMMC,YAAY,GAAGC,iBAAAA,CACnB,UAACC,IAAD,EAAYC,GAAZ;WACSD,IAAI,CAAC5B,UAAU,CAAC6B,GAAD,CAAV7B,IAAmB6B,GAApB;AAFiB,GAAXF,EAInB,CAAC3B,UAAD,CAJmB2B;MAOfG,WAAW,GAAGC,aAAAA,CAAQ;WACnBC,qBAAAA,CAAYnC,IAAZmC,EAAkB,UAACJ,IAAD;AACvBA,MAAAA,IAAI,CAACK,EAALL,GAAUF,YAAY,CAACE,IAAI,CAACM,GAAN,EAAW,IAAX,CAAtBN;;AAEAA,MAAAA,IAAI,CAACO,KAALP,GAAaF,YAAY,CAACE,IAAI,CAACM,GAAN,EAAW,OAAX,CAAzBN;aACOA;AAJS,KAAXI;AADkB,GAAPD,EAOjB,CAAClC,IAAD,EAAO6B,YAAP,CAPiBK;;;8BAWwBK,yCAAAA,CAC1C,SAASC,qBAAT;;QAEMpC,kBAAkB;aACb6B,WAAW,CAACQ,GAAZR,CAAgB,UAACF,IAAD;eAAUA,IAAI,CAACK;AAA/B,OAAAH;;;WAEF1B;AANqD,GAApBgC,EAQ1ClC,eAR0CkC,EAS1C/B,QAT0C+B;MAArCjC,WAAP;MAAoBoC,oBAApB;;+BAYgCH,yCAAAA,CAAqB9B,YAArB8B,EAAmC7B,SAAnC6B,EAA8C3B,QAA9C2B;MAAzB5B,KAAP;MAAcgC,cAAd;;;kBAE0CC,cAAAA,CAAoC,EAApCA;MAAnCC,aAAP;MAAsBC,gBAAtB;;MAEMC,QAAQ,GAAGjB,iBAAAA,CACf,cAAA,EAAiBC,IAAjB,EAA0CiB,OAA1C;QAAGC,kBAAAA;AACDN,IAAAA,cAAc,CAACM,UAAD,EAAalB,IAAb,CAAdY;;AAEAG,IAAAA,gBAAgB,CAAC,UAACI,IAAD;UACTC,IAAI,aAAOD;;UACbF,SAAS;AACXG,QAAAA,IAAI,CAACC,IAALD,CAAUpB,IAAVoB;AADF,aAEO;AACLA,QAAAA,IAAI,CAACE,MAALF,CAAY,UAACG,IAAD;iBAAUA,IAAI,CAAClB,EAALkB,KAAYvB,IAAI,CAACK;AAAvC,SAAAe;;;aAEKA;AAPO,KAAA,CAAhBL;AAJwB,GAAXhB,EAcf,CAACa,cAAD,CAdeb;;;MAqBXyB,KAA+CC,4BAAAA,CAAe;AAAEvD,IAAAA,UAAU,EAAVA;AAAF,GAAfuD;MAA7CC,OAAF,KAAA,CAAEA;MAASC,QAAX,KAAA,CAAWA;MAAaC,kBAAxB,oBAAA,UAAA,YAAA;;MACAC,oBAAoB,GAAGC,iCAAAA,CAAoB;AAAE7D,IAAAA,IAAI,EAAJA,IAAF;AAAQmB,IAAAA,YAAY,EAAZA;AAAR,GAApB0C;MACvBC,oBAAoB,GAAGC,6BAAAA,CAAgB;AAC3C/D,IAAAA,IAAI,EAAJA,IAD2C;AAE3CiC,IAAAA,WAAW,EAAXA,WAF2C;AAG3CjB,IAAAA,UAAU,EAAED;AAH+B,GAAhBgD;MAKvBC,uBAAuB,GAAGC,gCAAAA,CAAmB;AACjDjE,IAAAA,IAAI,EAAJA,IADiD;AAEjDiC,IAAAA,WAAW,EAAXA,WAFiD;AAGjDjB,IAAAA,UAAU,EAAED;AAHqC,GAAnBkD;;uBAa5BC,2BAAAA,CAAc;AAChBpD,IAAAA,UAAU,EAAED,cADI;AAEhBsD,IAAAA,UAAU,EAAE,CACVR,kBADU,EAEVC,oBAFU,EAGVE,oBAHU,EAIVE,uBAJU;AAFI,GAAdE;MANKE,aADT,kBACEC;MACAC,gBAFF,kBAEEA;MACAxD,UAHF,kBAGEA;MACAE,UAJF,kBAIEA;MACAuD,QALF,kBAKEA;MACSC,WANX,kBAMEC;;;MAYIC,gBAAgB,GAAG5C,iBAAAA,CACvB,UAACC,IAAD;QACMb,aAAa;UACTyD,IAAG,GAAGzD,WAAW,CAACa,IAAD;;UACnB4C,IAAG,IAAIA,IAAG,KAAK,MAAM,OAAOA,IAAP;;;;QAIrBC,SAAS,GAAG,CAAC,CAACJ,WAAF,KAAkBxD,UAAU,KAAK,WAAfA,IAA8BA,UAAU,KAAK,QAA/D;QAEZ2D,GAAG,GAAGC,SAAS,gBAAGC,yBAAAA,cAAAA,CAACC,uBAADD;AAAaJ,MAAAA,OAAO,EAAED;KAAtBK,EAAoC9C,IAAI,CAACO,KAAzCuC,CAAH,GAAmE;WAEjFF;AAZyB,GAAX7C,EAcvB,CAACZ,WAAD,EAAcsD,WAAd,EAA2BxD,UAA3B,CAduBc;MAiBnBiD,eAAe,GAAG,CAAC,CAACP,WAAF,IAAiB,CAACd;MAEpCsB,SAAS,GAAG;AAChBhF,IAAAA,IAAI,EAAE+E,eAAe,GAAGX,aAAa,CAACpE,IAAjB,GAAwBA,IAD7B;AAEhBM,IAAAA,WAAW,EAAEyE,eAAe,GAAGX,aAAa,CAAC9D,WAAjB,GAA+BA,WAF3C;AAGhBE,IAAAA,QAAQ,EAAEuE,eAAe,GACrB,UAACE,GAAD;aAAcX,gBAAgB,CAAC,UAACpB,IAAD;+CAAqBA;AAAM5C,UAAAA,WAAW,EAAE2E;;AAAzC,OAAA;AADT,KAAA,GAErBvC,oBALY;AAMhBxB,IAAAA,WAAW,EAAEwD;AANG;;MAUZQ,UAAU,GAAUhD,aAAAA,CAAQ;QAC1BiD,QAAQ,GAAGtC,aAAa,CAACuC,MAAdvC,CAAqBZ,WAArBY;WACVwC,aAAAA,CAAOF,QAAPE,EAAiB,IAAjBA;AAFwB,GAAPnD,EAGvB,CAACW,aAAD,EAAgBZ,WAAhB,CAHuBC;MAKpBoD,GAAG,GAAGC,YAAAA,CAAGzF,SAAHyF,EAAcxF,SAAdwF;;;;;;;;sBAaVV,yBAAAA,cAAAA,CAACW,aAADX;AACEhF,IAAAA,GAAG,EAAEA;AACLE,IAAAA,SAAS,EAAEuF;KACP7D;AACJgE,IAAAA,OAAO,EAAE9D;AACT+D,IAAAA,MAAM,EAAE,eAAA;;AAEN9D,MAAAA,iBAAiB,CAAC+D,EAAlB/D;;AAEF1B,IAAAA,QAAQ,EAAEA;AACV0F,IAAAA,OAAO,EAAEhE,iBAAiB,CAACiE;;;;AAI3B/E,IAAAA,UAAU,EAAEA;AACZyD,IAAAA,QAAQ,EAAEA;AACVd,IAAAA,OAAO,EAAEA;AACTqC,IAAAA,OAAO,eACLjB,yBAAAA,cAAAA,CAACkB,qBAADlB;;;AAAAA;;;;AAIEzD,MAAAA,SAAS,EAAEA;AACXG,MAAAA,WAAW,EAAEA;;AAEbD,MAAAA,aAAa,EAAEA;AACf0E,MAAAA,MAAM,EAAErE,WAAW,gBAAGkD,yBAAAA,cAAAA,CAACoB,gBAADpB,MAAAA,CAAH,gBAAoBA,yBAAAA,cAAAA,CAACqB,kBAADrB,MAAAA;AACvCsB,MAAAA,OAAO,EAAExE;AACTH,MAAAA,UAAU,EAAEA;AACZb,MAAAA,KAAK,EAAEA;AACPC,MAAAA,QAAQ,EAAE+B;AACV3C,MAAAA,IAAI,EAAEkF;;AAEN7D,MAAAA,OAAO,EAAEA;AACTb,MAAAA,QAAQ,EAAE,iBAAA;;AAERoB,QAAAA,iBAAiB,CAAC+D,EAAlB/D;;KAlBJiD;IAlBJA,EA0CGuB,6BAAAA,CAAgBpB,SAAS,CAAChF,IAA1BoG,iBACCvB,yBAAAA,cAAAA,CAACwB,SAADxB;AACE9E,IAAAA,SAAS,EAAKD,SAAL;AACTwG,IAAAA,UAAU,EAAE;AACZC,IAAAA,SAAS;;AAETtD,IAAAA,UAAU,EAAEtC;AACZ6F,IAAAA,OAAO,EAAEzD;;;AAGT9B,IAAAA,cAAc,EAAEA;KACZ+D,UAVNH,CADDuB,GAaG,IAvDNvB;AAtLmC,CAAVlF;;AA6X/B,IAAI8G,WAAJ,EAAa;AACX/G,EAAAA,eAAe,CAACgH,WAAhBhH,GAA8B,iBAA9BA;;;AAGF,IAAMiH,YAAY,GAAG,SAAfA,YAAe;SAAM;AAA3B,CAAA;AAEA;;;;;;;;;IAOaC,wBAAwB,GAAG,SAA3BA,wBAA2B,CACtC3E,WADsC,EAEtC4E,SAFsC,EAGtCC,UAHsC;MAGtCA;AAAAA,IAAAA,aAA2DH,YAA3DG;;;MAEMC,gBAAgB,GAAG;MACnBC,iBAAiB,GAAG,IAAIC,GAAJ;MAEtBC;MACAC;AAEJlF,EAAAA,WAAW,CAACmF,OAAZnF,CAAoB,UAACF,IAAD;AAClBoF,IAAAA,MAAM,GAAGpF,IAAI,CAACoF,MAAdA;;QAEIA,MAAM,IAAIA,MAAM,CAAC/E,EAAP+E,KAAcE,WAAW;UACjC,CAACP,UAAU,CAACK,MAAD,GAAU;AAEzBD,MAAAA,QAAQ,GAAGC,MAAM,CAAC/E,EAAlB8E;UACIF,iBAAiB,CAACM,GAAlBN,CAAsBE,QAAtBF,GAAiC,OAJA;;UAOjC,CAACH,SAAS,CAACK,QAAD,CAAV,IAAwBL,SAAS,CAAC9E,IAAI,CAACK,EAAN,GAAW;AAC9C4E,QAAAA,iBAAiB,CAACO,GAAlBP,CAAsBE,QAAtBF;AACAD,QAAAA,gBAAgB,CAAC3D,IAAjB2D,CAAsBI,MAAtBJ;;;AAZN,GAAA9E;;AAkBA8E,EAAAA,gBAAgB,CAACK,OAAjBL,CAAyB,UAAChF,IAAD;AACvBoF,IAAAA,MAAM,GAAGpF,IAAI,CAACoF,MAAdA;;WACOA,MAAM,IAAIA,MAAM,CAAC/E,EAAP+E,KAAcE,WAAW;UACpC,CAACP,UAAU,CAACK,MAAD,GAAU;AAEzBD,MAAAA,QAAQ,GAAGC,MAAM,CAAC/E,EAAlB8E,CAHwC;;UAKpCF,iBAAiB,CAACM,GAAlBN,CAAsBE,QAAtBF,GAAiC;AAErCA,MAAAA,iBAAiB,CAACO,GAAlBP,CAAsBE,QAAtBF;AACAG,MAAAA,MAAM,GAAGA,MAAM,CAACA,MAAhBA;;AAVJ,GAAAJ;MAcMS,cAAc,GAAGC,KAAK,CAACC,IAAND,CAAWT,iBAAXS;SAChB,CAACD,cAAD,EAAiBR,iBAAjB;;;;"}

package/lib/cjs/index.js

@@ -0,0 +1,23 @@
+/** @LICENSE
+ * @hi-ui/check-tree-select
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/check-tree-select#readme
+ *
+ * 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.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+require('./styles/index.scss.js');
+
+var CheckTreeSelect = require('./CheckTreeSelect.js');
+
+exports.CheckTreeSelect = CheckTreeSelect.CheckTreeSelect;
+exports["default"] = CheckTreeSelect.CheckTreeSelect;
+exports.getSemiCheckedIdsWithSet = CheckTreeSelect.getSemiCheckedIdsWithSet;
+//# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,22 @@
+/** @LICENSE
+ * @hi-ui/check-tree-select
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/check-tree-select#readme
+ *
+ * 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.
+ */
+'use strict';
+
+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";
+
+var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
+
+__styleInject__(css_248z);
+
+exports["default"] = css_248z;
+//# sourceMappingURL=index.scss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}

package/lib/esm/CheckTreeSelect.js

@@ -0,0 +1,317 @@
+/** @LICENSE
+ * @hi-ui/check-tree-select
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/check-tree-select#readme
+ *
+ * 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 { __rest } from 'tslib';
+import React, { forwardRef, useCallback, useMemo, useState } from 'react';
+import { getPrefixCls, cx } from '@hi-ui/classname';
+import { __DEV__ } from '@hi-ui/env';
+import { useToggle } from '@hi-ui/use-toggle';
+import { Tree } from '@hi-ui/tree';
+import { useUncontrolledState } from '@hi-ui/use-uncontrolled-state';
+import { Picker } from '@hi-ui/picker';
+import { flattenTree } from '@hi-ui/tree-utils';
+import { isArrayNonEmpty } from '@hi-ui/type-assertion';
+import { uniqBy } from 'lodash';
+import { Highlighter } from '@hi-ui/highlighter';
+import { TagInputMock } from '@hi-ui/tag-input';
+import { UpOutlined, DownOutlined } from '@hi-ui/icons';
+import { useAsyncSearch, useTreeCustomSearch, useFilterSearch, useHighlightSearch, useSearchMode } from '@hi-ui/use-search-mode';
+var TREE_SELECT_PREFIX = getPrefixCls('check-tree-select');
+var DEFAULT_DATA = [];
+var DEFAULT_VALUE = [];
+var DEFAULT_FIELD_NAMES = {};
+var DEFAULT_EXPANDED_IDS = [];
+/**
+ * TODO: What is CheckTreeSelect
+ */
+
+var CheckTreeSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var _a$prefixCls = _a.prefixCls,
+      prefixCls = _a$prefixCls === void 0 ? TREE_SELECT_PREFIX : _a$prefixCls,
+      className = _a.className,
+      _a$data = _a.data,
+      data = _a$data === void 0 ? DEFAULT_DATA : _a$data,
+      dataSource = _a.dataSource,
+      _a$disabled = _a.disabled,
+      disabled = _a$disabled === void 0 ? false : _a$disabled,
+      _a$fieldNames = _a.fieldNames,
+      fieldNames = _a$fieldNames === void 0 ? DEFAULT_FIELD_NAMES : _a$fieldNames,
+      _a$defaultExpandAll = _a.defaultExpandAll,
+      defaultExpandAll = _a$defaultExpandAll === void 0 ? false : _a$defaultExpandAll,
+      expandedIdsProp = _a.expandedIds,
+      _a$defaultExpandedIds = _a.defaultExpandedIds,
+      defaultExpandedIds = _a$defaultExpandedIds === void 0 ? DEFAULT_EXPANDED_IDS : _a$defaultExpandedIds,
+      onExpand = _a.onExpand,
+      _a$defaultValue = _a.defaultValue,
+      defaultValue = _a$defaultValue === void 0 ? DEFAULT_VALUE : _a$defaultValue,
+      valueProp = _a.value,
+      onChange = _a.onChange,
+      searchableProp = _a.searchable,
+      searchModeProp = _a.searchMode,
+      onLoadChildren = _a.onLoadChildren,
+      titleRender = _a.titleRender,
+      filterOption = _a.filterOption,
+      clearable = _a.clearable,
+      invalid = _a.invalid,
+      displayRender = _a.displayRender,
+      _a$placeholder = _a.placeholder,
+      placeholder = _a$placeholder === void 0 ? '请选择' : _a$placeholder,
+      appearance = _a.appearance,
+      rest = __rest(_a, ["prefixCls", "role", "className", "data", "dataSource", "disabled", "fieldNames", "showCheckedMode", "defaultExpandAll", "expandedIds", "defaultExpandedIds", "onExpand", "defaultValue", "value", "onChange", "searchable", "searchMode", "onLoadChildren", "titleRender", "filterOption", "clearable", "invalid", "displayRender", "placeholder", "appearance"]);
+
+  var _useToggle = useToggle(),
+      menuVisible = _useToggle[0],
+      menuVisibleAction = _useToggle[1]; // const [viewSelected, setViewSelected] = useState(false)
+
+  /**
+   * 转换对象
+   */
+
+
+  var getKeyFields = useCallback(function (node, key) {
+    return node[fieldNames[key] || key];
+  }, [fieldNames]);
+  var flattedData = useMemo(function () {
+    return flattenTree(data, function (node) {
+      node.id = getKeyFields(node.raw, 'id'); // @ts-ignore
+
+      node.title = getKeyFields(node.raw, 'title');
+      return node;
+    });
+  }, [data, getKeyFields]); // TODO: 抽离展开hook
+  // TODO: onLoadChildren 和 defaultExpandAll 共存时
+
+  var _useUncontrolledState = useUncontrolledState(function getDefaultExpandedIds() {
+    // 开启默认展开全部
+    if (defaultExpandAll) {
+      return flattedData.map(function (node) {
+        return node.id;
+      });
+    }
+
+    return defaultExpandedIds;
+  }, expandedIdsProp, onExpand),
+      expandedIds = _useUncontrolledState[0],
+      tryChangeExpandedIds = _useUncontrolledState[1];
+
+  var _useUncontrolledState2 = useUncontrolledState(defaultValue, valueProp, onChange),
+      value = _useUncontrolledState2[0],
+      tryChangeValue = _useUncontrolledState2[1]; // 搜索时临时选中缓存数据
+
+
+  var _useState = useState([]),
+      selectedItems = _useState[0],
+      setSelectedItems = _useState[1];
+
+  var onSelect = useCallback(function (_ref, node, checked) {
+    var checkedIds = _ref.checkedIds;
+    tryChangeValue(checkedIds, node); // 存取异步选中数据
+
+    setSelectedItems(function (prev) {
+      var next = [].concat(prev);
+
+      if (checked) {
+        next.push(node);
+      } else {
+        next.filter(function (item) {
+          return item.id !== node.id;
+        });
+      }
+
+      return next;
+    });
+  }, [tryChangeValue]); // ************************** 异步搜索 ************************* //
+  // const { loading, hasError, loadRemoteData } = useDataSource({ dataSource, validate: isArray })
+
+  var _b = useAsyncSearch({
+    dataSource: dataSource
+  }),
+      loading = _b.loading,
+      hasError = _b.hasError,
+      dataSourceStrategy = __rest(_b, ["loading", "hasError"]);
+
+  var customSearchStrategy = useTreeCustomSearch({
+    data: data,
+    filterOption: filterOption
+  });
+  var filterSearchStrategy = useFilterSearch({
+    data: data,
+    flattedData: flattedData,
+    searchMode: searchModeProp
+  });
+  var highlightSearchStrategy = useHighlightSearch({
+    data: data,
+    flattedData: flattedData,
+    searchMode: searchModeProp
+  });
+
+  var _useSearchMode = useSearchMode({
+    searchable: searchableProp,
+    strategies: [dataSourceStrategy, customSearchStrategy, filterSearchStrategy, highlightSearchStrategy]
+  }),
+      stateInSearch = _useSearchMode.state,
+      setStateInSearch = _useSearchMode.setStateInSearch,
+      searchable = _useSearchMode.searchable,
+      searchMode = _useSearchMode.searchMode,
+      onSearch = _useSearchMode.onSearch,
+      searchValue = _useSearchMode.keyword; // 拦截 titleRender，自定义高亮展示
+
+
+  var proxyTitleRender = useCallback(function (node) {
+    if (titleRender) {
+      var _ret = titleRender(node);
+
+      if (_ret && _ret !== true) return _ret;
+    } // 本地搜索执行默认高亮规则
+
+
+    var highlight = !!searchValue && (searchMode === 'highlight' || searchMode === 'filter');
+    var ret = highlight ? /*#__PURE__*/React.createElement(Highlighter, {
+      keyword: searchValue
+    }, node.title) : true;
+    return ret;
+  }, [titleRender, searchValue, searchMode]);
+  var shouldUseSearch = !!searchValue && !hasError;
+  var treeProps = {
+    data: shouldUseSearch ? stateInSearch.data : data,
+    expandedIds: shouldUseSearch ? stateInSearch.expandedIds : expandedIds,
+    onExpand: shouldUseSearch ? function (ids) {
+      return setStateInSearch(function (prev) {
+        return Object.assign(Object.assign({}, prev), {
+          expandedIds: ids
+        });
+      });
+    } : tryChangeExpandedIds,
+    titleRender: proxyTitleRender
+  }; // 下拉菜单不能合并（因为树形数据，不知道是第几级）
+
+  var mergedData = useMemo(function () {
+    var nextData = selectedItems.concat(flattedData);
+    return uniqBy(nextData, 'id');
+  }, [selectedItems, flattedData]);
+  var cls = cx(prefixCls, className); // 过滤掉未选中的数据
+  // const tagList = useMemo(() => {
+  //   // @ts-ignore
+  //   const [semiCheckedIds] = getSemiCheckedIdsWithSet(flattedData, (id) => value.includes(id))
+  //   const ids = Array.from(new Set([...semiCheckedIds, ...value]))
+  //   return flattedData.filter((item) => ids.includes(item.id))
+  // }, [value, flattedData])
+
+  return /*#__PURE__*/React.createElement(Picker, Object.assign({
+    ref: ref,
+    className: cls
+  }, rest, {
+    visible: menuVisible,
+    onOpen: function onOpen() {
+      // setViewSelected(false)
+      menuVisibleAction.on();
+    },
+    disabled: disabled,
+    onClose: menuVisibleAction.off,
+    // value={value}
+    // onChange={tryChangeValue}
+    // data={mergedData}
+    searchable: searchable,
+    onSearch: onSearch,
+    loading: loading,
+    trigger: /*#__PURE__*/React.createElement(TagInputMock // ref={targetElementRef}
+    // onClick={openMenu}
+    // disabled={disabled}
+    , {
+      // ref={targetElementRef}
+      // onClick={openMenu}
+      // disabled={disabled}
+      clearable: clearable,
+      placeholder: placeholder,
+      // @ts-ignore
+      displayRender: displayRender,
+      suffix: menuVisible ? /*#__PURE__*/React.createElement(UpOutlined, null) : /*#__PURE__*/React.createElement(DownOutlined, null),
+      focused: menuVisible,
+      appearance: appearance,
+      value: value,
+      onChange: tryChangeValue,
+      data: mergedData,
+      // @ts-ignore
+      invalid: invalid,
+      onExpand: function onExpand() {
+        // setViewSelected(true)
+        menuVisibleAction.on();
+      }
+    })
+  }), isArrayNonEmpty(treeProps.data) ? /*#__PURE__*/React.createElement(Tree, Object.assign({
+    className: prefixCls + "__tree",
+    selectable: false,
+    checkable: true,
+    // checkOnSelect
+    checkedIds: value,
+    onCheck: onSelect,
+    // TODO: 支持 fieldNames
+    // 禁用时被选中的样式处理
+    onLoadChildren: onLoadChildren
+  }, treeProps)) : null);
+});
+
+if (__DEV__) {
+  CheckTreeSelect.displayName = 'CheckTreeSelect';
+}
+
+var ALWAYS_ALLOW = function ALWAYS_ALLOW() {
+  return true;
+};
+/**
+ * 在 checkedIdsSet 为数据合法的情况下，查找所有的半选中态的节点 ids
+ *
+ * @param checkedIdsSet
+ * @param flattedData
+ * @returns
+ */
+
+
+var getSemiCheckedIdsWithSet = function getSemiCheckedIdsWithSet(flattedData, isChecked, allowCheck) {
+  if (allowCheck === void 0) {
+    allowCheck = ALWAYS_ALLOW;
+  }
+
+  var semiCheckedNodes = [];
+  var semiCheckedIdsSet = new Set();
+  var parentId;
+  var parent;
+  flattedData.forEach(function (node) {
+    parent = node.parent;
+
+    if (parent && parent.id !== undefined) {
+      if (!allowCheck(parent)) return;
+      parentId = parent.id;
+      if (semiCheckedIdsSet.has(parentId)) return; // 父节点没选中，但是当前节点被选中，则视为半选
+
+      if (!isChecked(parentId) && isChecked(node.id)) {
+        semiCheckedIdsSet.add(parentId);
+        semiCheckedNodes.push(parent);
+      }
+    }
+  }); // 自下而上设置半选态
+
+  semiCheckedNodes.forEach(function (node) {
+    parent = node.parent;
+
+    while (parent && parent.id !== undefined) {
+      if (!allowCheck(parent)) return;
+      parentId = parent.id; // 可能存在兄弟节点，共同祖先需要去重，避免重复计算
+
+      if (semiCheckedIdsSet.has(parentId)) return;
+      semiCheckedIdsSet.add(parentId);
+      parent = parent.parent;
+    }
+  });
+  var semiCheckedIds = Array.from(semiCheckedIdsSet);
+  return [semiCheckedIds, semiCheckedIdsSet];
+};
+
+export { CheckTreeSelect, getSemiCheckedIdsWithSet };
+//# sourceMappingURL=CheckTreeSelect.js.map

package/lib/esm/CheckTreeSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckTreeSelect.js","sources":["../../src/CheckTreeSelect.tsx"],"sourcesContent":[null],"names":["TREE_SELECT_PREFIX","getPrefixCls","DEFAULT_DATA","DEFAULT_VALUE","DEFAULT_FIELD_NAMES","DEFAULT_EXPANDED_IDS","CheckTreeSelect","forwardRef","_a","ref","prefixCls","className","data","dataSource","disabled","fieldNames","defaultExpandAll","expandedIdsProp","expandedIds","defaultExpandedIds","onExpand","defaultValue","valueProp","value","onChange","searchableProp","searchable","searchModeProp","searchMode","onLoadChildren","titleRender","filterOption","clearable","invalid","displayRender","placeholder","appearance","rest","useToggle","menuVisible","menuVisibleAction","getKeyFields","useCallback","node","key","flattedData","useMemo","flattenTree","id","raw","title","useUncontrolledState","getDefaultExpandedIds","map","tryChangeExpandedIds","tryChangeValue","useState","selectedItems","setSelectedItems","onSelect","checked","checkedIds","prev","next","push","filter","item","_b","useAsyncSearch","loading","hasError","dataSourceStrategy","customSearchStrategy","useTreeCustomSearch","filterSearchStrategy","useFilterSearch","highlightSearchStrategy","useHighlightSearch","useSearchMode","strategies","stateInSearch","state","setStateInSearch","onSearch","searchValue","keyword","proxyTitleRender","ret","highlight","React","Highlighter","shouldUseSearch","treeProps","ids","mergedData","nextData","concat","uniqBy","cls","cx","Picker","visible","onOpen","on","onClose","off","trigger","TagInputMock","suffix","UpOutlined","DownOutlined","focused","isArrayNonEmpty","Tree","selectable","checkable","onCheck","__DEV__","displayName","ALWAYS_ALLOW","getSemiCheckedIdsWithSet","isChecked","allowCheck","semiCheckedNodes","semiCheckedIdsSet","Set","parentId","parent","forEach","undefined","has","add","semiCheckedIds","Array","from"],"mappings":"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"}

package/lib/esm/index.js

@@ -0,0 +1,12 @@
+/** @LICENSE
+ * @hi-ui/check-tree-select
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/check-tree-select#readme
+ *
+ * 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 { CheckTreeSelect, CheckTreeSelect as default, getSemiCheckedIdsWithSet } from './CheckTreeSelect.js';
+//# sourceMappingURL=index.js.map

package/lib/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

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

@@ -0,0 +1,17 @@
+/** @LICENSE
+ * @hi-ui/check-tree-select
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/check-tree-select#readme
+ *
+ * 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";
+
+var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
+
+__styleInject__(css_248z);
+
+export default css_248z;
+//# sourceMappingURL=index.scss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/lib/types/CheckTreeSelect.d.ts

@@ -0,0 +1,135 @@
+import React from 'react';
+import { DataSourceFunc, FieldNames, CheckTreeSelectDataItem, CheckTreeSelectDataSource } from './types';
+import { PopperProps } from '@hi-ui/popper';
+import { FlattedTreeNodeData, TreeNodeEventData } from '@hi-ui/tree';
+import { PickerProps } from '@hi-ui/picker';
+/**
+ * TODO: What is CheckTreeSelect
+ */
+export declare const CheckTreeSelect: React.ForwardRefExoticComponent<CheckTreeSelectProps & React.RefAttributes<HTMLDivElement | null>>;
+export interface CheckTreeSelectProps extends Omit<PickerProps, 'data' | 'onChange' | 'value' | 'trigger'> {
+    /**
+     * 展示数据
+     */
+    data?: CheckTreeSelectDataItem[];
+    /**
+     * 设置 data 中 id, title, disabled, children 对应的 key (3.0 新增)	object	-	{ title: 'title', id: 'id',disabled:'disabled', children: 'children'}
+     */
+    fieldNames?: FieldNames;
+    /**
+     * 数据回显模式	string
+     * ALL: 所有被选中节点，不区分父子节点
+     * PARENT: 当所有子节点被选中时将只保留父节点
+     * CHILD: 仅显示子节点
+     */
+    showCheckedMode?: 'ALL' | 'PARENT' | 'CHILD';
+    /**
+     * 数据选择类型
+     */
+    type?: 'single' | 'multiple';
+    /**
+     * 是否有边框
+     */
+    bordered?: boolean;
+    /**
+     * 是否禁用
+     */
+    disabled?: boolean;
+    /**
+     * 是否默认展开所有树节点
+     */
+    defaultExpandAll?: boolean;
+    /**
+     * 展开的节点（受控）
+     */
+    expandedIds?: React.ReactText[];
+    /**
+     * 默认展开的节点（非受控）
+     */
+    defaultExpandedIds?: React.ReactText[];
+    /**
+     * 节点被点击(展开/收起)时触发
+     */
+    onExpand?: () => void;
+    /**
+     * 默认选中项 （非受控）
+     */
+    defaultValue?: React.ReactText[];
+    /**
+     * 默认选中项 （受控）
+     */
+    value?: React.ReactText[];
+    /**
+     * 自定义渲染 Input 中展示内容
+     */
+    displayRender?: (item: CheckTreeSelectDataItem) => React.ReactNode;
+    /**
+     * 输入框占位	string	-	请选择
+     */
+    placeholder?: string;
+    /**
+     * 节点搜索模式，仅在mode=normal模式下生效
+     */
+    searchMode?: 'highlight' | 'filter';
+    /**
+     * 自定义搜索过滤器，仅在 searchable 为 true 时有效
+     * 第一个参数为输入的关键字，
+     * 第二个为数据项，返回值为 true 时将出现在结果项
+     */
+    filterOption?: (keyword: string, item: CheckTreeSelectDataItem) => boolean;
+    /**
+     * 自定义渲染节点的 title 内容
+     */
+    titleRender?: (node: TreeNodeEventData) => React.ReactNode;
+    /**
+     * 点击异步加载子项
+     */
+    onLoadChildren?: (node: TreeNodeEventData) => void | Promise<CheckTreeSelectDataItem[] | void>;
+    /**
+     * 从远端获取数据，初始时是否自动加载
+     */
+    autoload?: boolean;
+    /**
+     * 异步加载数据
+     */
+    dataSource?: DataSourceFunc | CheckTreeSelectDataSource | Promise<CheckTreeSelectDataItem[]>;
+    /**
+     * 没有选项时的提示
+     */
+    emptyContent?: React.ReactNode;
+    /**
+     * 自定义下拉选项宽度
+     */
+    optionWidth?: number;
+    /**
+     * 下拉根元素的类名称 (3.0 新增)
+     */
+    overlayClassName?: string;
+    /**
+     * 选中时触发
+     * checkedIds | checkedId: 选中项 ID 集合 | ID
+     * checkedNodes | checkedNode: 选中项数据项集合|数据项
+     * currentNode: 当前操作节点
+     */
+    onChange?: (selectedIds: React.ReactText[], changedItem: CheckTreeSelectDataItem[], currentNode: CheckTreeSelectDataItem) => void;
+    /**
+     * 是否可清空
+     */
+    clearable?: boolean;
+    /**
+     * 自定义控制 popper 行为
+     */
+    popper?: PopperProps;
+    /**
+     * 设置展现形式
+     */
+    appearance?: 'outline' | 'unset' | 'filled';
+}
+/**
+ * 在 checkedIdsSet 为数据合法的情况下，查找所有的半选中态的节点 ids
+ *
+ * @param checkedIdsSet
+ * @param flattedData
+ * @returns
+ */
+export declare const getSemiCheckedIdsWithSet: (flattedData: FlattedTreeNodeData[], isChecked: (id: React.ReactText) => boolean, allowCheck?: (targetItem: FlattedTreeNodeData) => boolean) => readonly [React.ReactText[], Set<React.ReactText>];

package/lib/types/index.d.ts

@@ -0,0 +1,3 @@
+import './styles/index.scss';
+export * from './CheckTreeSelect';
+export { CheckTreeSelect as default } from './CheckTreeSelect';

package/lib/types/types.d.ts

@@ -0,0 +1,57 @@
+import React from 'react';
+export interface CheckTreeSelectDataItem {
+    /**
+     * 节点唯一 id
+     */
+    id: React.ReactText;
+    /**
+     * 节点标题
+     */
+    title: React.ReactNode;
+    /**
+     * 子级数据
+     */
+    children?: CheckTreeSelectDataItem[];
+    /**
+     * 是否禁用
+     */
+    disabled?: boolean;
+}
+export interface CheckTreeSelectDataSource<T = any> {
+    /**
+     * 请求的 url
+     */
+    url?: string;
+    /**
+     * 请求方法
+     */
+    type?: 'get' | 'post';
+    /**
+     * post 请求时请求体参数
+     */
+    data?: object;
+    /**
+     * url 查询参数
+     */
+    params?: object;
+    /**
+     * 请求头
+     */
+    headers?: object;
+    /**
+     * 请求模式
+     */
+    mode?: 'same-origin' | 'cors' | 'no-cors' | 'navigate' | 'same-origin';
+    /**
+     * 成功时的回调，用于对数据进行预处理
+     */
+    transformResponse?: (response: object) => T;
+}
+export declare type FilterOptionFunc = (keyword: string, item: CheckTreeSelectDataItem) => boolean;
+export declare type DataSourceFunc = (keyword: string) => CheckTreeSelectDataSource;
+export declare type FieldNames = {
+    id?: string;
+    title?: string;
+    disabled?: string;
+    children?: string;
+};

package/package.json

@@ -0,0 +1,73 @@
+{
+  "name": "@hi-ui/check-tree-select",
+  "version": "4.0.0-alpha.10",
+  "description": "A sub-package for @hi-ui/hiui.",
+  "keywords": [],
+  "author": "HIUI <mi-hiui@xiaomi.com>",
+  "homepage": "https://github.com/XiaoMi/hiui/tree/master/packages/ui/check-tree-select#readme",
+  "license": "MIT",
+  "directories": {
+    "lib": "lib",
+    "test": "__tests__"
+  },
+  "files": [
+    "lib"
+  ],
+  "main": "lib/cjs/index.js",
+  "module": "lib/esm/index.js",
+  "types": "lib/types/index.d.ts",
+  "typings": "lib/types/index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./lib/cjs/index.js",
+      "default": "./lib/esm/index.js"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/XiaoMi/hiui.git"
+  },
+  "scripts": {
+    "test": "jest",
+    "clean": "rimraf lib",
+    "prebuild": "yarn clean",
+    "build:esm": "hi-build ./src/index.ts --format esm -d ./lib/esm",
+    "build:cjs": "hi-build ./src/index.ts --format cjs -d ./lib/cjs",
+    "build:types": "tsc --emitDeclarationOnly --declaration --declarationDir lib/types",
+    "build": "concurrently yarn:build:*"
+  },
+  "bugs": {
+    "url": "https://github.com/XiaoMi/hiui/issues"
+  },
+  "dependencies": {
+    "@hi-ui/classname": "^4.0.0-alpha.3",
+    "@hi-ui/core": "^4.0.0-alpha.14",
+    "@hi-ui/core-css": "^4.0.0-alpha.10",
+    "@hi-ui/env": "^4.0.0-alpha.5",
+    "@hi-ui/highlighter": "^4.0.0-alpha.6",
+    "@hi-ui/icons": "^4.0.0-alpha.20",
+    "@hi-ui/picker": "^4.0.0-alpha.8",
+    "@hi-ui/popper": "^4.0.0-alpha.17",
+    "@hi-ui/tag-input": "^4.0.0-alpha.15",
+    "@hi-ui/tree": "^4.0.0-alpha.30",
+    "@hi-ui/tree-utils": "^4.0.0-alpha.8",
+    "@hi-ui/type-assertion": "^4.0.0-alpha.13",
+    "@hi-ui/use-search-mode": "^4.0.0-alpha.7",
+    "@hi-ui/use-toggle": "^4.0.0-alpha.10",
+    "@hi-ui/use-uncontrolled-state": "^4.0.0-alpha.12",
+    "lodash": "^4.17.21"
+  },
+  "peerDependencies": {
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1"
+  },
+  "devDependencies": {
+    "@hi-ui/hi-build": "^4.0.0-alpha.4",
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1"
+  },
+  "gitHead": "90f526d81b6e564427caf34ba49655c07943c195"
+}