feat: TextArea component style only accepts the resize parameter (#296)

* feat:textareaStyle

* feat:textareaStyle

* feat:textareaStyle

* feat:textareaStyle

* feat:textareaStyle

* feat:textareaStyle

* feat:textareaStyle

* feat:textareaStyle

* feat:textareaStyle

---------

Co-authored-by: WB01676250 <jl01676250@antgroup.com>

Author: jin19980928

src/Mentions.tsx

@@ -475,6 +475,13 @@ const InternalMentions = forwardRef<MentionsRef, MentionsProps>(
       >
         <TextArea
           classNames={{ textarea: mentionClassNames?.textarea }}
+          /**
+           * Example:<Mentions style={{ resize: 'none' }} />.
+           * If written this way, resizing here will become invalid.
+           * The TextArea component code and found that the resize parameter in the style of the ResizeTextArea component is obtained from prop.style.
+           * Just pass the resize attribute and leave everything else unchanged.
+           */
+          style={{ resize: style?.resize }}
           styles={{ textarea: styles?.textarea }}
           ref={textareaRef}
           value={mergedValue}

tests/Mentions.spec.tsx

@@ -355,5 +355,19 @@ describe('Mentions', () => {
         container.querySelector('.rc-mentions-affix-wrapper'),
       );
     });
+
+    it('should apply resize style to textarea', () => {
+      const { container } = render(
+        <Mentions style={{ resize: 'none' }}>
+          <Option value="bamboo">Bamboo</Option>
+          <Option value="light">Light</Option>
+          <Option value="cat">Cat</Option>
+        </Mentions>,
+      );
+
+      const textarea = container.querySelector('textarea');
+      expect(textarea).not.toBeNull();
+      expect(textarea?.style.resize).toBe('none');
+    });
   });
 });