@hi-ui/tree-select 4.2.1 → 4.3.1

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @hi-ui/tree-select
 
+## 4.3.1
+
+### Patch Changes
+
+- [#3196](https://github.com/XiaoMi/hiui/pull/3196) [`80a909d2d`](https://github.com/XiaoMi/hiui/commit/80a909d2dae99d68d71f2ec6f4b210080d032ec0) Thanks [@KEH3](https://github.com/KEH3)! - fix(popper): ref 中增加更新位置方法解决上游组件弹窗被遮挡问题 (#3195)
+
+- Updated dependencies [[`80a909d2d`](https://github.com/XiaoMi/hiui/commit/80a909d2dae99d68d71f2ec6f4b210080d032ec0)]:
+  - @hi-ui/picker@4.1.8
+  - @hi-ui/popper@4.1.7
+
+## 4.3.0
+
+### Minor Changes
+
+- [#3172](https://github.com/XiaoMi/hiui/pull/3172) [`a883d8e19`](https://github.com/XiaoMi/hiui/commit/a883d8e197446ef0e7cefcc5cc44d21ed1d0807f) Thanks [@zyprepare](https://github.com/zyprepare)! - feat(mock-input): 增加 onClear 参数 (#3171)
+
+### Patch Changes
+
+- Updated dependencies [[`7bf0630`](https://github.com/XiaoMi/hiui/commit/7bf063053a73923af41c33370c31371325206276), [`a883d8e19`](https://github.com/XiaoMi/hiui/commit/a883d8e197446ef0e7cefcc5cc44d21ed1d0807f)]:
+  - @hi-ui/highlighter@4.1.2
+  - @hi-ui/input@4.4.0
+
 ## 4.2.1
 
 ### Patch Changes

package/lib/cjs/TreeSelect.js

@@ -76,6 +76,7 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     keywordProp = _a.keyword,
     onSearchProp = _a.onSearch,
     clearable = _a.clearable,
+    onClear = _a.onClear,
     invalid = _a.invalid,
     displayRenderProp = _a.displayRender,
     placeholderProp = _a.placeholder,
@@ -88,8 +89,9 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     prefix = _a.prefix,
     suffix = _a.suffix,
     customRender = _a.customRender,
-    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", "keyword", "onSearch", "clearable", "invalid", "displayRender", "placeholder", "appearance", "virtual", "itemHeight", "height", "size", "prefix", "suffix", "customRender"]);
+    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", "keyword", "onSearch", "clearable", "onClear", "invalid", "displayRender", "placeholder", "appearance", "virtual", "itemHeight", "height", "size", "prefix", "suffix", "customRender"]);
   var i18n = core.useLocaleContext();
+  var pickerInnerRef = React.useRef(null);
   var placeholder = typeAssertion.isUndef(placeholderProp) ? i18n.get('treeSelect.placeholder') : placeholderProp;
   var _useUncontrolledToggl = useToggle.useUncontrolledToggle({
       visible: visible,
@@ -221,8 +223,16 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     return flattedData;
   }, [selectedItem, flattedData]);
   var cls = classname.cx(prefixCls, className);
+  React.useEffect(function () {
+    var _a;
+    if (menuVisible) {
+      // 数据改变时更新弹窗显示位置，避免弹窗内容被遮挡
+      (_a = pickerInnerRef.current) === null || _a === void 0 ? void 0 : _a.update();
+    }
+  }, [menuVisible, treeProps.expandedIds]);
   return /*#__PURE__*/React__default["default"].createElement(picker.Picker, Object.assign({
     ref: ref,
+    innerRef: pickerInnerRef,
     className: cls
   }, rest, {
     visible: menuVisible,
@@ -242,6 +252,7 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       // disabled={disabled}
       size: size,
       clearable: clearable,
+      onClear: onClear,
       placeholder: placeholder,
       displayRender: displayRenderProp,
       prefix: prefix,

package/lib/esm/TreeSelect.js

@@ -8,7 +8,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { __rest } from 'tslib';
-import React, { forwardRef, useCallback, useMemo, useState } from 'react';
+import React, { forwardRef, useRef, useCallback, useMemo, useState, useEffect } from 'react';
 import { getPrefixCls, cx } from '@hi-ui/classname';
 import { __DEV__ } from '@hi-ui/env';
 import { useUncontrolledToggle } from '@hi-ui/use-toggle';
@@ -64,6 +64,7 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
     keywordProp = _a.keyword,
     onSearchProp = _a.onSearch,
     clearable = _a.clearable,
+    onClear = _a.onClear,
     invalid = _a.invalid,
     displayRenderProp = _a.displayRender,
     placeholderProp = _a.placeholder,
@@ -76,8 +77,9 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
     prefix = _a.prefix,
     suffix = _a.suffix,
     customRender = _a.customRender,
-    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", "keyword", "onSearch", "clearable", "invalid", "displayRender", "placeholder", "appearance", "virtual", "itemHeight", "height", "size", "prefix", "suffix", "customRender"]);
+    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", "keyword", "onSearch", "clearable", "onClear", "invalid", "displayRender", "placeholder", "appearance", "virtual", "itemHeight", "height", "size", "prefix", "suffix", "customRender"]);
   var i18n = useLocaleContext();
+  var pickerInnerRef = useRef(null);
   var placeholder = isUndef(placeholderProp) ? i18n.get('treeSelect.placeholder') : placeholderProp;
   var _useUncontrolledToggl = useUncontrolledToggle({
       visible: visible,
@@ -209,8 +211,16 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
     return flattedData;
   }, [selectedItem, flattedData]);
   var cls = cx(prefixCls, className);
+  useEffect(function () {
+    var _a;
+    if (menuVisible) {
+      // 数据改变时更新弹窗显示位置，避免弹窗内容被遮挡
+      (_a = pickerInnerRef.current) === null || _a === void 0 ? void 0 : _a.update();
+    }
+  }, [menuVisible, treeProps.expandedIds]);
   return /*#__PURE__*/React.createElement(Picker, Object.assign({
     ref: ref,
+    innerRef: pickerInnerRef,
     className: cls
   }, rest, {
     visible: menuVisible,
@@ -230,6 +240,7 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
       // disabled={disabled}
       size: size,
       clearable: clearable,
+      onClear: onClear,
       placeholder: placeholder,
       displayRender: displayRenderProp,
       prefix: prefix,

package/lib/types/TreeSelect.d.ts

@@ -102,6 +102,10 @@ export interface TreeSelectProps extends Omit<PickerProps, 'data' | 'onChange' |
      * 是否可清空
      */
     clearable?: boolean;
+    /**
+     * 点击关闭按钮时触发
+     */
+    onClear?: () => void;
     /**
      * 设置展现形式
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hi-ui/tree-select",
-  "version": "4.2.1",
+  "version": "4.3.1",
   "description": "A sub-package for @hi-ui/hiui.",
   "keywords": [],
   "author": "HiUI <mi-hiui@xiaomi.com>",
@@ -47,11 +47,11 @@
     "@hi-ui/classname": "^4.0.5",
     "@hi-ui/env": "^4.0.5",
     "@hi-ui/func-utils": "^4.0.4",
-    "@hi-ui/highlighter": "^4.0.9",
+    "@hi-ui/highlighter": "^4.1.2",
     "@hi-ui/icons": "^4.0.19",
-    "@hi-ui/input": "^4.1.1",
-    "@hi-ui/picker": "^4.1.6",
-    "@hi-ui/popper": "^4.1.5",
+    "@hi-ui/input": "^4.4.0",
+    "@hi-ui/picker": "^4.1.8",
+    "@hi-ui/popper": "^4.1.7",
     "@hi-ui/tree": "^4.6.1",
     "@hi-ui/tree-utils": "^4.1.4",
     "@hi-ui/type-assertion": "^4.0.4",