fix(AutoComplete): fix AutoComplete plaintext mode not working (#3436)

* fix(AutoComplete): fix AutoComplete plaintext mode not working

* test(AutoComplete): add tests for default value

src/AutoComplete/AutoComplete.tsx

@@ -34,6 +34,7 @@ import {
 } from '../@types/common';
 
 import { transformData, shouldDisplay } from './utils';
+import Plaintext from '../Plaintext';
 
 export type ValueType = string;
 
@@ -118,6 +119,7 @@ const AutoComplete: PickerComponent<AutoCompleteProps> = React.forwardRef(
       menuClassName,
       id,
       readOnly,
+      plaintext,
       renderMenu,
       renderMenuItem,
       onSelect,
@@ -282,6 +284,14 @@ const AutoComplete: PickerComponent<AutoCompleteProps> = React.forwardRef(
       );
     };
 
+    if (plaintext) {
+      return (
+        <Plaintext ref={ref} localeKey="unfilled">
+          {typeof value === 'undefined' ? defaultValue : value}
+        </Plaintext>
+      );
+    }
+
     return (
       <PickerToggleTrigger
         ref={triggerRef}

src/AutoComplete/test/AutoCompleteSpec.tsx

@@ -267,4 +267,36 @@ describe('AutoComplete', () => {
     // eslint-disable-next-line testing-library/no-node-access
     expect(screen.getByTestId('test').querySelector('input')).to.have.class('rs-input-lg');
   });
+
+  describe('Plain text', () => {
+    it('Should render input value', () => {
+      render(
+        <div data-testid="content">
+          <AutoComplete value="Haha" data={[]} plaintext />
+        </div>
+      );
+
+      expect(screen.getByTestId('content')).to.have.text('Haha');
+    });
+
+    it('Should render input default value', () => {
+      render(
+        <div data-testid="content">
+          <AutoComplete defaultValue="Haha" data={[]} plaintext />
+        </div>
+      );
+
+      expect(screen.getByTestId('content')).to.have.text('Haha');
+    });
+
+    it('Should render "Unfilled" if value is empty', () => {
+      render(
+        <div data-testid="content">
+          <AutoComplete value="" data={[]} plaintext />
+        </div>
+      );
+
+      expect(screen.getByTestId('content')).to.have.text('Unfilled');
+    });
+  });
 });