From 9151ed1d517ead73f50c33aa8cff07a0a0350d9f Mon Sep 17 00:00:00 2001
From: Kirill Dushenkin <Colinblake@mail.ru>
Date: Fri, 5 Apr 2024 16:46:39 +0300
Subject: [PATCH 1/3] bugfix: missed readOnly prop (#57)

Co-authored-by: Kirill Dushenkin <KDushenkin@nota.tech>
---
 src/TextArea.tsx          | 3 +++
 tests/allowClear.test.tsx | 9 +++++++++
 2 files changed, 12 insertions(+)

diff --git a/src/TextArea.tsx b/src/TextArea.tsx
index 733fd83..9f056ee 100644
--- a/src/TextArea.tsx
+++ b/src/TextArea.tsx
@@ -35,6 +35,7 @@ const TextArea = React.forwardRef<TextAreaRef, TextAreaProps>(
       classNames,
       styles,
       onResize,
+      readOnly,
       ...rest
     },
     ref,
@@ -232,6 +233,7 @@ const TextArea = React.forwardRef<TextAreaRef, TextAreaProps>(
           },
         }}
         hidden={hidden}
+        readOnly={readOnly}
       >
         <ResizableTextArea
           {...rest}
@@ -248,6 +250,7 @@ const TextArea = React.forwardRef<TextAreaRef, TextAreaProps>(
           prefixCls={prefixCls}
           onResize={handleResize}
           ref={resizableTextAreaRef}
+          readOnly={readOnly}
         />
       </BaseInput>
     );
diff --git a/tests/allowClear.test.tsx b/tests/allowClear.test.tsx
index 0bc6ed8..d8634bf 100644
--- a/tests/allowClear.test.tsx
+++ b/tests/allowClear.test.tsx
@@ -104,6 +104,15 @@ describe('should support allowClear', () => {
       container.querySelector('.rc-textarea-clear-icon-hidden'),
     ).toBeTruthy();
   });
+
+  it('should not support allowClear when it is readOnly', () => {
+    const { container } = render(
+      <TextArea allowClear defaultValue="111" readOnly />,
+    );
+    expect(
+      container.querySelector('.rc-textarea-clear-icon-hidden'),
+    ).toBeTruthy();
+  });
 });
 
 it('should show clear className', () => {

From 3fa1962a5f5526acc2673333c94058aa505ef86a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8C=E8=B4=A7=E7=88=B1=E5=90=83=E7=99=BD=E8=90=9D?=
 =?UTF-8?q?=E5=8D=9C?= <smith3816@gmail.com>
Date: Fri, 17 May 2024 23:31:07 +0800
Subject: [PATCH 2/3] feat: support nativeElement (#58)

---
 package.json         |  4 ++--
 src/TextArea.tsx     |  4 ++++
 src/interface.ts     |  1 +
 tests/index.spec.tsx | 30 +++++++++++++++++++++++++++++-
 4 files changed, 36 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 1107ecd..67648f5 100644
--- a/package.json
+++ b/package.json
@@ -45,14 +45,14 @@
   "dependencies": {
     "@babel/runtime": "^7.10.1",
     "classnames": "^2.2.1",
-    "rc-input": "~1.4.0",
+    "rc-input": "~1.5.0",
     "rc-resize-observer": "^1.0.0",
     "rc-util": "^5.27.0"
   },
   "devDependencies": {
     "@rc-component/father-plugin": "^1.0.0",
     "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^13.3.0",
+    "@testing-library/react": "^15.0.0",
     "@types/classnames": "^2.2.9",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
diff --git a/src/TextArea.tsx b/src/TextArea.tsx
index 9f056ee..f092999 100644
--- a/src/TextArea.tsx
+++ b/src/TextArea.tsx
@@ -1,5 +1,6 @@
 import clsx from 'classnames';
 import { BaseInput } from 'rc-input';
+import { type HolderRef } from 'rc-input/lib/BaseInput';
 import useCount from 'rc-input/lib/hooks/useCount';
 import { resolveOnChange } from 'rc-input/lib/utils/commonUtils';
 import useMergedState from 'rc-util/lib/hooks/useMergedState';
@@ -54,6 +55,7 @@ const TextArea = React.forwardRef<TextAreaRef, TextAreaProps>(
     const [textareaResized, setTextareaResized] = React.useState<boolean>(null);
 
     // =============================== Ref ================================
+    const holderRef = useRef<HolderRef>(null);
     const resizableTextAreaRef = useRef<ResizableTextAreaRef>(null);
     const getTextArea = () => resizableTextAreaRef.current?.textArea;
 
@@ -67,6 +69,7 @@ const TextArea = React.forwardRef<TextAreaRef, TextAreaProps>(
       blur: () => {
         getTextArea().blur();
       },
+      nativeElement: holderRef.current?.nativeElement || getTextArea(),
     }));
 
     useEffect(() => {
@@ -208,6 +211,7 @@ const TextArea = React.forwardRef<TextAreaRef, TextAreaProps>(
 
     return (
       <BaseInput
+        ref={holderRef}
         value={formatValue}
         allowClear={allowClear}
         handleReset={handleReset}
diff --git a/src/interface.ts b/src/interface.ts
index 43ea4a5..3bd6f93 100644
--- a/src/interface.ts
+++ b/src/interface.ts
@@ -42,4 +42,5 @@ export type TextAreaRef = {
   resizableTextArea: ResizableTextAreaRef;
   focus: () => void;
   blur: () => void;
+  nativeElement: HTMLElement;
 };
diff --git a/tests/index.spec.tsx b/tests/index.spec.tsx
index 9d664de..ab25053 100644
--- a/tests/index.spec.tsx
+++ b/tests/index.spec.tsx
@@ -1,6 +1,6 @@
 import { fireEvent, render } from '@testing-library/react';
 import React from 'react';
-import type { TextAreaProps } from '../src';
+import type { TextAreaProps, TextAreaRef } from '../src';
 import TextArea from '../src';
 import calculateAutoSizeStyle, {
   calculateNodeStyling,
@@ -352,4 +352,32 @@ describe('TextArea', () => {
     const { container } = render(<TextArea value={BigInt('903')} autoSize />);
     expect(container.querySelector('textarea').value).toBe('903');
   });
+
+  describe('ref.nativeElement', () => {
+    it('textarea', () => {
+      const ref = React.createRef<TextAreaRef>();
+      const { container } = render(
+        <div>
+          <TextArea ref={ref} />
+        </div>,
+      );
+
+      expect(ref.current.nativeElement).toEqual(
+        container.querySelector('textarea'),
+      );
+    });
+
+    it('holder', () => {
+      const ref = React.createRef<TextAreaRef>();
+      const { container } = render(
+        <div>
+          <TextArea ref={ref} allowClear />
+        </div>,
+      );
+
+      expect(ref.current.nativeElement).toEqual(
+        container.querySelector('.rc-textarea-affix-wrapper'),
+      );
+    });
+  });
 });

From c0afd39967e1b63d15ee69fdfef5d25fffe23ba0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8C=E8=B4=A7=E6=9C=BA=E5=99=A8=E4=BA=BA?=
 <smith3816@gmail.com>
Date: Fri, 17 May 2024 23:35:58 +0800
Subject: [PATCH 3/3] 1.7.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 67648f5..f6012c6 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "rc-textarea",
-  "version": "1.6.3",
+  "version": "1.7.0",
   "description": "Pretty Textarea react component used in used in ant.design",
   "keywords": [
     "react",