fix(select): merge raw trigger element event handlers (#1215)

Author: QDyanbing

src/SelectInput/index.tsx

@@ -227,14 +227,29 @@ export default React.forwardRef<SelectInputRef, SelectInputProps>(function Selec
   };
 
   if (RootComponent) {
+    const originProps = (RootComponent as any).props || {};
+    const mergedProps = { ...originProps, ...domProps };
+
+    Object.keys(originProps).forEach((key) => {
+      const originVal = originProps[key];
+      const domVal = domProps[key];
+
+      if (typeof originVal === 'function' && typeof domVal === 'function') {
+        mergedProps[key] = (...args: any[]) => {
+          domVal(...args);
+          originVal(...args);
+        };
+      }
+    });
+
     if (React.isValidElement<any>(RootComponent)) {
       return React.cloneElement(RootComponent, {
-        ...domProps,
+        ...mergedProps,
         ref: composeRef((RootComponent as any).ref, rootRef),
       });
     }
 
-    return <RootComponent {...domProps} ref={rootRef} />;
+    return <RootComponent {...mergedProps} ref={rootRef} />;
   }
 
   return (

tests/Custom.test.tsx

@@ -27,4 +27,25 @@ describe('Select.Custom', () => {
 
     expect(onPopupVisibleChange).toHaveBeenCalledWith(true);
   });
+
+  it('should not override raw input element event handlers', () => {
+    const onFocus = jest.fn();
+    const onBlur = jest.fn();
+
+    const { getByPlaceholderText } = render(
+      <Select
+        showSearch
+        options={[{ value: 'a', label: 'A' }]}
+        getRawInputElement={() => (
+          <input placeholder="focus me" onFocus={onFocus} onBlur={onBlur} />
+        )}
+      />,
+    );
+
+    fireEvent.focus(getByPlaceholderText('focus me'));
+    fireEvent.blur(getByPlaceholderText('focus me'));
+
+    expect(onFocus).toHaveBeenCalled();
+    expect(onBlur).toHaveBeenCalled();
+  });
 });