blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

feat(Field): add enterkeyhint prop (#10478)

Browse Source
This commit is contained in:
neverland 2022-04-08 20:52:36 +08:00 committed by GitHub
parent d7cf73cc24
commit d5a9202ddf
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 17 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/vant/src/field/Field.tsx
View File

@ -80,6 +80,7 @@ export const fieldSharedProps = {
placeholder: String,
autocomplete: String,
errorMessage: String,
enterkeyhint: String,
clearTrigger: makeStringProp<FieldClearTrigger>('focus'),
formatTrigger: makeStringProp<FieldFormatTrigger>('onChange'),
error: {
@ -412,6 +413,7 @@ export default defineComponent({
autofocus: props.autofocus,
placeholder: props.placeholder,
autocomplete: props.autocomplete,
enterkeyhint: props.enterkeyhint,
'aria-labelledby': props.label ? `${id}-label` : undefined,
onBlur,
onFocus,

3
packages/vant/src/field/README.md
View File

@ -283,7 +283,8 @@ Use `input-align` prop to align the input value.
| right-icon | Right side icon name | _string_ | - |
| icon-prefix | Icon className prefix | _string_ | `van-icon` |
| rules | Form validation rules | _FieldRule[]_ | - |
| autocomplete `v3.0.3` | [autocomplete](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) attribute of native input element | _string_ | - |
| autocomplete `v3.0.3` | HTML native attribute, see [MDN - autocomplete](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) | _string_ | - |
| enterkeyhint `v3.4.8` | HTML native attribute, see [MDN - enterkeyhint](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)<br> | _string_ | - |
### Events

3
packages/vant/src/field/README.zh-CN.md
View File

@ -302,7 +302,8 @@ export default {
| right-icon | 右侧图标名称或图片链接，等同于 Icon 组件的 [name 属性](#/zh-CN/icon#props) | _string_ | - |
| icon-prefix | 图标类名前缀，等同于 Icon 组件的 [class-prefix 属性](#/zh-CN/icon#props) | _string_ | `van-icon` |
| rules | 表单校验规则，详见 [Form 组件](#/zh-CN/form#rule-shu-ju-jie-gou) | _FieldRule[]_ | - |
| autocomplete `v3.0.3` | input 标签原生的[自动完成属性](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) | _string_ | - |
| autocomplete `v3.0.3` | HTML 原生属性，用于控制自动完成功能，详见 [MDN - autocomplete](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) | _string_ | - |
| enterkeyhint `v3.4.8` | HTML 原生属性，用于控制回车键样式，此 API 仅在部分浏览器支持，详见 [MDN - enterkeyhint](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)<br> | _string_ | - |
### Events

11
packages/vant/src/field/test/index.spec.js
View File

@ -426,6 +426,17 @@ test('should allow to set autocomplete attribute', () => {
);
});
test('should allow to set enterkeyhint attribute', () => {
const wrapper = mount(Field, {
props: {
enterkeyhint: 'done',
},
});
expect(wrapper.find('input').element.getAttribute('enterkeyhint')).toEqual(
'done'
);
});
test('should change clear icon when using clear-icon prop', async () => {
const wrapper = mount(Field, {
props: {