feat: input supports onCompositionEvent

components/Input/__test__/index.test.tsx

@@ -153,6 +153,37 @@ describe('Test Search', () => {
     expect(onSearch.mock.calls).toHaveLength(2);
     expect(onPressEnter.mock.calls).toHaveLength(1);
   });
+
+  it('composition event handlers', () => {
+    const rest = {
+      onCompositionStart: jest.fn(),
+      onCompositionUpdate: jest.fn(),
+      onCompositionEnd: jest.fn(),
+    };
+
+    const { getByTestId } = render(
+      <Input
+        data-testid="input"
+        onCompositionStart={rest.onCompositionStart}
+        onCompositionUpdate={rest.onCompositionUpdate}
+        onCompositionEnd={rest.onCompositionEnd}
+      />
+    );
+
+    const input = getByTestId('input');
+
+    // Trigger composition start event
+    fireEvent.compositionStart(input);
+    expect(rest.onCompositionStart).toHaveBeenCalledTimes(1);
+
+    // Trigger composition update event
+    fireEvent.compositionUpdate(input);
+    expect(rest.onCompositionUpdate).toHaveBeenCalledTimes(1);
+
+    // Trigger composition end event
+    fireEvent.compositionEnd(input);
+    expect(rest.onCompositionEnd).toHaveBeenCalledTimes(1);
+  });
 });
 
 describe('Test Textarea', () => {

components/Input/input-element.tsx

@@ -149,9 +149,18 @@ const InputComponent = React.forwardRef<RefInputType, InputComponentProps>(
       className: inputClassNames,
       onKeyDown: keyDownHandler,
       onChange: valueChangeHandler,
-      onCompositionStart: compositionHandler,
-      onCompositionUpdate: compositionHandler,
-      onCompositionEnd: compositionHandler,
+      onCompositionStart: (e) => {
+        rest.onCompositionStart?.(e);
+        compositionHandler(e);
+      },
+      onCompositionUpdate: (e) => {
+        rest.onCompositionUpdate?.(e);
+        compositionHandler(e);
+      },
+      onCompositionEnd: (e) => {
+        rest.onCompositionEnd?.(e);
+        compositionHandler(e);
+      },
       onBlur: (e) => {
         props.onBlur?.(e);
         const normalize = normalizeHandler('onBlur');