@hi-ui/check-cascader 4.4.0 → 4.4.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 (4) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/lib/cjs/CheckCascader.js +9 -0
  3. package/lib/esm/CheckCascader.js +10 -1
  4. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,15 @@
1
1
  # @hi-ui/check-cascader
2
2
 
3
+ ## 4.4.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [#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)
8
+
9
+ - Updated dependencies [[`80a909d2d`](https://github.com/XiaoMi/hiui/commit/80a909d2dae99d68d71f2ec6f4b210080d032ec0)]:
10
+ - @hi-ui/picker@4.1.8
11
+ - @hi-ui/popper@4.1.7
12
+
3
13
  ## 4.4.0
4
14
 
5
15
  ### Minor Changes
package/lib/cjs/CheckCascader.js CHANGED
@@ -88,6 +88,7 @@ var CheckCascader = /*#__PURE__*/React.forwardRef(function (_a, ref) {
88
88
  fieldNames = _a.fieldNames,
89
89
  rest = tslib.__rest(_a, ["prefixCls", "className", "defaultValue", "value", "onChange", "data", "placeholder", "clearable", "onClear", "onSelect", "expandTrigger", "disabled", "emptyContent", "changeOnSelect", "render", "displayRender", "checkCascaded", "searchPlaceholder", "onLoadChildren", "appearance", "invalid", "filterOption", "searchable", "keyword", "onSearch", "overlayClassName", "type", "checkedMode", "visible", "onOpen", "onClose", "tagInputProps", "size", "prefix", "suffix", "renderExtraFooter", "dropdownColumnRender", "customRender", "fieldNames"]);
90
90
  var i18n = core.useLocaleContext();
91
+ var pickerInnerRef = React.useRef(null);
91
92
  var placeholder = typeAssertion.isUndef(placeholderProp) ? i18n.get('checkCascader.placeholder') : placeholderProp;
92
93
  var flatted = type === 'flatted';
93
94
  var _useUncontrolledToggl = useToggle.useUncontrolledToggle({
@@ -205,8 +206,16 @@ var CheckCascader = /*#__PURE__*/React.forwardRef(function (_a, ref) {
205
206
  return flattedDataMap.get(selectedId);
206
207
  });
207
208
  }, [flattedDataMap, value]);
209
+ React.useEffect(function () {
210
+ var _a;
211
+ if (menuVisible) {
212
+ // 数据改变时更新弹窗显示位置，避免弹窗内容被遮挡
213
+ (_a = pickerInnerRef.current) === null || _a === void 0 ? void 0 : _a.update();
214
+ }
215
+ }, [menuVisible, selectProps.data]);
208
216
  return /*#__PURE__*/React__default["default"].createElement(picker.Picker, Object.assign({
209
217
  ref: ref,
218
+ innerRef: pickerInnerRef,
210
219
  className: cls,
211
220
  overlayClassName: classname.cx(prefixCls + "__popper", overlayClassName)
212
221
  }, rest, {
package/lib/esm/CheckCascader.js CHANGED
@@ -8,7 +8,7 @@
8
8
  * LICENSE file in the root directory of this source tree.
9
9
  */
10
10
  import { __rest } from 'tslib';
11
- import React, { forwardRef, useMemo, useCallback } from 'react';
11
+ import React, { forwardRef, useRef, useMemo, useCallback, useEffect } from 'react';
12
12
  import { getPrefixCls, cx } from '@hi-ui/classname';
13
13
  import { __DEV__ } from '@hi-ui/env';
14
14
  import { useUncontrolledToggle } from '@hi-ui/use-toggle';
@@ -76,6 +76,7 @@ var CheckCascader = /*#__PURE__*/forwardRef(function (_a, ref) {
76
76
  fieldNames = _a.fieldNames,
77
77
  rest = __rest(_a, ["prefixCls", "className", "defaultValue", "value", "onChange", "data", "placeholder", "clearable", "onClear", "onSelect", "expandTrigger", "disabled", "emptyContent", "changeOnSelect", "render", "displayRender", "checkCascaded", "searchPlaceholder", "onLoadChildren", "appearance", "invalid", "filterOption", "searchable", "keyword", "onSearch", "overlayClassName", "type", "checkedMode", "visible", "onOpen", "onClose", "tagInputProps", "size", "prefix", "suffix", "renderExtraFooter", "dropdownColumnRender", "customRender", "fieldNames"]);
78
78
  var i18n = useLocaleContext();
79
+ var pickerInnerRef = useRef(null);
79
80
  var placeholder = isUndef(placeholderProp) ? i18n.get('checkCascader.placeholder') : placeholderProp;
80
81
  var flatted = type === 'flatted';
81
82
  var _useUncontrolledToggl = useUncontrolledToggle({
@@ -193,8 +194,16 @@ var CheckCascader = /*#__PURE__*/forwardRef(function (_a, ref) {
193
194
  return flattedDataMap.get(selectedId);
194
195
  });
195
196
  }, [flattedDataMap, value]);
197
+ useEffect(function () {
198
+ var _a;
199
+ if (menuVisible) {
200
+ // 数据改变时更新弹窗显示位置，避免弹窗内容被遮挡
201
+ (_a = pickerInnerRef.current) === null || _a === void 0 ? void 0 : _a.update();
202
+ }
203
+ }, [menuVisible, selectProps.data]);
196
204
  return /*#__PURE__*/React.createElement(Picker, Object.assign({
197
205
  ref: ref,
206
+ innerRef: pickerInnerRef,
198
207
  className: cls,
199
208
  overlayClassName: cx(prefixCls + "__popper", overlayClassName)
200
209
  }, rest, {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hi-ui/check-cascader",
3
- "version": "4.4.0",
3
+ "version": "4.4.1",
4
4
  "description": "A sub-package for @hi-ui/hiui.",
5
5
  "keywords": [],
6
6
  "author": "HiUI <mi-hiui@xiaomi.com>",
@@ -51,8 +51,8 @@
51
51
  "@hi-ui/func-utils": "^4.0.4",
52
52
  "@hi-ui/icons": "^4.0.19",
53
53
  "@hi-ui/input": "^4.4.0",
54
- "@hi-ui/picker": "^4.1.6",
55
- "@hi-ui/popper": "^4.1.5",
54
+ "@hi-ui/picker": "^4.1.8",
55
+ "@hi-ui/popper": "^4.1.7",
56
56
  "@hi-ui/spinner": "^4.0.9",
57
57
  "@hi-ui/tag-input": "^4.1.3",
58
58
  "@hi-ui/times": "^4.0.4",