fix(Input): support onPressEnter (#1476)

Co-authored-by: Zhang Rui <zhangrui@growingio.com>

src/input/Input.tsx

@@ -1,4 +1,4 @@
-import React, { useMemo } from 'react';
+import React, { useCallback, useMemo } from 'react';
 import classNames from 'classnames';
 import { InputProps } from './interface';
 import usePrefixCls from '../utils/hooks/use-prefix-cls';
@@ -12,6 +12,8 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>((props, ref) => {
     disabled,
     className,
     placeholder,
+    onPressEnter,
+    onKeyPress,
     ...rest
   } = props;
 
@@ -35,6 +37,16 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>((props, ref) => {
     [prefixCls, customizeSuffix, customizePrefix]
   );
 
+  const handleKeyPress = useCallback(
+    (e: React.KeyboardEvent<HTMLInputElement>) => {
+      if (e.key === 'Enter') {
+        onPressEnter?.(e);
+      }
+      onKeyPress?.(e);
+    },
+    [onPressEnter, onKeyPress]
+  );
+
   const prefixFcCls = useMemo(
     () =>
       classNames(`${prefixCls}__prefix`, {
@@ -60,7 +72,16 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>((props, ref) => {
     () => (customizeSuffix ? <div className={suffixCls}>{customizeSuffix}</div> : null),
     [suffixCls, customizeSuffix]
   );
-  const input = <input {...rest} disabled={disabled} className={inputClass} placeholder={placeholder} ref={ref} />;
+  const input = (
+    <input
+      {...rest}
+      disabled={disabled}
+      className={inputClass}
+      onKeyPress={handleKeyPress}
+      placeholder={placeholder}
+      ref={ref}
+    />
+  );
 
   if (!suffix && !prefix) {
     return input;

src/input/interface.ts

@@ -20,6 +20,11 @@ export interface BaseInputProps
    * input 的后缀图标
    */
   suffix?: React.ReactNode;
+
+  /**
+   * 当点击回车键时调用
+   */
+  onPressEnter?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
 }
 
 export interface InputProps extends Omit<BaseInputProps, 'onChange'> {
@@ -136,6 +141,7 @@ export interface InputButtonProps
    * 当Input Button的值修改后的方法
    */
   onInputChange?: (value: string) => void;
+
   /**
    * 点击onClear回调
    *

src/popover/interface.ts

@@ -48,7 +48,7 @@ export interface PopoverProps {
   /**
    被包裹的元素
    */
-  children: React.ReactElement | string;
+  children: React.ReactNode;
 
   placement?: Placement;
   trigger?: TriggerAction | TriggerAction[];

src/tooltip/interface.ts

@@ -16,5 +16,5 @@ export interface TooltipProps extends Omit<PopoverProps, 'content'> {
   /**
    被包裹的元素
    */
-  children: React.ReactElement;
+  children: React.ReactNode;
 }