Allow autoComplete attribute to be customized (#472)

* Allow `autoComplete` attribute to be customized

* add autoComplete to InputProps interface

* fix ci

Author: k-yle

src/Selector/Input.tsx

@@ -9,6 +9,7 @@ interface InputProps {
   inputElement: React.ReactElement;
   disabled: boolean;
   autoFocus: boolean;
+  autoComplete: string;
   editable: boolean;
   accessibilityIndex: number;
   value: string;
@@ -28,6 +29,7 @@ const Input: React.RefForwardingComponent<InputRef, InputProps> = (
     disabled,
     tabIndex,
     autoFocus,
+    autoComplete,
     editable,
     accessibilityIndex,
     value,
@@ -55,7 +57,7 @@ const Input: React.RefForwardingComponent<InputRef, InputProps> = (
     ref: composeRef(ref, originRef as any),
     disabled,
     tabIndex,
-    autoComplete: 'off',
+    autoComplete: autoComplete || 'off',
     autoFocus,
     className: `${prefixCls}-selection-search-input`,
     style: { ...style, opacity: editable ? null : 0 },

src/Selector/MultipleSelector.tsx

@@ -41,6 +41,7 @@ const SelectSelector: React.FC<SelectorProps> = ({
   mode,
   showSearch,
   autoFocus,
+  autoComplete,
   accessibilityIndex,
   tabIndex,
 
@@ -183,6 +184,7 @@ const SelectSelector: React.FC<SelectorProps> = ({
           inputElement={null}
           disabled={disabled}
           autoFocus={autoFocus}
+          autoComplete={autoComplete}
           editable={inputEditable}
           accessibilityIndex={accessibilityIndex}
           value={inputValue}

src/Selector/SingleSelector.tsx

@@ -15,6 +15,7 @@ const SingleSelector: React.FC<SelectorProps> = ({
   inputRef,
   disabled,
   autoFocus,
+  autoComplete,
   accessibilityIndex,
   mode,
   open,
@@ -54,6 +55,7 @@ const SingleSelector: React.FC<SelectorProps> = ({
           inputElement={inputElement}
           disabled={disabled}
           autoFocus={autoFocus}
+          autoComplete={autoComplete}
           editable={inputEditable}
           accessibilityIndex={accessibilityIndex}
           value={inputValue}

src/Selector/index.tsx

@@ -25,6 +25,7 @@ export interface InnerSelectorProps {
   placeholder?: React.ReactNode;
   disabled?: boolean;
   autoFocus?: boolean;
+  autoComplete?: string;
   values: LabelValueType[];
   showSearch?: boolean;
   searchValue: string;