vant 4.6.1 → 4.6.3

package/README.md

@@ -26,7 +26,7 @@
 ## Features
 
 - 🚀 1KB Component average size (min+gzip)
-- 🚀 70+ High quality components
+- 🚀 80+ High quality components
 - 🚀 Zero third-party dependencies
 - 💪 90%+ Unit test coverage
 - 💪 Written in TypeScript

package/es/address-list/AddressList.d.ts

@@ -15,6 +15,10 @@ export declare const addressListProps: {
         type: import("vue").PropType<AddressListAddress[]>;
         default: () => never[];
     };
+    showAddButton: {
+        type: BooleanConstructor;
+        default: true;
+    };
     addButtonText: StringConstructor;
     defaultTagText: StringConstructor;
     rightIcon: {
@@ -38,6 +42,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<AddressListAddress[]>;
         default: () => never[];
     };
+    showAddButton: {
+        type: BooleanConstructor;
+        default: true;
+    };
     addButtonText: StringConstructor;
     defaultTagText: StringConstructor;
     rightIcon: {
@@ -59,6 +67,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<AddressListAddress[]>;
         default: () => never[];
     };
+    showAddButton: {
+        type: BooleanConstructor;
+        default: true;
+    };
     addButtonText: StringConstructor;
     defaultTagText: StringConstructor;
     rightIcon: {
@@ -78,5 +90,6 @@ declare const _default: import("vue").DefineComponent<{
     switchable: boolean;
     list: AddressListAddress[];
     disabledList: AddressListAddress[];
+    showAddButton: boolean;
 }, {}>;
 export default _default;

package/es/address-list/AddressList.mjs

@@ -11,6 +11,7 @@ const addressListProps = {
   switchable: truthProp,
   disabledText: String,
   disabledList: makeArrayProp(),
+  showAddButton: truthProp,
   addButtonText: String,
   defaultTagText: String,
   rightIcon: makeStringProp("edit")
@@ -52,7 +53,7 @@ var stdin_default = defineComponent({
         return list.map((item, index) => renderItem(item, index, disabled));
       }
     };
-    const renderBottom = () => _createVNode("div", {
+    const renderBottom = () => props.showAddButton ? _createVNode("div", {
       "class": [bem("bottom"), "van-safe-area-bottom"]
     }, [_createVNode(Button, {
       "round": true,
@@ -61,7 +62,7 @@ var stdin_default = defineComponent({
       "text": props.addButtonText || t("add"),
       "class": bem("add"),
       "onClick": () => emit("add")
-    }, null)]);
+    }, null)]) : void 0;
     return () => {
       var _a, _b;
       const List = renderList(props.list);

package/es/address-list/index.d.ts

@@ -13,6 +13,10 @@ export declare const AddressList: import("../utils").WithInstall<import("vue").D
         type: import("vue").PropType<import("./AddressListItem").AddressListAddress[]>;
         default: () => never[];
     };
+    showAddButton: {
+        type: BooleanConstructor;
+        default: true;
+    };
     addButtonText: StringConstructor;
     defaultTagText: StringConstructor;
     rightIcon: {
@@ -34,6 +38,10 @@ export declare const AddressList: import("../utils").WithInstall<import("vue").D
         type: import("vue").PropType<import("./AddressListItem").AddressListAddress[]>;
         default: () => never[];
     };
+    showAddButton: {
+        type: BooleanConstructor;
+        default: true;
+    };
     addButtonText: StringConstructor;
     defaultTagText: StringConstructor;
     rightIcon: {
@@ -53,6 +61,7 @@ export declare const AddressList: import("../utils").WithInstall<import("vue").D
     switchable: boolean;
     list: import("./AddressListItem").AddressListAddress[];
     disabledList: import("./AddressListItem").AddressListAddress[];
+    showAddButton: boolean;
 }, {}>>;
 export default AddressList;
 export { addressListProps } from './AddressList';

package/es/checkbox/Checkbox.d.ts

@@ -1,17 +1,15 @@
-import { type ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes } from 'vue';
+import { type CheckerShape } from './Checker';
 export declare const checkboxProps: {
-    name: import("vue").PropType<unknown>;
-    shape: {
-        type: import("vue").PropType<import("./Checker").CheckerShape>;
-        default: import("./Checker").CheckerShape;
-    };
+    name: PropType<unknown>;
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
-    modelValue: import("vue").PropType<unknown>;
+    modelValue: PropType<unknown>;
     checkedColor: StringConstructor;
-    labelPosition: import("vue").PropType<import("./Checker").CheckerLabelPosition>;
+    labelPosition: PropType<import("./Checker").CheckerLabelPosition>;
     labelDisabled: BooleanConstructor;
 } & {
+    shape: PropType<CheckerShape>;
     bindGroup: {
         type: BooleanConstructor;
         default: true;
@@ -19,35 +17,29 @@ export declare const checkboxProps: {
 };
 export type CheckboxProps = ExtractPropTypes<typeof checkboxProps>;
 declare const _default: import("vue").DefineComponent<{
-    name: import("vue").PropType<unknown>;
-    shape: {
-        type: import("vue").PropType<import("./Checker").CheckerShape>;
-        default: import("./Checker").CheckerShape;
-    };
+    name: PropType<unknown>;
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
-    modelValue: import("vue").PropType<unknown>;
+    modelValue: PropType<unknown>;
     checkedColor: StringConstructor;
-    labelPosition: import("vue").PropType<import("./Checker").CheckerLabelPosition>;
+    labelPosition: PropType<import("./Checker").CheckerLabelPosition>;
     labelDisabled: BooleanConstructor;
 } & {
+    shape: PropType<CheckerShape>;
     bindGroup: {
         type: BooleanConstructor;
         default: true;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
-    name: import("vue").PropType<unknown>;
-    shape: {
-        type: import("vue").PropType<import("./Checker").CheckerShape>;
-        default: import("./Checker").CheckerShape;
-    };
+    name: PropType<unknown>;
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
-    modelValue: import("vue").PropType<unknown>;
+    modelValue: PropType<unknown>;
     checkedColor: StringConstructor;
-    labelPosition: import("vue").PropType<import("./Checker").CheckerLabelPosition>;
+    labelPosition: PropType<import("./Checker").CheckerLabelPosition>;
     labelDisabled: BooleanConstructor;
 } & {
+    shape: PropType<CheckerShape>;
     bindGroup: {
         type: BooleanConstructor;
         default: true;
@@ -57,7 +49,6 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
-    shape: import("./Checker").CheckerShape;
     labelDisabled: boolean;
     bindGroup: boolean;
 }, {}>;

package/es/checkbox/Checkbox.mjs

@@ -1,12 +1,13 @@
 import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 import { watch, computed, defineComponent } from "vue";
-import { createNamespace, extend, pick, truthProp } from "../utils/index.mjs";
+import { pick, extend, truthProp, createNamespace } from "../utils/index.mjs";
 import { CHECKBOX_GROUP_KEY } from "../checkbox-group/CheckboxGroup.mjs";
 import { useParent, useCustomFieldValue } from "@vant/use";
 import { useExpose } from "../composables/use-expose.mjs";
 import Checker, { checkerProps } from "./Checker.mjs";
 const [name, bem] = createNamespace("checkbox");
 const checkboxProps = extend({}, checkerProps, {
+  shape: String,
   bindGroup: truthProp
 });
 var stdin_default = defineComponent({

package/es/checkbox/Checker.d.ts

@@ -1,24 +1,22 @@
 import { type PropType } from 'vue';
 import { type Numeric } from '../utils';
+import type { RadioShape } from '../radio';
 export type CheckerShape = 'square' | 'round';
 export type CheckerDirection = 'horizontal' | 'vertical';
 export type CheckerLabelPosition = 'left' | 'right';
 export type CheckerParent = {
     props: {
+        max?: Numeric;
+        shape?: CheckerShape | RadioShape;
         disabled?: boolean;
         iconSize?: Numeric;
         direction?: CheckerDirection;
-        checkedColor?: string;
         modelValue?: unknown | unknown[];
-        max?: Numeric;
+        checkedColor?: string;
     };
 };
 export declare const checkerProps: {
     name: PropType<unknown>;
-    shape: {
-        type: PropType<CheckerShape>;
-        default: CheckerShape;
-    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     modelValue: PropType<unknown>;
@@ -28,10 +26,6 @@ export declare const checkerProps: {
 };
 declare const _default: import("vue").DefineComponent<{
     name: PropType<unknown>;
-    shape: {
-        type: PropType<CheckerShape>;
-        default: CheckerShape;
-    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     modelValue: PropType<unknown>;
@@ -44,6 +38,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     role: StringConstructor;
+    shape: PropType<"dot" | "round" | "square">;
     parent: PropType<CheckerParent | null>;
     checked: BooleanConstructor;
     bindGroup: {
@@ -52,10 +47,6 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "toggle")[], "click" | "toggle", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     name: PropType<unknown>;
-    shape: {
-        type: PropType<CheckerShape>;
-        default: CheckerShape;
-    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     modelValue: PropType<unknown>;
@@ -68,6 +59,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     role: StringConstructor;
+    shape: PropType<"dot" | "round" | "square">;
     parent: PropType<CheckerParent | null>;
     checked: BooleanConstructor;
     bindGroup: {
@@ -80,7 +72,6 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     checked: boolean;
     disabled: boolean;
-    shape: CheckerShape;
     labelDisabled: boolean;
     bindGroup: boolean;
 }, {}>;

package/es/checkbox/Checker.mjs

@@ -1,10 +1,9 @@
 import { createVNode as _createVNode } from "vue";
 import { ref, computed, defineComponent } from "vue";
-import { extend, addUnit, truthProp, numericProp, unknownProp, makeStringProp, makeRequiredProp } from "../utils/index.mjs";
+import { extend, addUnit, truthProp, numericProp, unknownProp, makeRequiredProp } from "../utils/index.mjs";
 import { Icon } from "../icon/index.mjs";
 const checkerProps = {
   name: unknownProp,
-  shape: makeStringProp("round"),
   disabled: Boolean,
   iconSize: numericProp,
   modelValue: unknownProp,
@@ -16,6 +15,7 @@ var stdin_default = defineComponent({
   props: extend({}, checkerProps, {
     bem: makeRequiredProp(Function),
     role: String,
+    shape: String,
     parent: Object,
     checked: Boolean,
     bindGroup: truthProp
@@ -54,6 +54,9 @@ var stdin_default = defineComponent({
         };
       }
     });
+    const shape = computed(() => {
+      return props.shape || getParentProp("shape") || "round";
+    });
     const onClick = (event) => {
       const {
         target
@@ -66,27 +69,36 @@ var stdin_default = defineComponent({
       emit("click", event);
     };
     const renderIcon = () => {
+      var _a, _b;
       const {
         bem,
-        shape,
         checked
       } = props;
       const iconSize = props.iconSize || getParentProp("iconSize");
       return _createVNode("div", {
         "ref": iconRef,
-        "class": bem("icon", [shape, {
+        "class": bem("icon", [shape.value, {
           disabled: disabled.value,
           checked
         }]),
-        "style": {
+        "style": shape.value !== "dot" ? {
           fontSize: addUnit(iconSize)
+        } : {
+          width: addUnit(iconSize),
+          height: addUnit(iconSize),
+          borderColor: (_a = iconStyle.value) == null ? void 0 : _a.borderColor
         }
       }, [slots.icon ? slots.icon({
         checked,
         disabled: disabled.value
-      }) : _createVNode(Icon, {
+      }) : shape.value !== "dot" ? _createVNode(Icon, {
         "name": "success",
         "style": iconStyle.value
+      }, null) : _createVNode("div", {
+        "class": bem("icon--dot__icon"),
+        "style": {
+          backgroundColor: (_b = iconStyle.value) == null ? void 0 : _b.backgroundColor
+        }
       }, null)]);
     };
     const renderLabel = () => {

package/es/checkbox/index.d.ts

@@ -1,9 +1,5 @@
 export declare const Checkbox: import("../utils").WithInstall<import("vue").DefineComponent<{
     name: import("vue").PropType<unknown>;
-    shape: {
-        type: import("vue").PropType<import("./Checker").CheckerShape>;
-        default: import("./Checker").CheckerShape;
-    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     modelValue: import("vue").PropType<unknown>;
@@ -11,16 +7,13 @@ export declare const Checkbox: import("../utils").WithInstall<import("vue").Defi
     labelPosition: import("vue").PropType<import("./Checker").CheckerLabelPosition>;
     labelDisabled: BooleanConstructor;
 } & {
+    shape: import("vue").PropType<import("./Checker").CheckerShape>;
     bindGroup: {
         type: BooleanConstructor;
         default: true;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     name: import("vue").PropType<unknown>;
-    shape: {
-        type: import("vue").PropType<import("./Checker").CheckerShape>;
-        default: import("./Checker").CheckerShape;
-    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     modelValue: import("vue").PropType<unknown>;
@@ -28,6 +21,7 @@ export declare const Checkbox: import("../utils").WithInstall<import("vue").Defi
     labelPosition: import("vue").PropType<import("./Checker").CheckerLabelPosition>;
     labelDisabled: BooleanConstructor;
 } & {
+    shape: import("vue").PropType<import("./Checker").CheckerShape>;
     bindGroup: {
         type: BooleanConstructor;
         default: true;
@@ -37,7 +31,6 @@ export declare const Checkbox: import("../utils").WithInstall<import("vue").Defi
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
-    shape: import("./Checker").CheckerShape;
     labelDisabled: boolean;
     bindGroup: boolean;
 }, {}>>;

package/es/checkbox-group/CheckboxGroup.d.ts

@@ -1,8 +1,12 @@
 import { type PropType, type InjectionKey, type ExtractPropTypes } from 'vue';
-import type { CheckerDirection } from '../checkbox/Checker';
+import type { CheckerShape, CheckerDirection } from '../checkbox/Checker';
 import type { CheckboxGroupProvide } from './types';
 export declare const checkboxGroupProps: {
     max: (NumberConstructor | StringConstructor)[];
+    shape: {
+        type: PropType<CheckerShape>;
+        default: CheckerShape;
+    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     direction: PropType<CheckerDirection>;
@@ -16,6 +20,10 @@ export type CheckboxGroupProps = ExtractPropTypes<typeof checkboxGroupProps>;
 export declare const CHECKBOX_GROUP_KEY: InjectionKey<CheckboxGroupProvide>;
 declare const _default: import("vue").DefineComponent<{
     max: (NumberConstructor | StringConstructor)[];
+    shape: {
+        type: PropType<CheckerShape>;
+        default: CheckerShape;
+    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     direction: PropType<CheckerDirection>;
@@ -26,6 +34,10 @@ declare const _default: import("vue").DefineComponent<{
     checkedColor: StringConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     max: (NumberConstructor | StringConstructor)[];
+    shape: {
+        type: PropType<CheckerShape>;
+        default: CheckerShape;
+    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     direction: PropType<CheckerDirection>;
@@ -39,6 +51,7 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
+    shape: CheckerShape;
     modelValue: unknown[];
 }, {}>;
 export default _default;

package/es/checkbox-group/CheckboxGroup.mjs

@@ -1,11 +1,12 @@
 import { createVNode as _createVNode } from "vue";
 import { watch, defineComponent } from "vue";
-import { numericProp, createNamespace, makeArrayProp } from "../utils/index.mjs";
+import { numericProp, makeArrayProp, makeStringProp, createNamespace } from "../utils/index.mjs";
 import { useChildren, useCustomFieldValue } from "@vant/use";
 import { useExpose } from "../composables/use-expose.mjs";
 const [name, bem] = createNamespace("checkbox-group");
 const checkboxGroupProps = {
   max: numericProp,
+  shape: makeStringProp("round"),
   disabled: Boolean,
   iconSize: numericProp,
   direction: String,

package/es/checkbox-group/index.d.ts

@@ -1,5 +1,9 @@
 export declare const CheckboxGroup: import("../utils").WithInstall<import("vue").DefineComponent<{
     max: (NumberConstructor | StringConstructor)[];
+    shape: {
+        type: import("vue").PropType<import("../checkbox/Checker").CheckerShape>;
+        default: import("../checkbox/Checker").CheckerShape;
+    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     direction: import("vue").PropType<import("../checkbox/Checker").CheckerDirection>;
@@ -10,6 +14,10 @@ export declare const CheckboxGroup: import("../utils").WithInstall<import("vue")
     checkedColor: StringConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     max: (NumberConstructor | StringConstructor)[];
+    shape: {
+        type: import("vue").PropType<import("../checkbox/Checker").CheckerShape>;
+        default: import("../checkbox/Checker").CheckerShape;
+    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     direction: import("vue").PropType<import("../checkbox/Checker").CheckerDirection>;
@@ -23,6 +31,7 @@ export declare const CheckboxGroup: import("../utils").WithInstall<import("vue")
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
+    shape: import("../checkbox/Checker").CheckerShape;
     modelValue: unknown[];
 }, {}>>;
 export default CheckboxGroup;

package/es/field/Field.d.ts

@@ -20,8 +20,14 @@ export declare const fieldSharedProps: {
     inputAlign: PropType<FieldTextAlign>;
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
+    autocapitalize: StringConstructor;
+    autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     clearTrigger: {
         type: PropType<FieldClearTrigger>;
         default: FieldClearTrigger;
@@ -90,8 +96,14 @@ export declare const fieldProps: {
     inputAlign: PropType<FieldTextAlign>;
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
+    autocapitalize: StringConstructor;
+    autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     clearTrigger: {
         type: PropType<FieldClearTrigger>;
         default: FieldClearTrigger;
@@ -178,8 +190,14 @@ declare const _default: import("vue").DefineComponent<{
     inputAlign: PropType<FieldTextAlign>;
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
+    autocapitalize: StringConstructor;
+    autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     clearTrigger: {
         type: PropType<FieldClearTrigger>;
         default: FieldClearTrigger;
@@ -264,8 +282,14 @@ declare const _default: import("vue").DefineComponent<{
     inputAlign: PropType<FieldTextAlign>;
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
+    autocapitalize: StringConstructor;
+    autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     clearTrigger: {
         type: PropType<FieldClearTrigger>;
         default: FieldClearTrigger;
@@ -327,6 +351,7 @@ declare const _default: import("vue").DefineComponent<{
     clearable: boolean;
     clearIcon: string;
     modelValue: string | number;
+    spellcheck: boolean;
     clearTrigger: FieldClearTrigger;
     formatTrigger: FieldFormatTrigger;
     error: boolean;

package/es/field/Field.mjs

@@ -23,8 +23,14 @@ const fieldSharedProps = {
   inputAlign: String,
   placeholder: String,
   autocomplete: String,
+  autocapitalize: String,
+  autocorrect: String,
   errorMessage: String,
   enterkeyhint: String,
+  spellcheck: {
+    type: Boolean,
+    default: null
+  },
   clearTrigger: makeStringProp("focus"),
   formatTrigger: makeStringProp("onChange"),
   error: {
@@ -352,7 +358,10 @@ var stdin_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` : void 0,
         onBlur,
         onFocus,

package/es/field/index.d.ts

@@ -46,8 +46,14 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     inputAlign: import("vue").PropType<import("./types").FieldTextAlign>;
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
+    autocapitalize: StringConstructor;
+    autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     clearTrigger: {
         type: import("vue").PropType<import("./types").FieldClearTrigger>;
         default: import("./types").FieldClearTrigger;
@@ -132,8 +138,14 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     inputAlign: import("vue").PropType<import("./types").FieldTextAlign>;
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
+    autocapitalize: StringConstructor;
+    autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     clearTrigger: {
         type: import("vue").PropType<import("./types").FieldClearTrigger>;
         default: import("./types").FieldClearTrigger;
@@ -195,6 +207,7 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     clearable: boolean;
     clearIcon: string;
     modelValue: string | number;
+    spellcheck: boolean;
     clearTrigger: import("./types").FieldClearTrigger;
     formatTrigger: import("./types").FieldFormatTrigger;
     error: boolean;