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

feat(Field): support autocapitalize, autocorrect and spellcheck props (#12065)

Browse Source 
* feat(Field): support autocapitalize, autocorrect and spellcheck props

* chore: update default value

* docs: update docs content
This commit is contained in:
inottn 2023-07-08 17:01:32 +08:00 committed by GitHub
parent 6a544b4449
commit 0c47654da5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -87,8 +87,14 @@ export const fieldSharedProps = {
inputAlign: String as PropType<FieldTextAlign>,
placeholder: String,
autocomplete: String,
autocapitalize: String,
autocorrect: String,
errorMessage: String,
enterkeyhint: String,
spellcheck: {
type: Boolean,
default: null,
},
clearTrigger: makeStringProp<FieldClearTrigger>('focus'),
formatTrigger: makeStringProp<FieldFormatTrigger>('onChange'),
error: {
@ -491,7 +497,10 @@ export default defineComponent({
autofocus: props.autofocus,
placeholder: props.placeholder,
autocomplete: props.autocomplete,
autocapitalize: props.autocapitalize,
autocorrect: props.autocorrect,
enterkeyhint: props.enterkeyhint,
spellcheck: props.spellcheck,
'aria-labelledby': props.label ? `${id}-label` : undefined,
onBlur,
onFocus,

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

@ -317,7 +317,10 @@ Use `label-align` prop to align the input value, can be set to `center`, `right`
| icon-prefix | Icon className prefix | _string_ | `van-icon` |
| rules | Form validation rules | _FieldRule[]_ | - |
| autocomplete | HTML native attribute, see [MDN - autocomplete](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) | _string_ | - |
| autocapitalize | HTML native attribute, see [MDN - autocapitalize](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autocapitalize)<br> | _string_ | - |
| enterkeyhint | HTML native attribute, see [MDN - enterkeyhint](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)<br> | _string_ | - |
| spellcheck | HTML native attribute, see [MDN - spellcheck](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/spellcheck)<br> | _boolean_ | - |
| autocorrect | Safari only, see [MDN - autocorrect](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#autocorrect)<br> | _string_ | - |
### Events

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

@ -336,7 +336,10 @@ export default {
| icon-prefix | 图标类名前缀，等同于 Icon 组件的 [class-prefix 属性](#/zh-CN/icon#props) | _string_ | `van-icon` |
| rules | 表单校验规则，详见 [Form 组件](#/zh-CN/form#rule-shu-ju-jie-gou) | _FieldRule[]_ | - |
| autocomplete | HTML 原生属性，用于控制自动完成功能，详见 [MDN - autocomplete](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) | _string_ | - |
| autocapitalize | HTML 原生属性，用于控制文本输入时是否自动大写，此 API 仅在部分浏览器支持，详见 [MDN - autocapitalize](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autocapitalize) | _string_ | - |
| enterkeyhint | HTML 原生属性，用于控制回车键样式，此 API 仅在部分浏览器支持，详见 [MDN - enterkeyhint](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/enterkeyhint)<br> | _string_ | - |
| spellcheck | HTML 原生属性，用于检查元素的拼写错误，此 API 仅在部分浏览器支持，详见 [MDN - spellcheck](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/spellcheck)<br> | _boolean_ | - |
| autocorrect | 仅 Safari 适用，用于自动更正输入的文本，详见 [MDN - autocorrect](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#autocorrect)<br> | _string_ | - |
### Events