feat: support onClear

package.json

@@ -45,7 +45,7 @@
   "dependencies": {
     "@babel/runtime": "^7.10.1",
     "classnames": "^2.2.1",
-    "rc-input": "~1.5.0",
+    "rc-input": "~1.6.0",
     "rc-resize-observer": "^1.0.0",
     "rc-util": "^5.27.0"
   },

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();
+});