@hi-ui/check-select 4.4.3 → 4.5.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @hi-ui/check-select
 
+## 4.5.0
+
+### Minor Changes
+
+- [#2970](https://github.com/XiaoMi/hiui/pull/2970) [`657d180`](https://github.com/XiaoMi/hiui/commit/657d1802ac424e2498f9036047cc74a34659d5d6) Thanks [@xiamiao1121](https://github.com/xiamiao1121)! - feat: 支持按 Enter 键是否选中当前项功能，checkedOnEntered 默认为 true
+
+## 4.4.4
+
+### Patch Changes
+
+- [#2828](https://github.com/XiaoMi/hiui/pull/2828) [`b8679ce3e`](https://github.com/XiaoMi/hiui/commit/b8679ce3e7fab435fd126901e6e8b23268bcf712) Thanks [@xiamiao1121](https://github.com/xiamiao1121)! - fix: 修复异步搜索中，搜索结果中关键字没有高亮显示问题
+
+- Updated dependencies [[`3afbf239e`](https://github.com/XiaoMi/hiui/commit/3afbf239e816ede48d6a85cbd99b6b099b8c8eb3)]:
+  - @hi-ui/env@4.0.7
+
 ## 4.4.3
 
 ### Patch Changes

package/lib/cjs/CheckSelect.js

@@ -86,6 +86,8 @@ var CheckSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     onSearchProp = _a.onSearch,
     _a$fieldNames = _a.fieldNames,
     fieldNames = _a$fieldNames === void 0 ? DEFAULT_FIELD_NAMES : _a$fieldNames,
+    _a$checkedOnEntered = _a.checkedOnEntered,
+    checkedOnEntered = _a$checkedOnEntered === void 0 ? true : _a$checkedOnEntered,
     customRender = _a.customRender,
     tagInputProps = _a.tagInputProps,
     _a$size = _a.size,
@@ -94,7 +96,7 @@ var CheckSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     suffix = _a.suffix,
     onKeyDownProp = _a.onKeyDown,
     keywordProp = _a.keyword,
-    rest = tslib.__rest(_a, ["prefixCls", "role", "className", "children", "disabled", "clearable", "showCheckAll", "showOnlyShowChecked", "placeholder", "displayRender", "onSelect", "height", "itemHeight", "virtual", "visible", "onOpen", "onClose", "onClear", "appearance", "invalid", "dataSource", "filterOption", "searchable", "render", "renderExtraFooter", "onSearch", "fieldNames", "customRender", "tagInputProps", "size", "prefix", "suffix", "onKeyDown", "keyword"]);
+    rest = tslib.__rest(_a, ["prefixCls", "role", "className", "children", "disabled", "clearable", "showCheckAll", "showOnlyShowChecked", "placeholder", "displayRender", "onSelect", "height", "itemHeight", "virtual", "visible", "onOpen", "onClose", "onClear", "appearance", "invalid", "dataSource", "filterOption", "searchable", "render", "renderExtraFooter", "onSearch", "fieldNames", "checkedOnEntered", "customRender", "tagInputProps", "size", "prefix", "suffix", "onKeyDown", "keyword"]);
   var i18n = core.useLocaleContext();
   var placeholder = typeAssertion.isUndef(placeholderProp) ? i18n.get('checkSelect.placeholder') : placeholderProp;
   // ************************** Picker ************************* //
@@ -164,7 +166,7 @@ var CheckSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
       if (_ret && _ret !== true) return _ret;
     }
     // 本地搜索执行默认高亮规则
-    var highlight = !!searchValue && searchMode === 'filter';
+    var highlight = !!searchValue && (searchMode === 'filter' || searchMode === 'dataSource');
     var ret = highlight ? ( /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
       checked: node.checked,
       disabled: node.disabled
@@ -238,7 +240,7 @@ var CheckSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
     setFocusedIndex = _useState2[1];
   var handleKeyDown = useLatest.useLatestCallback(function (evt) {
     var key = evt.key;
-    if (key === 'Enter') {
+    if (key === 'Enter' && checkedOnEntered) {
       var focusedItem = showData[focusedIndex];
       if (focusedItem) {
         onSelect(focusedItem, !isCheckedId(focusedItem.id));

package/lib/esm/CheckSelect.js

@@ -72,6 +72,8 @@ var CheckSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
     onSearchProp = _a.onSearch,
     _a$fieldNames = _a.fieldNames,
     fieldNames = _a$fieldNames === void 0 ? DEFAULT_FIELD_NAMES : _a$fieldNames,
+    _a$checkedOnEntered = _a.checkedOnEntered,
+    checkedOnEntered = _a$checkedOnEntered === void 0 ? true : _a$checkedOnEntered,
     customRender = _a.customRender,
     tagInputProps = _a.tagInputProps,
     _a$size = _a.size,
@@ -80,7 +82,7 @@ var CheckSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
     suffix = _a.suffix,
     onKeyDownProp = _a.onKeyDown,
     keywordProp = _a.keyword,
-    rest = __rest(_a, ["prefixCls", "role", "className", "children", "disabled", "clearable", "showCheckAll", "showOnlyShowChecked", "placeholder", "displayRender", "onSelect", "height", "itemHeight", "virtual", "visible", "onOpen", "onClose", "onClear", "appearance", "invalid", "dataSource", "filterOption", "searchable", "render", "renderExtraFooter", "onSearch", "fieldNames", "customRender", "tagInputProps", "size", "prefix", "suffix", "onKeyDown", "keyword"]);
+    rest = __rest(_a, ["prefixCls", "role", "className", "children", "disabled", "clearable", "showCheckAll", "showOnlyShowChecked", "placeholder", "displayRender", "onSelect", "height", "itemHeight", "virtual", "visible", "onOpen", "onClose", "onClear", "appearance", "invalid", "dataSource", "filterOption", "searchable", "render", "renderExtraFooter", "onSearch", "fieldNames", "checkedOnEntered", "customRender", "tagInputProps", "size", "prefix", "suffix", "onKeyDown", "keyword"]);
   var i18n = useLocaleContext();
   var placeholder = isUndef(placeholderProp) ? i18n.get('checkSelect.placeholder') : placeholderProp;
   // ************************** Picker ************************* //
@@ -150,7 +152,7 @@ var CheckSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
       if (_ret && _ret !== true) return _ret;
     }
     // 本地搜索执行默认高亮规则
-    var highlight = !!searchValue && searchMode === 'filter';
+    var highlight = !!searchValue && (searchMode === 'filter' || searchMode === 'dataSource');
     var ret = highlight ? ( /*#__PURE__*/React.createElement(Checkbox, {
       checked: node.checked,
       disabled: node.disabled
@@ -224,7 +226,7 @@ var CheckSelect = /*#__PURE__*/forwardRef(function (_a, ref) {
     setFocusedIndex = _useState2[1];
   var handleKeyDown = useLatestCallback(function (evt) {
     var key = evt.key;
-    if (key === 'Enter') {
+    if (key === 'Enter' && checkedOnEntered) {
       var focusedItem = showData[focusedIndex];
       if (focusedItem) {
         onSelect(focusedItem, !isCheckedId(focusedItem.id));

package/lib/types/CheckSelect.d.ts

@@ -102,6 +102,10 @@ export interface CheckSelectProps extends Omit<PickerProps, 'trigger' | 'scrolla
      * 是否开启查看仅已选功能
      */
     showOnlyShowChecked?: boolean;
+    /**
+     * 按Enter键是否选中当前项
+     */
+    checkedOnEntered?: boolean;
     /**
      * 自定义渲染选中的内容
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hi-ui/check-select",
-  "version": "4.4.3",
+  "version": "4.5.0",
   "description": "A sub-package for @hi-ui/hiui.",
   "keywords": [],
   "author": "HiUI <mi-hiui@xiaomi.com>",
@@ -47,7 +47,7 @@
     "@hi-ui/checkbox": "^4.0.10",
     "@hi-ui/classname": "^4.0.5",
     "@hi-ui/dom-utils": "^4.0.7",
-    "@hi-ui/env": "^4.0.5",
+    "@hi-ui/env": "^4.0.7",
     "@hi-ui/func-utils": "^4.0.4",
     "@hi-ui/highlighter": "^4.0.9",
     "@hi-ui/icons": "^4.0.19",