feat(check-select): 支持回车键不默认选中功能(#2969) (#2970)

* feat(check-select): 支持回车键不默认选中功能(#2969) * chore(check-select): 生成变更记录文件 * chore: update name --------- Co-authored-by: xiamiao <[email protected]>
XiaoMi · Aug 15, 2024 · 657d180 · 657d180
1 parent f7137e3
commit 657d180
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 1 deletion.
diff --git a/.changeset/eighty-kids-rest.md b/.changeset/eighty-kids-rest.md
@@ -0,0 +1,5 @@
+---
+"@hi-ui/hiui": patch
+---
+
+feat(check-select): 支持按 Enter 键是否选中当前项功能，checkedOnEntered 默认为 true
diff --git a/.changeset/yellow-plums-boil.md b/.changeset/yellow-plums-boil.md
@@ -0,0 +1,5 @@
+---
+"@hi-ui/check-select": minor
+---
+
+feat: 支持按 Enter 键是否选中当前项功能，checkedOnEntered 默认为 true
diff --git a/packages/ui/check-select/src/CheckSelect.tsx b/packages/ui/check-select/src/CheckSelect.tsx
@@ -73,6 +73,7 @@ export const CheckSelect = forwardRef<HTMLDivElement | null, CheckSelectProps>(
       renderExtraFooter,
       onSearch: onSearchProp,
       fieldNames = DEFAULT_FIELD_NAMES,
+      checkedOnEntered = true,
       customRender,
       tagInputProps,
       size = 'md',
@@ -223,7 +224,7 @@ export const CheckSelect = forwardRef<HTMLDivElement | null, CheckSelectProps>(
     const handleKeyDown = useLatestCallback((evt: React.KeyboardEvent) => {
       const { key } = evt
 
-      if (key === 'Enter') {
+      if (key === 'Enter' && checkedOnEntered) {
         const focusedItem = showData[focusedIndex]
 
         if (focusedItem) {
@@ -492,6 +493,10 @@ export interface CheckSelectProps
    * 是否开启查看仅已选功能
    */
   showOnlyShowChecked?: boolean
+  /**
+   * 按Enter键是否选中当前项
+   */
+  checkedOnEntered?: boolean
   /**
    * 自定义渲染选中的内容
    */