diff --git a/.changeset/eighty-kids-rest.md b/.changeset/eighty-kids-rest.md new file mode 100644 index 000000000..a8d1d5fae --- /dev/null +++ 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 new file mode 100644 index 000000000..efa16b23a --- /dev/null +++ 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 index 2d6f7c2a9..aea4cd6f9 100644 --- a/packages/ui/check-select/src/CheckSelect.tsx +++ b/packages/ui/check-select/src/CheckSelect.tsx @@ -73,6 +73,7 @@ export const CheckSelect = forwardRef( renderExtraFooter, onSearch: onSearchProp, fieldNames = DEFAULT_FIELD_NAMES, + checkedOnEntered = true, customRender, tagInputProps, size = 'md', @@ -223,7 +224,7 @@ export const CheckSelect = forwardRef( 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 /** * 自定义渲染选中的内容 */