@hi-ui/check-select 4.1.1 → 4.1.2

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @hi-ui/check-select
 
+## 4.1.2
+
+### Patch Changes
+
+- [#2411](https://github.com/XiaoMi/hiui/pull/2411) [`f7d1257ad`](https://github.com/XiaoMi/hiui/commit/f7d1257ad2006fd40cabb2d16f1fde77677f3117) Thanks [@zyprepare](https://github.com/zyprepare)! - 体验优化: 大数据列表中,打开下拉列表时有一次滚动条提示
+
+- Updated dependencies [[`f7d1257ad`](https://github.com/XiaoMi/hiui/commit/f7d1257ad2006fd40cabb2d16f1fde77677f3117)]:
+  - @hi-ui/icons@4.0.6
+
 ## 4.1.1
 
 ### Patch Changes

package/lib/cjs/CheckSelect.js

@@ -296,6 +296,15 @@ var CheckSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       inVirtual = _useCheckInVirtual.inVirtual;
 
   var cls = classname.cx(prefixCls, className, prefixCls + "--" + (menuVisible ? 'open' : 'closed'));
+  var listRef = React.useRef(null);
+  React.useEffect(function () {
+    var _a; // 每次打开时触发一次滚动条显示
+
+
+    if (menuVisible) {
+      (_a = listRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo(undefined);
+    }
+  }, [menuVisible]);
   return /*#__PURE__*/React__default["default"].createElement(context.CheckSelectProvider, {
     value: context$1
   }, /*#__PURE__*/React__default["default"].createElement(picker.Picker, Object.assign({
@@ -370,6 +379,7 @@ var CheckSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       }
     })
   }), typeAssertion.isArrayNonEmpty(dropdownItems) ? /*#__PURE__*/React__default["default"].createElement(VirtualList__default["default"], Object.assign({
+    ref: listRef,
     itemKey: "id",
     fullHeight: false
   }, virtualListProps), function (node) {

package/lib/esm/CheckSelect.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, useRef } from 'react';
+import React, { forwardRef, useCallback, useMemo, useState, useRef, useEffect } from 'react';
 import { getPrefixCls, cx } from '@hi-ui/classname';
 import { __DEV__ } from '@hi-ui/env';
 import { useCheckSelect } from './use-check-select.js';
@@ -254,6 +254,15 @@ var CheckSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
       inVirtual = _useCheckInVirtual.inVirtual;
 
   var cls = cx(prefixCls, className, prefixCls + "--" + (menuVisible ? 'open' : 'closed'));
+  var listRef = useRef(null);
+  useEffect(function () {
+    var _a; // 每次打开时触发一次滚动条显示
+
+
+    if (menuVisible) {
+      (_a = listRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo(undefined);
+    }
+  }, [menuVisible]);
   return /*#__PURE__*/React.createElement(CheckSelectProvider, {
     value: context
   }, /*#__PURE__*/React.createElement(Picker, Object.assign({
@@ -328,6 +337,7 @@ var CheckSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
       }
     })
   }), isArrayNonEmpty(dropdownItems) ? /*#__PURE__*/React.createElement(VirtualList, Object.assign({
+    ref: listRef,
     itemKey: "id",
     fullHeight: false
   }, virtualListProps), function (node) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hi-ui/check-select",
-  "version": "4.1.1",
+  "version": "4.1.2",
   "description": "A sub-package for @hi-ui/hiui.",
   "keywords": [],
   "author": "HiUI <mi-hiui@xiaomi.com>",
@@ -49,7 +49,7 @@
     "@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/icons": "^4.0.6",
     "@hi-ui/input": "^4.0.6",
     "@hi-ui/picker": "^4.0.6",
     "@hi-ui/popper": "^4.0.4",