chore: adjust omit position

src/SelectInput/Content/MultipleContent.tsx

@@ -1,11 +1,15 @@
 import * as React from 'react';
 import Input from '../Input';
 import { useSelectInputContext } from '../context';
+import type { SharedContentProps } from '.';
 
 // This is just a placeholder, do not code any logic here
 
-export default React.forwardRef<HTMLInputElement>(function MultipleContent(_, ref) {
-  const { prefixCls, displayValues: value, maxLength } = useSelectInputContext();
+export default React.forwardRef<HTMLInputElement, SharedContentProps>(function MultipleContent(
+  { inputProps },
+  ref,
+) {
+  const { prefixCls, displayValues: value, maxLength, mode } = useSelectInputContext();
 
   // For multiple mode, we show all values as a comma-separated string
   const displayValue = value
@@ -14,7 +18,12 @@ export default React.forwardRef<HTMLInputElement>(function MultipleContent(_, re
 
   return (
     <div className={`${prefixCls}-content`}>
-      <Input ref={ref} value={displayValue} maxLength={maxLength} />
+      <Input
+        ref={ref}
+        {...inputProps}
+        value={displayValue}
+        maxLength={mode === 'combobox' ? maxLength : undefined}
+      />
     </div>
   );
 });

src/SelectInput/Content/SingleContent.tsx

@@ -2,9 +2,13 @@ import * as React from 'react';
 import Input from '../Input';
 import { useSelectInputContext } from '../context';
 import Placeholder from './Placeholder';
+import type { SharedContentProps } from '.';
 
-export default React.forwardRef<HTMLInputElement>(function SingleContent(_, ref) {
-  const { prefixCls, searchValue, displayValues, maxLength } = useSelectInputContext();
+export default React.forwardRef<HTMLInputElement, SharedContentProps>(function SingleContent(
+  { inputProps },
+  ref,
+) {
+  const { prefixCls, searchValue, displayValues, maxLength, mode } = useSelectInputContext();
 
   const displayValue = displayValues[0];
 
@@ -22,7 +26,12 @@ export default React.forwardRef<HTMLInputElement>(function SingleContent(_, ref)
       ) : (
         <Placeholder />
       )}
-      <Input ref={ref} value={searchValue} maxLength={maxLength} />
+      <Input
+        ref={ref}
+        {...inputProps}
+        value={searchValue}
+        maxLength={mode === 'combobox' ? maxLength : undefined}
+      />
     </div>
   );
 });

src/SelectInput/Content/index.tsx

@@ -3,14 +3,22 @@ import SingleContent from './SingleContent';
 import MultipleContent from './MultipleContent';
 import { useSelectInputContext } from '../context';
 
+export interface SharedContentProps {
+  inputProps: React.HTMLAttributes<HTMLInputElement>;
+}
+
 const SelectContent = React.forwardRef<HTMLInputElement>(function SelectContent(_, ref) {
-  const { multiple } = useSelectInputContext();
+  const { multiple, onInputKeyDown } = useSelectInputContext();
+
+  const sharedInputProps: SharedContentProps['inputProps'] = {
+    onKeyDown: onInputKeyDown,
+  };
 
   if (multiple) {
-    return <MultipleContent ref={ref} />;
+    return <MultipleContent ref={ref} inputProps={sharedInputProps} />;
   }
 
-  return <SingleContent ref={ref} />;
+  return <SingleContent ref={ref} inputProps={sharedInputProps} />;
 });
 
 export default SelectContent;

src/SelectInput/Input.tsx

@@ -112,7 +112,6 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>((props, ref) => {
       ref={ref}
       autoFocus={autoFocus}
       className={inputCls}
-      maxLength={mode === 'combobox' ? maxLength : undefined}
       onChange={handleChange}
       onKeyDown={handleKeyDown}
       onBlur={handleBlur}

src/SelectInput/context.ts

@@ -1,19 +1,7 @@
-import type { DisplayValueType, Mode } from '../interface';
 import * as React from 'react';
+import type { SelectInputProps } from '.';
 
-export interface ContentContextProps {
-  prefixCls: string;
-  multiple: boolean;
-  displayValues: DisplayValueType[];
-  placeholder: React.ReactNode;
-  searchValue: string;
-  maxLength?: number;
-  autoFocus?: boolean;
-  mode: Mode;
-  onSearch: (searchText: string, fromTyping: boolean, isCompositing: boolean) => void;
-  onSearchSubmit: (searchText: string) => void;
-  onInputBlur: () => void;
-}
+export type ContentContextProps = SelectInputProps;
 
 const SelectInputContext = React.createContext<ContentContextProps>(null!);
 

src/SelectInput/index.tsx

@@ -4,22 +4,6 @@ import Affix from './Affix';
 import SelectContent from './Content';
 import SelectInputContext, { type ContentContextProps } from './context';
 import type { DisplayValueType, Mode } from '../interface';
-import useBaseProps from '../hooks/useBaseProps';
-import { omit, useEvent } from '@rc-component/util';
-
-const DEFAULT_OMIT_PROPS = [
-  'value',
-  'onChange',
-  'removeIcon',
-  'placeholder',
-  'maxTagCount',
-  'maxTagTextLength',
-  'maxTagPlaceholder',
-  'choiceTransitionName',
-  'onInputKeyDown',
-  'onPopupScroll',
-  'tabIndex',
-] as const;
 
 export interface SelectInputRef {
   focus: (options?: FocusOptions) => void;
@@ -41,12 +25,30 @@ export interface SelectInputProps extends Omit<React.HTMLAttributes<HTMLDivEleme
   onSearchSubmit?: (searchText: string) => void;
   onInputBlur?: () => void;
   onClearMouseDown?: React.MouseEventHandler<HTMLElement>;
+  onInputKeyDown?: React.KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement>;
   maxLength?: number;
+  autoFocus?: boolean;
   // Add other props that need to be passed through
   className?: string;
   style?: React.CSSProperties;
   [key: string]: any;
 }
+import useBaseProps from '../hooks/useBaseProps';
+import { omit, useEvent } from '@rc-component/util';
+
+const DEFAULT_OMIT_PROPS = [
+  'value',
+  'onChange',
+  'removeIcon',
+  'placeholder',
+  'maxTagCount',
+  'maxTagTextLength',
+  'maxTagPlaceholder',
+  'choiceTransitionName',
+  'onInputKeyDown',
+  'onPopupScroll',
+  'tabIndex',
+] as const;
 
 export default React.forwardRef<SelectInputRef, SelectInputProps>(function SelectInput(
   props: SelectInputProps,
@@ -83,6 +85,7 @@ export default React.forwardRef<SelectInputRef, SelectInputProps>(function Selec
     onMouseDown,
     onBlur,
     onClearMouseDown,
+    onInputKeyDown,
 
     ...restProps
   } = props;
@@ -128,41 +131,11 @@ export default React.forwardRef<SelectInputRef, SelectInputProps>(function Selec
     onBlur?.(event);
   };
 
-  // ==================== Context =====================
-  const cachedContext = React.useMemo<ContentContextProps>(
-    () => ({
-      prefixCls,
-      multiple: !!multiple,
-      displayValues,
-      placeholder,
-      searchValue,
-      mode,
-      onSearch,
-      onSearchSubmit,
-      onInputBlur,
-      maxLength,
-      autoFocus,
-    }),
-    [
-      prefixCls,
-      multiple,
-      displayValues,
-      placeholder,
-      searchValue,
-      mode,
-      onSearch,
-      onSearchSubmit,
-      onInputBlur,
-      maxLength,
-      autoFocus,
-    ],
-  );
-
   // ===================== Render =====================
   const domProps = omit(restProps, DEFAULT_OMIT_PROPS);
 
   return (
-    <SelectInputContext.Provider value={cachedContext}>
+    <SelectInputContext.Provider value={props}>
       <div
         {...domProps}
         // Style