@hi-ui/tree-select 4.0.0-beta.8 → 4.0.1

package/lib/cjs/TreeSelect.js

@@ -2,7 +2,7 @@
  * @hi-ui/tree-select
  * https://github.com/XiaoMi/hiui/tree/master/packages/ui/tree-select#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.
@@ -39,15 +39,13 @@ var arrayUtils = require('@hi-ui/array-utils');
 
 var highlighter = require('@hi-ui/highlighter');
 
-require('./ui/input/lib/esm/styles/index.scss.js');
-
-require('./ui/input/lib/esm/Input.js');
-
-var MockInput = require('./ui/input/lib/esm/MockInput.js');
+var input = require('@hi-ui/input');
 
 var icons = require('@hi-ui/icons');
 
-var localeContext = require('@hi-ui/locale-context');
+var core = require('@hi-ui/core');
+
+var funcUtils = require('@hi-ui/func-utils');
 
 var useSearchMode = require('@hi-ui/use-search-mode');
 
@@ -77,6 +75,9 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       dataSource = _a.dataSource,
       _a$disabled = _a.disabled,
       disabled = _a$disabled === void 0 ? false : _a$disabled,
+      visible = _a.visible,
+      onOpen = _a.onOpen,
+      onClose = _a.onClose,
       _a$fieldNames = _a.fieldNames,
       fieldNames = _a$fieldNames === void 0 ? DEFAULT_FIELD_NAMES : _a$fieldNames,
       _a$defaultExpandAll = _a.defaultExpandAll,
@@ -94,19 +95,28 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       onLoadChildren = _a.onLoadChildren,
       titleRender = _a.render,
       filterOption = _a.filterOption,
+      onSearchProp = _a.onSearch,
       clearable = _a.clearable,
       invalid = _a.invalid,
       displayRenderProp = _a.displayRender,
       placeholderProp = _a.placeholder,
       appearance = _a.appearance,
-      rest = tslib.__rest(_a, ["prefixCls", "role", "className", "data", "dataSource", "disabled", "fieldNames", "defaultExpandAll", "expandedIds", "defaultExpandedIds", "onExpand", "defaultValue", "value", "onChange", "searchable", "searchMode", "onLoadChildren", "render", "filterOption", "clearable", "invalid", "displayRender", "placeholder", "appearance"]);
+      virtual = _a.virtual,
+      itemHeight = _a.itemHeight,
+      height = _a.height,
+      rest = tslib.__rest(_a, ["prefixCls", "role", "className", "data", "dataSource", "disabled", "visible", "onOpen", "onClose", "fieldNames", "defaultExpandAll", "expandedIds", "defaultExpandedIds", "onExpand", "defaultValue", "value", "onChange", "searchable", "searchMode", "onLoadChildren", "render", "filterOption", "onSearch", "clearable", "invalid", "displayRender", "placeholder", "appearance", "virtual", "itemHeight", "height"]);
 
-  var i18n = localeContext.useLocaleContext();
+  var i18n = core.useLocaleContext();
   var placeholder = typeAssertion.isUndef(placeholderProp) ? i18n.get('treeSelect.placeholder') : placeholderProp;
 
-  var _useToggle = useToggle.useToggle(),
-      menuVisible = _useToggle[0],
-      menuVisibleAction = _useToggle[1];
+  var _useUncontrolledToggl = useToggle.useUncontrolledToggle({
+    visible: visible,
+    disabled: disabled,
+    onOpen: onOpen,
+    onClose: onClose
+  }),
+      menuVisible = _useUncontrolledToggl[0],
+      menuVisibleAction = _useUncontrolledToggl[1];
   /**
    * 转换对象
    */
@@ -184,7 +194,8 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   var filterSearchStrategy = useSearchMode.useFilterSearch({
     enabled: searchModeProp === 'filter',
     data: data,
-    flattedData: flattedData
+    flattedData: flattedData,
+    fieldNames: fieldNames
   });
   var highlightSearchStrategy = useSearchMode.useHighlightSearch({
     data: data,
@@ -213,7 +224,7 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
 
 
     var highlight = !!searchValue && (searchMode === 'highlight' || searchMode === 'filter');
-    var ret = highlight ? /*#__PURE__*/React__default['default'].createElement(highlighter.Highlighter, {
+    var ret = highlight ? /*#__PURE__*/React__default["default"].createElement(highlighter.Highlighter, {
       keyword: searchValue
     }, node.title) : true;
     return ret;
@@ -241,7 +252,7 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     return flattedData;
   }, [selectedItem, flattedData]);
   var cls = classname.cx(prefixCls, className);
-  return /*#__PURE__*/React__default['default'].createElement(picker.Picker, Object.assign({
+  return /*#__PURE__*/React__default["default"].createElement(picker.Picker, Object.assign({
     ref: ref,
     className: cls
   }, rest, {
@@ -253,15 +264,15 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     // onChange={tryChangeValue}
     // data={mergedData}
     searchable: searchable,
-    onSearch: onSearch,
+    onSearch: funcUtils.callAllFuncs(onSearchProp, onSearch),
     loading: loading,
-    trigger: /*#__PURE__*/React__default['default'].createElement(MockInput.MockInput // disabled={disabled}
+    trigger: /*#__PURE__*/React__default["default"].createElement(input.MockInput // disabled={disabled}
     , {
       // disabled={disabled}
       clearable: clearable,
       placeholder: placeholder,
       displayRender: displayRenderProp,
-      suffix: menuVisible ? /*#__PURE__*/React__default['default'].createElement(icons.UpOutlined, null) : /*#__PURE__*/React__default['default'].createElement(icons.DownOutlined, null),
+      suffix: menuVisible ? /*#__PURE__*/React__default["default"].createElement(icons.UpOutlined, null) : /*#__PURE__*/React__default["default"].createElement(icons.DownOutlined, null),
       focused: menuVisible,
       value: value,
       onChange: tryChangeValue,
@@ -270,15 +281,18 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       invalid: invalid,
       appearance: appearance
     })
-  }), typeAssertion.isArrayNonEmpty(treeProps.data) ? /*#__PURE__*/React__default['default'].createElement(tree.Tree, Object.assign({
+  }), typeAssertion.isArrayNonEmpty(treeProps.data) ? /*#__PURE__*/React__default["default"].createElement(tree.Tree, Object.assign({
     className: prefixCls + "__tree",
     selectable: true,
     selectedId: value,
     onSelect: onSelect,
+    fieldNames: fieldNames,
     // onLoadChildren 缓存数据
-    // TODO: 支持 fieldNames
-    // 禁用时被选中的样式处理
-    onLoadChildren: onLoadChildren
+    // @ts-ignore
+    onLoadChildren: onLoadChildren,
+    virtual: virtual,
+    itemHeight: itemHeight,
+    height: height
   }, treeProps)) : null);
 });
 
@@ -287,4 +301,3 @@ if (env.__DEV__) {
 }
 
 exports.TreeSelect = TreeSelect;
-//# sourceMappingURL=TreeSelect.js.map

package/lib/cjs/index.js

@@ -2,7 +2,7 @@
  * @hi-ui/tree-select
  * https://github.com/XiaoMi/hiui/tree/master/packages/ui/tree-select#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 TreeSelect = require('./TreeSelect.js');
 
 exports.TreeSelect = TreeSelect.TreeSelect;
 exports["default"] = TreeSelect.TreeSelect;
-//# sourceMappingURL=index.js.map

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

@@ -2,7 +2,7 @@
  * @hi-ui/tree-select
  * https://github.com/XiaoMi/hiui/tree/master/packages/ui/tree-select#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.
@@ -12,11 +12,10 @@
 Object.defineProperty(exports, '__esModule', {
   value: true
 });
-var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n";
+var css_248z = "";
 
-var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
+var __styleInject__ = require('inject-head-style')["default"];
 
 __styleInject__(css_248z);
 
 exports["default"] = css_248z;
-//# sourceMappingURL=index.scss.js.map

package/lib/esm/TreeSelect.js

@@ -2,7 +2,7 @@
  * @hi-ui/tree-select
  * https://github.com/XiaoMi/hiui/tree/master/packages/ui/tree-select#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.
@@ -11,7 +11,7 @@ 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 { useUncontrolledToggle } 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';
@@ -19,11 +19,10 @@ import { baseFlattenTree } from '@hi-ui/tree-utils';
 import { isUndef, isArrayNonEmpty } from '@hi-ui/type-assertion';
 import { uniqBy } from '@hi-ui/array-utils';
 import { Highlighter } from '@hi-ui/highlighter';
-import './ui/input/lib/esm/styles/index.scss.js';
-import './ui/input/lib/esm/Input.js';
-import { MockInput } from './ui/input/lib/esm/MockInput.js';
+import { MockInput } from '@hi-ui/input';
 import { UpOutlined, DownOutlined } from '@hi-ui/icons';
-import { useLocaleContext } from '@hi-ui/locale-context';
+import { useLocaleContext } from '@hi-ui/core';
+import { callAllFuncs } from '@hi-ui/func-utils';
 import { useAsyncSearch, useTreeCustomSearch, useFilterSearch, useHighlightSearch, useSearchMode } from '@hi-ui/use-search-mode';
 var TREE_SELECT_PREFIX = getPrefixCls('tree-select');
 var DEFAULT_DATA = []; // const DEFAULT_VALUE = [] as []
@@ -43,6 +42,9 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
       dataSource = _a.dataSource,
       _a$disabled = _a.disabled,
       disabled = _a$disabled === void 0 ? false : _a$disabled,
+      visible = _a.visible,
+      onOpen = _a.onOpen,
+      onClose = _a.onClose,
       _a$fieldNames = _a.fieldNames,
       fieldNames = _a$fieldNames === void 0 ? DEFAULT_FIELD_NAMES : _a$fieldNames,
       _a$defaultExpandAll = _a.defaultExpandAll,
@@ -60,19 +62,28 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
       onLoadChildren = _a.onLoadChildren,
       titleRender = _a.render,
       filterOption = _a.filterOption,
+      onSearchProp = _a.onSearch,
       clearable = _a.clearable,
       invalid = _a.invalid,
       displayRenderProp = _a.displayRender,
       placeholderProp = _a.placeholder,
       appearance = _a.appearance,
-      rest = __rest(_a, ["prefixCls", "role", "className", "data", "dataSource", "disabled", "fieldNames", "defaultExpandAll", "expandedIds", "defaultExpandedIds", "onExpand", "defaultValue", "value", "onChange", "searchable", "searchMode", "onLoadChildren", "render", "filterOption", "clearable", "invalid", "displayRender", "placeholder", "appearance"]);
+      virtual = _a.virtual,
+      itemHeight = _a.itemHeight,
+      height = _a.height,
+      rest = __rest(_a, ["prefixCls", "role", "className", "data", "dataSource", "disabled", "visible", "onOpen", "onClose", "fieldNames", "defaultExpandAll", "expandedIds", "defaultExpandedIds", "onExpand", "defaultValue", "value", "onChange", "searchable", "searchMode", "onLoadChildren", "render", "filterOption", "onSearch", "clearable", "invalid", "displayRender", "placeholder", "appearance", "virtual", "itemHeight", "height"]);
 
   var i18n = useLocaleContext();
   var placeholder = isUndef(placeholderProp) ? i18n.get('treeSelect.placeholder') : placeholderProp;
 
-  var _useToggle = useToggle(),
-      menuVisible = _useToggle[0],
-      menuVisibleAction = _useToggle[1];
+  var _useUncontrolledToggl = useUncontrolledToggle({
+    visible: visible,
+    disabled: disabled,
+    onOpen: onOpen,
+    onClose: onClose
+  }),
+      menuVisible = _useUncontrolledToggl[0],
+      menuVisibleAction = _useUncontrolledToggl[1];
   /**
    * 转换对象
    */
@@ -150,7 +161,8 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
   var filterSearchStrategy = useFilterSearch({
     enabled: searchModeProp === 'filter',
     data: data,
-    flattedData: flattedData
+    flattedData: flattedData,
+    fieldNames: fieldNames
   });
   var highlightSearchStrategy = useHighlightSearch({
     data: data,
@@ -219,7 +231,7 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
     // onChange={tryChangeValue}
     // data={mergedData}
     searchable: searchable,
-    onSearch: onSearch,
+    onSearch: callAllFuncs(onSearchProp, onSearch),
     loading: loading,
     trigger: /*#__PURE__*/React.createElement(MockInput // disabled={disabled}
     , {
@@ -241,10 +253,13 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
     selectable: true,
     selectedId: value,
     onSelect: onSelect,
+    fieldNames: fieldNames,
     // onLoadChildren 缓存数据
-    // TODO: 支持 fieldNames
-    // 禁用时被选中的样式处理
-    onLoadChildren: onLoadChildren
+    // @ts-ignore
+    onLoadChildren: onLoadChildren,
+    virtual: virtual,
+    itemHeight: itemHeight,
+    height: height
   }, treeProps)) : null);
 });
 
@@ -253,4 +268,3 @@ if (__DEV__) {
 }
 
 export { TreeSelect };
-//# sourceMappingURL=TreeSelect.js.map

package/lib/esm/index.js

@@ -2,11 +2,10 @@
  * @hi-ui/tree-select
  * https://github.com/XiaoMi/hiui/tree/master/packages/ui/tree-select#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 { TreeSelect, TreeSelect as default } from './TreeSelect.js';
-//# sourceMappingURL=index.js.map

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

@@ -2,16 +2,14 @@
  * @hi-ui/tree-select
  * https://github.com/XiaoMi/hiui/tree/master/packages/ui/tree-select#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";
-
-var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
+import __styleInject__ from 'inject-head-style';
+var css_248z = "";
 
 __styleInject__(css_248z);
 
-export default css_248z;
-//# sourceMappingURL=index.scss.js.map
+export { css_248z as default };

package/lib/types/TreeSelect.d.ts

@@ -1,13 +1,14 @@
 import React from 'react';
-import { DataSourceFunc, FieldNames, TreeSelectDataItem, TreeSelectDataSource } from './types';
+import { TreeSelectDataItem } from './types';
 import { TreeNodeEventData } from '@hi-ui/tree';
 import { PickerProps } from '@hi-ui/picker';
 import { HiBaseAppearanceEnum } from '@hi-ui/core';
+import { UseDataSource } from '@hi-ui/use-data-source';
 /**
  * TODO: What is TreeSelect
  */
 export declare const TreeSelect: React.ForwardRefExoticComponent<TreeSelectProps & React.RefAttributes<HTMLDivElement | null>>;
-export interface TreeSelectProps extends Omit<PickerProps, 'data' | 'onChange' | 'trigger'> {
+export interface TreeSelectProps extends Omit<PickerProps, 'data' | 'onChange' | 'trigger' | 'scrollable'> {
     /**
      * 展示数据
      */
@@ -15,11 +16,7 @@ export interface TreeSelectProps extends Omit<PickerProps, 'data' | 'onChange' |
     /**
      * 设置 data 中 id, title, disabled, children 对应的 key (3.0 新增)	object	-	{ title: 'title', id: 'id',disabled:'disabled', children: 'children'}
      */
-    fieldNames?: FieldNames;
-    /**
-     * 数据选择类型
-     */
-    type?: 'single' | 'multiple';
+    fieldNames?: Record<string, string>;
     /**
      * 是否有边框
      */
@@ -79,13 +76,10 @@ export interface TreeSelectProps extends Omit<PickerProps, 'data' | 'onChange' |
      */
     onLoadChildren?: (node: TreeNodeEventData) => void | Promise<TreeSelectDataItem[] | void>;
     /**
-     * 从远端获取数据，初始时是否自动加载
+     * 异步加载数据。暂不对外暴露
+     * @private
      */
-    autoload?: boolean;
-    /**
-     * 异步加载数据
-     */
-    dataSource?: DataSourceFunc | TreeSelectDataSource | Promise<TreeSelectDataItem[]>;
+    dataSource?: UseDataSource<TreeSelectDataItem[]>;
     /**
      * 没有选项时的提示
      */
@@ -112,4 +106,18 @@ export interface TreeSelectProps extends Omit<PickerProps, 'data' | 'onChange' |
      * 设置展现形式
      */
     appearance?: HiBaseAppearanceEnum;
+    /**
+     * 设置虚拟滚动容器的可视高度。暂不对外暴露
+     * @private
+     */
+    height?: number;
+    /**
+     * 设置虚拟列表每项的固定高度。暂不对外暴露
+     * @private
+     */
+    itemHeight?: number;
+    /**
+     * 	设置 `true` 开启虚拟滚动
+     */
+    virtual?: boolean;
 }

package/lib/types/context.d.ts

@@ -1,7 +1,3 @@
 /// <reference types="react" />
-export declare const TreeSelectProvider: import("react").Provider<Omit<{
-    rootProps: {};
-}, "rootProps"> | null>;
-export declare const useTreeSelectContext: () => Omit<{
-    rootProps: {};
-}, "rootProps">;
+export declare const TreeSelectProvider: import("react").Provider<any>;
+export declare const useTreeSelectContext: () => any;

package/lib/types/index.d.ts

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

package/lib/types/types.d.ts

@@ -1,13 +1,14 @@
+import { HiBaseDataItem } from '@hi-ui/core';
 import React from 'react';
-export interface TreeSelectDataItem {
+export interface TreeSelectDataItem extends HiBaseDataItem {
     /**
      * 节点唯一 id
      */
-    id: React.ReactText;
+    id?: React.ReactText;
     /**
      * 节点标题
      */
-    title: React.ReactNode;
+    title?: React.ReactNode;
     /**
      * 子级数据
      */
@@ -47,11 +48,3 @@ export interface TreeSelectDataSource<T = any> {
      */
     transformResponse?: (response: object) => T;
 }
-export declare type FilterOptionFunc = (keyword: string, item: TreeSelectDataItem) => boolean;
-export declare type DataSourceFunc = (keyword: string) => TreeSelectDataSource;
-export declare type FieldNames = {
-    id?: string;
-    title?: string;
-    disabled?: string;
-    children?: string;
-};

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@hi-ui/tree-select",
-  "version": "4.0.0-beta.8",
+  "version": "4.0.1",
   "description": "A sub-package for @hi-ui/hiui.",
   "keywords": [],
-  "author": "HIUI <mi-hiui@xiaomi.com>",
+  "author": "HiUI <mi-hiui@xiaomi.com>",
   "homepage": "https://github.com/XiaoMi/hiui/tree/master/packages/ui/tree-select#readme",
   "license": "MIT",
   "directories": {
@@ -43,32 +43,34 @@
     "url": "https://github.com/XiaoMi/hiui/issues"
   },
   "dependencies": {
-    "@hi-ui/array-utils": "^4.0.0-beta.3",
-    "@hi-ui/classname": "^4.0.0-beta.0",
-    "@hi-ui/core": "^4.0.0-beta.2",
-    "@hi-ui/core-css": "^4.0.0-beta.2",
-    "@hi-ui/env": "^4.0.0-beta.0",
-    "@hi-ui/highlighter": "^4.0.0-beta.2",
-    "@hi-ui/icons": "^4.0.0-beta.2",
-    "@hi-ui/locale-context": "^4.0.0-beta.6",
-    "@hi-ui/picker": "^4.0.0-beta.7",
-    "@hi-ui/popper": "^4.0.0-beta.3",
-    "@hi-ui/tag-input": "^4.0.0-beta.5",
-    "@hi-ui/tree": "^4.0.0-beta.8",
-    "@hi-ui/tree-utils": "^4.0.0-beta.1",
-    "@hi-ui/type-assertion": "^4.0.0-beta.1",
-    "@hi-ui/use-search-mode": "^4.0.0-beta.5",
-    "@hi-ui/use-toggle": "^4.0.0-beta.1",
-    "@hi-ui/use-uncontrolled-state": "^4.0.0-beta.1"
+    "@hi-ui/array-utils": "^4.0.0",
+    "@hi-ui/classname": "^4.0.0",
+    "@hi-ui/env": "^4.0.0",
+    "@hi-ui/func-utils": "^4.0.0",
+    "@hi-ui/highlighter": "^4.0.1",
+    "@hi-ui/icons": "^4.0.0",
+    "@hi-ui/input": "^4.0.0",
+    "@hi-ui/picker": "^4.0.0",
+    "@hi-ui/popper": "^4.0.0",
+    "@hi-ui/tree": "^4.0.1",
+    "@hi-ui/tree-utils": "^4.0.0",
+    "@hi-ui/type-assertion": "^4.0.0",
+    "@hi-ui/use-data-source": "^4.0.0",
+    "@hi-ui/use-search-mode": "^4.0.1",
+    "@hi-ui/use-toggle": "^4.0.0",
+    "@hi-ui/use-uncontrolled-state": "^4.0.0"
   },
   "peerDependencies": {
+    "@hi-ui/core": ">=4.0.0",
     "react": ">=16.8.6",
     "react-dom": ">=16.8.6"
   },
   "devDependencies": {
-    "@hi-ui/hi-build": "^4.0.0-beta.1",
+    "@hi-ui/core": "^4.0.0",
+    "@hi-ui/core-css": "^4.0.0",
+    "@hi-ui/hi-build": "^4.0.0",
     "react": "^17.0.1",
     "react-dom": "^17.0.1"
   },
-  "gitHead": "c281a5ffb49124fa4ae7fa0cc981c2fd60b7a099"
+  "gitHead": "318d9e83b849d81605731b2c2beaa04df5701072"
 }

package/lib/cjs/TreeSelect.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TreeSelect.js","sources":["../../src/TreeSelect.tsx"],"sourcesContent":[null],"names":["TREE_SELECT_PREFIX","getPrefixCls","DEFAULT_DATA","DEFAULT_FIELD_NAMES","DEFAULT_EXPANDED_IDS","TreeSelect","forwardRef","_a","ref","prefixCls","className","data","dataSource","disabled","fieldNames","defaultExpandAll","expandedIdsProp","expandedIds","defaultExpandedIds","onExpand","defaultValue","valueProp","value","onChange","searchableProp","searchable","searchModeProp","searchMode","onLoadChildren","titleRender","render","filterOption","clearable","invalid","displayRenderProp","displayRender","placeholderProp","placeholder","appearance","rest","i18n","useLocaleContext","isUndef","get","useToggle","menuVisible","menuVisibleAction","getKeyFields","useCallback","node","key","flattedData","useMemo","baseFlattenTree","tree","childrenFieldName","transform","flattedNode","raw","id","title","isLeaf","useUncontrolledState","getDefaultExpandedIds","map","tryChangeExpandedIds","tryChangeValue","onSelect","selectedId","selectedNode","setSelectedItem","off","useState","selectedItem","_b","useAsyncSearch","loading","hasError","dataSourceStrategy","customSearchStrategy","useTreeCustomSearch","filterSearchStrategy","useFilterSearch","enabled","highlightSearchStrategy","useHighlightSearch","useSearchMode","strategies","stateInSearch","state","setStateInSearch","onSearch","searchValue","keyword","proxyTitleRender","ret","highlight","React","Highlighter","shouldUseSearch","treeProps","ids","prev","mergedData","nextData","concat","uniqBy","cls","cx","Picker","visible","onOpen","on","onClose","trigger","MockInput","suffix","UpOutlined","DownOutlined","focused","isArrayNonEmpty","Tree","selectable","__DEV__","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,IAAMA,kBAAkB,GAAGC,sBAAAA,CAAa,aAAbA,CAA3B;AACA,IAAMC,YAAY,GAAG,EAArB;;AAEA,IAAMC,mBAAmB,GAAG,EAA5B;AACA,IAAMC,oBAAoB,GAAG,EAA7B;AAEA;;;;IAGaC,UAAU,gBAAGC,gBAAAA,CACxB,UACEC,EADF,EAmCEC,GAnCF;wBAEIC;MAAAA,sCAAYT;MAEZU,eAAAA;mBACAC;MAAAA,4BAAOT;MACPU,gBAAAA;uBACAC;MAAAA,oCAAW;yBAGXC;MAAAA,wCAAaX;+BACbY;MAAAA,oDAAmB;MACNC,qBAAbC;iCACAC;MAAAA,wDAAqBd;MACrBe,cAAAA;2BACAC;MAAAA,4CAAe;MACRC,eAAPC;MACAC,cAAAA;MACYC,oBAAZC;MACYC,oBAAZC;MACAC,oBAAAA;MACQC,iBAARC;MACAC,kBAAAA;MAMAC,eAAAA;MACAC,aAAAA;MACeC,uBAAfC;MACaC,qBAAbC;MACAC,gBAAAA;MACGC,wBAhCL,YAAA,QAAA,aAAA,QAAA,cAAA,YAAA,cAAA,oBAAA,eAAA,sBAAA,YAAA,gBAAA,SAAA,YAAA,cAAA,cAAA,kBAAA,UAAA,gBAAA,aAAA,WAAA,iBAAA,eAAA,cAAA;;MAoCMC,IAAI,GAAGC,8BAAAA;MAEPJ,WAAW,GAAGK,qBAAAA,CAAQN,eAARM,IAChBF,IAAI,CAACG,GAALH,CAAS,wBAATA,CADgBE,GAEhBN;;mBAEqCQ,mBAAAA;MAAlCC,WAAP;MAAoBC,iBAApB;;;;;;MAKMC,YAAY,GAAGC,iBAAAA,CACnB,UAACC,IAAD,EAAYC,GAAZ;WACSD,IAAI,CAACnC,UAAU,CAACoC,GAAD,CAAVpC,IAAmBoC,GAApB;AAFiB,GAAXF,EAInB,CAAClC,UAAD,CAJmBkC;MAOfG,WAAW,GAAGC,aAAAA,CAAQ;WACnBC,yBAAAA,CAAoC;AACzCC,MAAAA,IAAI,EAAE3C,IADmC;AAEzC4C,MAAAA,iBAAiB,EAAE,0BAAA,CAACN,IAAD;eAAUF,YAAY,CAACE,IAAD,EAAO,UAAP;AAFA,OAAA;AAGzCO,MAAAA,SAAS,EAAE,kBAAA,CAACP,IAAD;;;YACHQ,WAAW,GAAGR;YACdS,GAAG,GAAGT,IAAI,CAACS;AAEjBD,QAAAA,WAAW,CAACE,EAAZF,GAAiBV,YAAY,CAACW,GAAD,EAAM,IAAN,CAA7BD;AACAA,QAAAA,WAAW,CAACG,KAAZH,GAAoBV,YAAY,CAACW,GAAD,EAAM,OAAN,CAAhCD;AACAA,QAAAA,WAAW,CAAC5C,QAAZ4C,GAAuB,MAAAV,YAAY,CAACW,GAAD,EAAM,UAAN,CAAZ,UAAA,iBAAA,KAAA,GAAiC,KAAxDD;AACAA,QAAAA,WAAW,CAACI,MAAZJ,GAAqB,MAAAV,YAAY,CAACW,GAAD,EAAM,QAAN,CAAZ,UAAA,iBAAA,KAAA,GAA+B,KAApDD;eAEOA;;AAZgC,KAApCJ;AADkB,GAAPD,EAgBjB,CAACzC,IAAD,EAAOoC,YAAP,CAhBiBK;;;8BAoBwBU,yCAAAA,CAC1C,SAASC,qBAAT;;QAEMhD,kBAAkB;aACboC,WAAW,CAACa,GAAZb,CAAgB,UAACF,IAAD;eAAUA,IAAI,CAACU;AAA/B,OAAAR;;;WAEFjC;AANqD,GAApB4C,EAQ1C9C,eAR0C8C,EAS1C3C,QAT0C2C;MAArC7C,WAAP;MAAoBgD,oBAApB;;+BAYgCH,yCAAAA,CAAqB1C,YAArB0C,EAAmCzC,SAAnCyC,EAA8CvC,QAA9CuC;MAAzBxC,KAAP;MAAc4C,cAAd;;MAEMC,QAAQ,GAAGnB,iBAAAA,CACf,UAACoB,UAAD,EAAqCC,YAArC;;QAEMD,YAAY;AACdF,MAAAA,cAAc,CAACE,UAAD,EAAaC,YAAb,CAAdH;AACAI,MAAAA,eAAe,CAACD,YAAD,CAAfC;;;;AAGFxB,IAAAA,iBAAiB,CAACyB,GAAlBzB;AARwB,GAAXE,EAUf,CAACF,iBAAD,EAAoBoB,cAApB,CAVelB;;kBAcuBwB,cAAAA,CAAoC,IAApCA;MAAjCC,YAAP;MAAqBH,eAArB;;;;MAMMI,KAA+CC,4BAAAA,CAAe;AAAE/D,IAAAA,UAAU,EAAVA;AAAF,GAAf+D;MAA7CC,OAAF,KAAA,CAAEA;MAASC,QAAX,KAAA,CAAWA;MAAaC,kBAAxB,oBAAA,UAAA,YAAA;;MACAC,oBAAoB,GAAGC,iCAAAA,CAAoB;AAAErE,IAAAA,IAAI,EAAJA,IAAF;AAAQoB,IAAAA,YAAY,EAAZA;AAAR,GAApBiD;MACvBC,oBAAoB,GAAGC,6BAAAA,CAAgB;AAC3CC,IAAAA,OAAO,EAAEzD,cAAc,KAAK,QADe;AAE3Cf,IAAAA,IAAI,EAAJA,IAF2C;AAG3CwC,IAAAA,WAAW,EAAXA;AAH2C,GAAhB+B;MAKvBE,uBAAuB,GAAGC,gCAAAA,CAAmB;AACjD1E,IAAAA,IAAI,EAAJA,IADiD;AAEjDwC,IAAAA,WAAW,EAAXA,WAFiD;AAGjDxB,IAAAA,UAAU,EAAED;AAHqC,GAAnB2D;;uBAa5BC,2BAAAA,CAAc;AAChB7D,IAAAA,UAAU,EAAED,cADI;AAEhB+D,IAAAA,UAAU,EAAE,CACVT,kBADU,EAEVC,oBAFU,EAGVE,oBAHU,EAIVG,uBAJU;AAFI,GAAdE;MANKE,aADT,kBACEC;MACAC,gBAFF,kBAEEA;MACAjE,UAHF,kBAGEA;MACAE,UAJF,kBAIEA;MACAgE,QALF,kBAKEA;MACSC,WANX,kBAMEC;;;MAYIC,gBAAgB,GAAG9C,iBAAAA,CACvB,UAACC,IAAD;QACMpB,aAAa;UACTkE,IAAG,GAAGlE,WAAW,CAACoB,IAAD;;UACnB8C,IAAG,IAAIA,IAAG,KAAK,MAAM,OAAOA,IAAP;;;;QAIrBC,SAAS,GAAG,CAAC,CAACJ,WAAF,KAAkBjE,UAAU,KAAK,WAAfA,IAA8BA,UAAU,KAAK,QAA/D;QAEZoE,GAAG,GAAGC,SAAS,gBAAGC,yBAAAA,cAAAA,CAACC,uBAADD;AAAaJ,MAAAA,OAAO,EAAED;KAAtBK,EAAoChD,IAAI,CAACW,KAAzCqC,CAAH,GAAmE;WAEjFF;AAZyB,GAAX/C,EAcvB,CAACnB,WAAD,EAAc+D,WAAd,EAA2BjE,UAA3B,CAduBqB;MAiBnBmD,eAAe,GAAG,CAAC,CAACP,WAAF,IAAiB,CAACf;MAEpCuB,SAAS,GAAG;AAChBzF,IAAAA,IAAI,EAAEwF,eAAe,GAAGX,aAAa,CAAC7E,IAAjB,GAAwBA,IAD7B;AAEhBM,IAAAA,WAAW,EAAEkF,eAAe,GAAGX,aAAa,CAACvE,WAAjB,GAA+BA,WAF3C;AAGhBE,IAAAA,QAAQ,EAAEgF,eAAe,GACrB,UAACE,GAAD;aAAcX,gBAAgB,CAAC,UAACY,IAAD;+CAAqBA;AAAMrF,UAAAA,WAAW,EAAEoF;;AAAzC,OAAA;AADT,KAAA,GAErBpC,oBALY;AAMhBnC,IAAAA,MAAM,EAAEgE;AANQ;;MAUZS,UAAU,GAAUnD,aAAAA,CAAQ;QAC5BqB,cAAc;UACV+B,QAAQ,GAAG,CAAC/B,YAAD,EAAegC,MAAf,CAAsBtD,WAAtB;aACVuD,iBAAAA,CAAOF,QAAPE,EAAiB,IAAjBA;;;WAGFvD;AANwB,GAAPC,EAOvB,CAACqB,YAAD,EAAetB,WAAf,CAPuBC;MASpBuD,GAAG,GAAGC,YAAAA,CAAGnG,SAAHmG,EAAclG,SAAdkG;sBAGVX,yBAAAA,cAAAA,CAACY,aAADZ;AACEzF,IAAAA,GAAG,EAAEA;AACLE,IAAAA,SAAS,EAAEiG;KACPpE;AACJuE,IAAAA,OAAO,EAAEjE;AACThC,IAAAA,QAAQ,EAAEA;AACVkG,IAAAA,MAAM,EAAEjE,iBAAiB,CAACkE;AAC1BC,IAAAA,OAAO,EAAEnE,iBAAiB,CAACyB;;;;AAI3B9C,IAAAA,UAAU,EAAEA;AACZkE,IAAAA,QAAQ,EAAEA;AACVf,IAAAA,OAAO,EAAEA;AACTsC,IAAAA,OAAO,eACLjB,yBAAAA,cAAAA,CAACkB,mBAADlB;AAAAA;;AAEEjE,MAAAA,SAAS,EAAEA;AACXK,MAAAA,WAAW,EAAEA;AACbF,MAAAA,aAAa,EAAED;AACfkF,MAAAA,MAAM,EAAEvE,WAAW,gBAAGoD,yBAAAA,cAAAA,CAACoB,gBAADpB,MAAAA,CAAH,gBAAoBA,yBAAAA,cAAAA,CAACqB,kBAADrB,MAAAA;AACvCsB,MAAAA,OAAO,EAAE1E;AACTvB,MAAAA,KAAK,EAAEA;AACPC,MAAAA,QAAQ,EAAE2C;AACVvD,MAAAA,IAAI,EAAE4F;;AAENtE,MAAAA,OAAO,EAAEA;AACTK,MAAAA,UAAU,EAAEA;KAZd2D;IAfJA,EA+BGuB,6BAAAA,CAAgBpB,SAAS,CAACzF,IAA1B6G,iBACCvB,yBAAAA,cAAAA,CAACwB,SAADxB;AACEvF,IAAAA,SAAS,EAAKD,SAAL;AACTiH,IAAAA,UAAU;AACVtD,IAAAA,UAAU,EAAE9C;AACZ6C,IAAAA,QAAQ,EAAEA;;;;AAIVvC,IAAAA,cAAc,EAAEA;KACZwE,UATNH,CADDuB,GAYG,IA3CNvB;AAtL8B,CAAV3F;;AAkV1B,IAAIqH,WAAJ,EAAa;AACXtH,EAAAA,UAAU,CAACuH,WAAXvH,GAAyB,YAAzBA;;;"}

package/lib/cjs/hooks/use-latest/lib/esm/index.js

@@ -1,65 +0,0 @@
-/** @LICENSE
- * @hi-ui/tree-select
- * https://github.com/XiaoMi/hiui/tree/master/packages/ui/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 React = require('react');
-/** @LICENSE
- * @hi-ui/use-latest
- * https://github.com/XiaoMi/hiui/tree/master/packages/hooks/use-latest#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.
- */
-
-/**
- * Keep value up-to-date if it changes.
- *
- * @param value
- * @returns
- */
-
-
-var useLatestRef = function useLatestRef(value) {
-  var ref = React.useRef(value);
-  ref.current = value;
-  return ref;
-};
-/**
- * Keep callback function up-to-date if it changes.
- *
- * @param callback
- * @returns
- */
-
-
-var useLatestCallback = function useLatestCallback(callback) {
-  var ref = useLatestRef(callback);
-  return React.useCallback(function () {
-    var _a2;
-
-    var _a;
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    return (_a = ref.current) === null || _a === void 0 ? void 0 : (_a2 = _a).call.apply(_a2, [ref].concat(args));
-  }, []);
-};
-
-exports.useLatestCallback = useLatestCallback;
-exports.useLatestRef = useLatestRef;
-//# sourceMappingURL=index.js.map

package/lib/cjs/hooks/use-latest/lib/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../../../../hooks/use-latest/lib/esm/index.js"],"sourcesContent":["/** @LICENSE\n * @hi-ui/use-latest\n * https://github.com/XiaoMi/hiui/tree/master/packages/hooks/use-latest#readme\n *\n * Copyright (c) HIUI <mi-hiui@xiaomi.com>.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { useRef, useCallback } from 'react';\n/**\n * Keep value up-to-date if it changes.\n *\n * @param value\n * @returns\n */\n\nvar useLatestRef = function useLatestRef(value) {\n  var ref = useRef(value);\n  ref.current = value;\n  return ref;\n};\n/**\n * Keep callback function up-to-date if it changes.\n *\n * @param callback\n * @returns\n */\n\n\nvar useLatestCallback = function useLatestCallback(callback) {\n  var ref = useLatestRef(callback);\n  return useCallback(function () {\n    var _a2;\n\n    var _a;\n\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    return (_a = ref.current) === null || _a === void 0 ? void 0 : (_a2 = _a).call.apply(_a2, [ref].concat(args));\n  }, []);\n};\n\nexport { useLatestCallback, useLatestRef };\n//# sourceMappingURL=index.js.map\n"],"names":["useLatestRef","value","ref","useRef","useLatestCallback","callback","useCallback","args","_a","current","_a2","call","apply","concat"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAEA;;;;;;;;IAMaA,YAAY,GAAG,SAAfA,YAAe,CAAAC,KAAA,EAAA;MACpBC,GAAG,GAAGC,YAAAA,CAAMF,KAANE;AACZD,EAAAA,GAAG,CAAHA,OAAAA,GAAAA,KAAAA;SACOA;;AAGT;;;;;;;;IAMaE,iBAAiB,GAAG,SAApBA,iBAAoB,CAAAC,QAAA,EAAA;MAGzBH,GAAG,GAAGF,YAAY,CAAAK,QAAA;SACjBC,iBAAAA,CAAY,YAAA;;;;;sCAAIC,IAAAA,GAAAA,IAAAA,KAAAA,CAAAA,IAAAA,GAAAA,IAAAA,GAAAA,GAAAA,IAAAA,GAAAA,MAAAA,IAAAA,IAAAA;AAAAA,MAAAA,IAAAA,CAAAA,IAAAA,CAAAA,GAAAA,SAAAA,CAAAA,IAAAA,CAAAA;;;WAAgB,CAAAC,EAAA,GAAAN,GAAG,CAAHO,OAAA,MAAA,IAAA,IAAAD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAAE,GAAA,GAAAF,EAAA,EAAAG,IAAA,CAAAC,KAAA,CAAAF,GAAA,EAAA,CAAAR,GAAA,EAAAW,MAAA,CAAiBN,IAAjB,CAAA;AAArB,GAAXD,EAAW,EAAXA;;;;"}