npm - @hi-ui/tree-select - Versions diffs - 4.0.11-beta.0 → 4.1.1 - Mend

@hi-ui/tree-select 4.0.11-beta.0 → 4.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/CHANGELOG.md +32 -3
package/lib/cjs/TreeSelect.js +97 -142
package/lib/cjs/index.js +0 -3
package/lib/cjs/styles/index.scss.js +1 -4
package/lib/esm/TreeSelect.js +93 -107
package/lib/esm/styles/index.scss.js +1 -3
package/lib/types/TreeSelect.d.ts +6 -2
package/package.json +20 -21

package/CHANGELOG.md CHANGED Viewed

@@ -1,11 +1,40 @@
 # @hi-ui/tree-select
-## 4.0.11-beta.0
+## 4.1.1
 ### Patch Changes
-- @hi-ui/use-search-mode@4.0.7-beta.0
-- @hi-ui/picker@4.0.7-beta.0
+- [#2672](https://github.com/XiaoMi/hiui/pull/2672) [`1ebe27830`](https://github.com/XiaoMi/hiui/commit/1ebe2783098b3a8cd980bd10076d67635463800e) Thanks [@zyprepare](https://github.com/zyprepare)! - build: 升级到 rollup3,重新构建发布组件
+- Updated dependencies [[`1ebe27830`](https://github.com/XiaoMi/hiui/commit/1ebe2783098b3a8cd980bd10076d67635463800e)]:
+  - @hi-ui/core@4.0.6
+  - @hi-ui/use-data-source@4.0.2
+  - @hi-ui/use-search-mode@4.1.2
+  - @hi-ui/use-toggle@4.0.2
+  - @hi-ui/use-uncontrolled-state@4.0.2
+  - @hi-ui/icons@4.0.16
+  - @hi-ui/highlighter@4.0.6
+  - @hi-ui/input@4.0.11
+  - @hi-ui/picker@4.1.2
+  - @hi-ui/popper@4.1.1
+  - @hi-ui/tree@4.5.6
+  - @hi-ui/array-utils@4.0.2
+  - @hi-ui/classname@4.0.2
+  - @hi-ui/env@4.0.2
+  - @hi-ui/func-utils@4.0.2
+  - @hi-ui/tree-utils@4.1.2
+  - @hi-ui/type-assertion@4.0.2
+## 4.1.0
+### Minor Changes
+- [#2603](https://github.com/XiaoMi/hiui/pull/2603) [`556049d76`](https://github.com/XiaoMi/hiui/commit/556049d76d54489abececebddec47d93388e5116) Thanks [@zyprepare](https://github.com/zyprepare)! - feat: add size api
+### Patch Changes
+- Updated dependencies [[`534bfd298`](https://github.com/XiaoMi/hiui/commit/534bfd29852003af2209c3a64e5f1b2b1d37c19e)]:
+  - @hi-ui/tree@4.5.2
 ## 4.0.10

package/lib/cjs/TreeSelect.js CHANGED Viewed

@@ -9,119 +9,85 @@
  */
 '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 arrayUtils = require('@hi-ui/array-utils');
 var highlighter = require('@hi-ui/highlighter');
 var input = require('@hi-ui/input');
 var icons = require('@hi-ui/icons');
 var core = require('@hi-ui/core');
 var funcUtils = require('@hi-ui/func-utils');
 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('tree-select');
-var DEFAULT_DATA = []; // const DEFAULT_VALUE = [] as []
+var DEFAULT_DATA = [];
+// const DEFAULT_VALUE = [] as []
 var DEFAULT_FIELD_NAMES = {};
 var DEFAULT_EXPANDED_IDS = [];
 /**
- * TODO: What is TreeSelect
+ * 树形选择器
  */
 var TreeSelect = /*#__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,
-      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,
-      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 ? '' : _a$defaultValue,
-      valueProp = _a.value,
-      onChange = _a.onChange,
-      searchableProp = _a.searchable,
-      searchModeProp = _a.searchMode,
-      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,
-      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"]);
+    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,
+    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,
+    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 ? '' : _a$defaultValue,
+    valueProp = _a.value,
+    onChange = _a.onChange,
+    searchableProp = _a.searchable,
+    searchModeProp = _a.searchMode,
+    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,
+    virtual = _a.virtual,
+    itemHeight = _a.itemHeight,
+    height = _a.height,
+    _a$size = _a.size,
+    size = _a$size === void 0 ? 'md' : _a$size,
+    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", "size"]);
   var i18n = core.useLocaleContext();
   var placeholder = typeAssertion.isUndef(placeholderProp) ? i18n.get('treeSelect.placeholder') : placeholderProp;
   var _useUncontrolledToggl = useToggle.useUncontrolledToggle({
-    visible: visible,
-    disabled: disabled,
-    onOpen: onOpen,
-    onClose: onClose
-  }),
-      menuVisible = _useUncontrolledToggl[0],
-      menuVisibleAction = _useUncontrolledToggl[1];
+      visible: visible,
+      disabled: disabled,
+      onOpen: onOpen,
+      onClose: onClose
+    }),
+    menuVisible = _useUncontrolledToggl[0],
+    menuVisibleAction = _useUncontrolledToggl[1];
   /**
    * 转换对象
    */
   var getKeyFields = React.useCallback(function (node, key) {
     return node[fieldNames[key] || key];
   }, [fieldNames]);
@@ -133,7 +99,6 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       },
       transform: function transform(node) {
         var _a, _b;
         var flattedNode = node;
         var raw = node.raw;
         flattedNode.id = getKeyFields(raw, 'id');
@@ -143,50 +108,44 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
         return flattedNode;
       }
     });
-  }, [data, getKeyFields]); // TODO: 抽离展开hook
+  }, [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];
+      // 开启默认展开全部
+      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];
+    value = _useUncontrolledState2[0],
+    tryChangeValue = _useUncontrolledState2[1];
   var onSelect = React.useCallback(function (selectedId, selectedNode) {
     // 关闭反选功能
     if (selectedId) {
       tryChangeValue(selectedId, selectedNode);
       setSelectedItem(selectedNode);
-    } // 关闭弹窗
+    }
+    // 关闭弹窗
     menuVisibleAction.off();
-  }, [menuVisibleAction, tryChangeValue]); // 搜索时临时选中缓存数据
+  }, [menuVisibleAction, tryChangeValue]);
+  // 搜索时临时选中缓存数据
   var _useState = React.useState(null),
-      selectedItem = _useState[0],
-      setSelectedItem = _useState[1]; // ************************** 异步搜索 ************************* //
+    selectedItem = _useState[0],
+    setSelectedItem = _useState[1];
+  // ************************** 异步搜索 ************************* //
   // 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"]);
+      dataSource: dataSource
+    }),
+    loading = _b.loading,
+    hasError = _b.hasError,
+    dataSourceStrategy = tslib.__rest(_b, ["loading", "hasError"]);
   var customSearchStrategy = useSearchMode.useTreeCustomSearch({
     data: data,
     filterOption: filterOption
@@ -202,29 +161,25 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     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，自定义高亮展示
+      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, {
+    var ret = highlight ? /*#__PURE__*/React.createElement(highlighter.Highlighter, {
       keyword: searchValue
     }, node.title) : true;
     return ret;
@@ -241,18 +196,17 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       });
     } : tryChangeExpandedIds,
     render: proxyTitleRender
-  }; // 下拉菜单不能合并（因为树形数据，不知道是第几级）
+  };
+  // 下拉菜单不能合并（因为树形数据，不知道是第几级）
   var mergedData = React.useMemo(function () {
     if (selectedItem) {
       var nextData = [selectedItem].concat(flattedData);
       return arrayUtils.uniqBy(nextData, 'id');
     }
     return flattedData;
   }, [selectedItem, flattedData]);
   var cls = classname.cx(prefixCls, className);
-  return /*#__PURE__*/React__default["default"].createElement(picker.Picker, Object.assign({
+  return /*#__PURE__*/React.createElement(picker.Picker, Object.assign({
     ref: ref,
     className: cls
   }, rest, {
@@ -266,13 +220,15 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     searchable: searchable,
     onSearch: funcUtils.callAllFuncs(onSearchProp, onSearch),
     loading: rest.loading !== undefined ? rest.loading : loading,
-    trigger: /*#__PURE__*/React__default["default"].createElement(input.MockInput // disabled={disabled}
+    trigger: /*#__PURE__*/React.createElement(input.MockInput
+    // disabled={disabled}
     , {
       // disabled={disabled}
+      size: size,
       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.createElement(icons.UpOutlined, null) : /*#__PURE__*/React.createElement(icons.DownOutlined, null),
       focused: menuVisible,
       value: value,
       onChange: tryChangeValue,
@@ -281,7 +237,8 @@ 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.createElement(tree.Tree, Object.assign({
+    size: 'md',
     className: prefixCls + "__tree",
     selectable: true,
     selectedId: value,
@@ -295,9 +252,7 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     height: height
   }, treeProps)) : null);
 });
 if (env.__DEV__) {
   TreeSelect.displayName = 'TreeSelect';
 }
 exports.TreeSelect = TreeSelect;

package/lib/cjs/index.js CHANGED Viewed

@@ -12,10 +12,7 @@
 Object.defineProperty(exports, '__esModule', {
   value: true
 });
 require('./styles/index.scss.js');
 var TreeSelect = require('./TreeSelect.js');
 exports.TreeSelect = TreeSelect.TreeSelect;
 exports["default"] = TreeSelect.TreeSelect;

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

@@ -13,9 +13,6 @@ Object.defineProperty(exports, '__esModule', {
   value: true
 });
 var css_248z = "";
-var __styleInject__ = require('inject-head-style')["default"];
+var __styleInject__ = require('style-inject')["default"];
 __styleInject__(css_248z);
 exports["default"] = css_248z;

package/lib/esm/TreeSelect.js CHANGED Viewed

@@ -25,70 +25,67 @@ 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 []
+var DEFAULT_DATA = [];
+// const DEFAULT_VALUE = [] as []
 var DEFAULT_FIELD_NAMES = {};
 var DEFAULT_EXPANDED_IDS = [];
 /**
- * TODO: What is TreeSelect
+ * 树形选择器
  */
 var TreeSelect = /*#__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,
-      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,
-      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 ? '' : _a$defaultValue,
-      valueProp = _a.value,
-      onChange = _a.onChange,
-      searchableProp = _a.searchable,
-      searchModeProp = _a.searchMode,
-      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,
-      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"]);
+    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,
+    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,
+    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 ? '' : _a$defaultValue,
+    valueProp = _a.value,
+    onChange = _a.onChange,
+    searchableProp = _a.searchable,
+    searchModeProp = _a.searchMode,
+    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,
+    virtual = _a.virtual,
+    itemHeight = _a.itemHeight,
+    height = _a.height,
+    _a$size = _a.size,
+    size = _a$size === void 0 ? 'md' : _a$size,
+    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", "size"]);
   var i18n = useLocaleContext();
   var placeholder = isUndef(placeholderProp) ? i18n.get('treeSelect.placeholder') : placeholderProp;
   var _useUncontrolledToggl = useUncontrolledToggle({
-    visible: visible,
-    disabled: disabled,
-    onOpen: onOpen,
-    onClose: onClose
-  }),
-      menuVisible = _useUncontrolledToggl[0],
-      menuVisibleAction = _useUncontrolledToggl[1];
+      visible: visible,
+      disabled: disabled,
+      onOpen: onOpen,
+      onClose: onClose
+    }),
+    menuVisible = _useUncontrolledToggl[0],
+    menuVisibleAction = _useUncontrolledToggl[1];
   /**
    * 转换对象
    */
   var getKeyFields = useCallback(function (node, key) {
     return node[fieldNames[key] || key];
   }, [fieldNames]);
@@ -100,7 +97,6 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
       },
       transform: function transform(node) {
         var _a, _b;
         var flattedNode = node;
         var raw = node.raw;
         flattedNode.id = getKeyFields(raw, 'id');
@@ -110,50 +106,44 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
         return flattedNode;
       }
     });
-  }, [data, getKeyFields]); // TODO: 抽离展开hook
+  }, [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];
+      // 开启默认展开全部
+      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];
+    value = _useUncontrolledState2[0],
+    tryChangeValue = _useUncontrolledState2[1];
   var onSelect = useCallback(function (selectedId, selectedNode) {
     // 关闭反选功能
     if (selectedId) {
       tryChangeValue(selectedId, selectedNode);
       setSelectedItem(selectedNode);
-    } // 关闭弹窗
+    }
+    // 关闭弹窗
     menuVisibleAction.off();
-  }, [menuVisibleAction, tryChangeValue]); // 搜索时临时选中缓存数据
+  }, [menuVisibleAction, tryChangeValue]);
+  // 搜索时临时选中缓存数据
   var _useState = useState(null),
-      selectedItem = _useState[0],
-      setSelectedItem = _useState[1]; // ************************** 异步搜索 ************************* //
+    selectedItem = _useState[0],
+    setSelectedItem = _useState[1];
+  // ************************** 异步搜索 ************************* //
   // const { loading, hasError, loadRemoteData } = useDataSource({ dataSource, validate: isArray })
   var _b = useAsyncSearch({
-    dataSource: dataSource
-  }),
-      loading = _b.loading,
-      hasError = _b.hasError,
-      dataSourceStrategy = __rest(_b, ["loading", "hasError"]);
+      dataSource: dataSource
+    }),
+    loading = _b.loading,
+    hasError = _b.hasError,
+    dataSourceStrategy = __rest(_b, ["loading", "hasError"]);
   var customSearchStrategy = useTreeCustomSearch({
     data: data,
     filterOption: filterOption
@@ -169,27 +159,23 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
     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，自定义高亮展示
+      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
@@ -208,14 +194,13 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
       });
     } : tryChangeExpandedIds,
     render: proxyTitleRender
-  }; // 下拉菜单不能合并（因为树形数据，不知道是第几级）
+  };
+  // 下拉菜单不能合并（因为树形数据，不知道是第几级）
   var mergedData = useMemo(function () {
     if (selectedItem) {
       var nextData = [selectedItem].concat(flattedData);
       return uniqBy(nextData, 'id');
     }
     return flattedData;
   }, [selectedItem, flattedData]);
   var cls = cx(prefixCls, className);
@@ -233,9 +218,11 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
     searchable: searchable,
     onSearch: callAllFuncs(onSearchProp, onSearch),
     loading: rest.loading !== undefined ? rest.loading : loading,
-    trigger: /*#__PURE__*/React.createElement(MockInput // disabled={disabled}
+    trigger: /*#__PURE__*/React.createElement(MockInput
+    // disabled={disabled}
     , {
       // disabled={disabled}
+      size: size,
       clearable: clearable,
       placeholder: placeholder,
       displayRender: displayRenderProp,
@@ -249,6 +236,7 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
       appearance: appearance
     })
   }), isArrayNonEmpty(treeProps.data) ? /*#__PURE__*/React.createElement(Tree, Object.assign({
+    size: 'md',
     className: prefixCls + "__tree",
     selectable: true,
     selectedId: value,
@@ -262,9 +250,7 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
     height: height
   }, treeProps)) : null);
 });
 if (__DEV__) {
   TreeSelect.displayName = 'TreeSelect';
 }
 export { TreeSelect };

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

@@ -7,9 +7,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import __styleInject__ from 'inject-head-style';
+import __styleInject__ from 'style-inject';
 var css_248z = "";
 __styleInject__(css_248z);
 export { css_248z as default };

package/lib/types/TreeSelect.d.ts CHANGED Viewed

@@ -2,10 +2,10 @@ import React from 'react';
 import { TreeSelectDataItem } from './types';
 import { TreeNodeEventData } from '@hi-ui/tree';
 import { PickerProps } from '@hi-ui/picker';
-import { HiBaseAppearanceEnum } from '@hi-ui/core';
+import { HiBaseAppearanceEnum, HiBaseSizeEnum } 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' | 'scrollable'> {
@@ -120,4 +120,8 @@ export interface TreeSelectProps extends Omit<PickerProps, 'data' | 'onChange' |
      * 	设置 `true` 开启虚拟滚动
      */
     virtual?: boolean;
+    /**
+     * 设置尺寸
+     */
+    size?: HiBaseSizeEnum;
 }

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@hi-ui/tree-select",
-  "version": "4.0.11-beta.0",
+  "version": "4.1.1",
   "description": "A sub-package for @hi-ui/hiui.",
   "keywords": [],
   "author": "HiUI <mi-hiui@xiaomi.com>",
@@ -43,32 +43,31 @@
     "url": "https://github.com/XiaoMi/hiui/issues"
   },
   "dependencies": {
-    "@hi-ui/array-utils": "^4.0.1",
-    "@hi-ui/classname": "^4.0.1",
-    "@hi-ui/env": "^4.0.1",
-    "@hi-ui/func-utils": "^4.0.1",
-    "@hi-ui/highlighter": "^4.0.5",
-    "@hi-ui/icons": "^4.0.4",
-    "@hi-ui/input": "^4.0.6",
-    "@hi-ui/picker": "^4.0.7-beta.0",
-    "@hi-ui/popper": "^4.0.4",
-    "@hi-ui/tree": "^4.0.9",
-    "@hi-ui/tree-utils": "^4.0.2",
-    "@hi-ui/type-assertion": "^4.0.1",
-    "@hi-ui/use-data-source": "^4.0.1",
-    "@hi-ui/use-search-mode": "^4.0.7-beta.0",
-    "@hi-ui/use-toggle": "^4.0.1",
-    "@hi-ui/use-uncontrolled-state": "^4.0.1"
+    "@hi-ui/array-utils": "^4.0.2",
+    "@hi-ui/classname": "^4.0.2",
+    "@hi-ui/env": "^4.0.2",
+    "@hi-ui/func-utils": "^4.0.2",
+    "@hi-ui/highlighter": "^4.0.6",
+    "@hi-ui/icons": "^4.0.16",
+    "@hi-ui/input": "^4.0.11",
+    "@hi-ui/picker": "^4.1.2",
+    "@hi-ui/popper": "^4.1.1",
+    "@hi-ui/tree": "^4.5.6",
+    "@hi-ui/tree-utils": "^4.1.2",
+    "@hi-ui/type-assertion": "^4.0.2",
+    "@hi-ui/use-data-source": "^4.0.2",
+    "@hi-ui/use-search-mode": "^4.1.2",
+    "@hi-ui/use-toggle": "^4.0.2",
+    "@hi-ui/use-uncontrolled-state": "^4.0.2"
   },
   "peerDependencies": {
-    "@hi-ui/core": ">=4.0.0",
+    "@hi-ui/core": ">=4.0.6",
     "react": ">=16.8.6",
     "react-dom": ">=16.8.6"
   },
   "devDependencies": {
-    "@hi-ui/core": "^4.0.4",
-    "@hi-ui/core-css": "^4.0.1",
-    "@hi-ui/hi-build": "^4.0.1",
+    "@hi-ui/core": "^4.0.6",
+    "@hi-ui/core-css": "^4.1.3",
     "react": "^17.0.1",
     "react-dom": "^17.0.1"
   }