feat: support onClear (#61)

* chore: bump rc-input from 1.5.0 to 1.6.0

* feat: support onClear

Author: li-jia-nan

src/ResizableTextArea.tsx

@@ -16,7 +16,6 @@ const ResizableTextArea = React.forwardRef<ResizableTextAreaRef, TextAreaProps>(
   (props, ref) => {
     const {
       prefixCls,
-      onPressEnter,
       defaultValue,
       value,
       autoSize,

src/TextArea.tsx

@@ -36,6 +36,7 @@ const TextArea = React.forwardRef<TextAreaRef, TextAreaProps>(
       classNames,
       styles,
       onResize,
+      onClear,
       readOnly,
       ...rest
     },
@@ -238,6 +239,7 @@ const TextArea = React.forwardRef<TextAreaRef, TextAreaProps>(
         }}
         hidden={hidden}
         readOnly={readOnly}
+        onClear={onClear}
       >
         <ResizableTextArea
           {...rest}

src/interface.ts

@@ -36,7 +36,7 @@ export type TextAreaProps = Omit<HTMLTextareaProps, 'onResize' | 'value'> & {
     count?: CSSProperties;
   };
 } & Pick<BaseInputProps, 'allowClear' | 'suffix'> &
-  Pick<InputProps, 'showCount' | 'count'>;
+  Pick<InputProps, 'showCount' | 'count' | 'onClear'>;
 
 export type TextAreaRef = {
   resizableTextArea: ResizableTextAreaRef;

tests/allowClear.test.tsx

@@ -128,3 +128,14 @@ it('should not textarea clear className', () => {
     container.querySelector('.rc-textarea-textarea-allow-clear'),
   ).toBeFalsy();
 });
+
+it('support onClear', () => {
+  const onClear = jest.fn();
+  const { container } = render(
+    <TextArea onClear={onClear} defaultValue="test" allowClear />,
+  );
+  fireEvent.click(
+    container.querySelector<HTMLSpanElement>('.rc-textarea-clear-icon')!,
+  );
+  expect(onClear).toHaveBeenCalled();
+});