test/amis
1
0
Fork 0
mirror of https://gitee.com/baidu/amis.git synced 2024-12-02 03:48:13 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

feat: input-text 支持配置 nativeAutoComplete 比如可用来配置支持浏览器生成默认密码 Close: #4471 (#8465)

Browse Source
This commit is contained in:
liaoxuezhi 2023-10-24 14:28:48 +08:00 committed by GitHub
parent 0016137975
commit 994fba3166
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 15 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
docs/zh-CN/components/form/input-text.md
View File

@ -439,6 +439,7 @@ order: 56
| borderMode | `"full"\| "half" \| "none"` | `"full"` | 输入框边框模式，全边框，还是半边框，或者没边框。 |
| inputControlClassName | `string` | | control 节点的 CSS 类名 |
| nativeInputClassName | `string` | | 原生 input 标签的 CSS 类名 |
| nativeAutoComplete | `string` | `off` | 原生 input 标签的 `autoComplete` 属性，比如配置集成 `new-password` |
## 事件表

19
packages/amis/src/renderers/Form/InputText.tsx
View File

@ -64,6 +64,12 @@ export interface TextControlSchema extends FormOptionsSchema {
*/
autoComplete?: SchemaApi;
/**
* 配置原生 input 的 autoComplete 属性
* @default off
*/
nativeAutoComplete?: string;
/**
* 边框模式，全边框，还是半边框，或者没边框。
*/
@ -199,7 +205,8 @@ export default class TextControl extends React.PureComponent<
valueField: 'value',
placeholder: '',
allowInputText: true,
trimContents: true
trimContents: true,
nativeAutoComplete: 'off'
};
componentDidMount() {
@ -699,7 +706,8 @@ export default class TextControl extends React.PureComponent<
popOverContainer,
themeCss,
css,
id
id,
nativeAutoComplete
} = this.props;
let type = this.props.type?.replace(/^(?:native|input)\-/, '');
@ -816,7 +824,7 @@ export default class TextControl extends React.PureComponent<
maxLength,
minLength
})}
autoComplete="off"
autoComplete={nativeAutoComplete}
size={10}
className={cx(nativeInputClassName)}
/>
@ -943,7 +951,8 @@ export default class TextControl extends React.PureComponent<
minLength,
themeCss,
css,
id
id,
nativeAutoComplete
} = this.props;
const type = this.props.type?.replace(/^(?:native|input)\-/, '');
@ -984,7 +993,7 @@ export default class TextControl extends React.PureComponent<
min={min}
maxLength={maxLength}
minLength={minLength}
autoComplete="off"
autoComplete={nativeAutoComplete}
size={10}
step={step}
onChange={this.handleNormalInputChange}