vant 3.2.0 → 3.2.4

package/lib/empty/Empty.d.ts

@@ -14,7 +14,7 @@ declare const _default: import("vue").DefineComponent<{
 } & {
     description?: string | undefined;
     imageSize?: string | number | undefined;
-}> & {}, {
+}>, {
     image: string;
 }>;
 export default _default;

package/lib/empty/index.d.ts

@@ -1,4 +1,4 @@
-declare const Empty: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Empty: import("../utils").WithInstall<import("vue").DefineComponent<{
     imageSize: (NumberConstructor | StringConstructor)[];
     description: StringConstructor;
     image: {
@@ -14,8 +14,7 @@ declare const Empty: import("../utils").WithInstall<import("vue").DefineComponen
 } & {
     description?: string | undefined;
     imageSize?: string | number | undefined;
-}> & {}, {
+}>, {
     image: string;
 }>>;
 export default Empty;
-export { Empty };

package/lib/empty/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.Empty = exports.default = void 0;
+exports.default = exports.Empty = void 0;
 
 var _utils = require("../utils");
 

package/lib/field/Field.d.ts

@@ -1,6 +1,8 @@
 import { PropType, ExtractPropTypes } from 'vue';
 import type { FieldRule, FieldType, FieldTextAlign, FieldClearTrigger, FieldFormatTrigger, FieldAutosizeConfig } from './types';
 export declare const fieldSharedProps: {
+    id: StringConstructor;
+    name: StringConstructor;
     formatter: PropType<(value: string) => string>;
     leftIcon: StringConstructor;
     rightIcon: StringConstructor;
@@ -9,6 +11,7 @@ export declare const fieldSharedProps: {
     maxlength: (NumberConstructor | StringConstructor)[];
     inputAlign: PropType<FieldTextAlign>;
     placeholder: StringConstructor;
+    autocomplete: StringConstructor;
     errorMessage: StringConstructor;
     error: {
         type: BooleanConstructor;
@@ -63,6 +66,8 @@ declare const props: {
         default: null;
     };
 } & {
+    id: StringConstructor;
+    name: StringConstructor;
     formatter: PropType<(value: string) => string>;
     leftIcon: StringConstructor;
     rightIcon: StringConstructor;
@@ -71,6 +76,7 @@ declare const props: {
     maxlength: (NumberConstructor | StringConstructor)[];
     inputAlign: PropType<FieldTextAlign>;
     placeholder: StringConstructor;
+    autocomplete: StringConstructor;
     errorMessage: StringConstructor;
     error: {
         type: BooleanConstructor;
@@ -102,13 +108,11 @@ declare const props: {
     };
 } & {
     rows: (NumberConstructor | StringConstructor)[];
-    name: StringConstructor;
     rules: PropType<FieldRule[]>;
     autosize: PropType<boolean | FieldAutosizeConfig>;
     labelWidth: (NumberConstructor | StringConstructor)[];
     labelClass: PropType<unknown>;
     labelAlign: PropType<FieldTextAlign>;
-    autocomplete: StringConstructor;
     showWordLimit: BooleanConstructor;
     errorMessageAlign: PropType<FieldTextAlign>;
     type: {
@@ -145,6 +149,8 @@ declare const _default: import("vue").DefineComponent<{
         default: null;
     };
 } & {
+    id: StringConstructor;
+    name: StringConstructor;
     formatter: PropType<(value: string) => string>;
     leftIcon: StringConstructor;
     rightIcon: StringConstructor;
@@ -153,6 +159,7 @@ declare const _default: import("vue").DefineComponent<{
     maxlength: (NumberConstructor | StringConstructor)[];
     inputAlign: PropType<FieldTextAlign>;
     placeholder: StringConstructor;
+    autocomplete: StringConstructor;
     errorMessage: StringConstructor;
     error: {
         type: BooleanConstructor;
@@ -184,13 +191,11 @@ declare const _default: import("vue").DefineComponent<{
     };
 } & {
     rows: (NumberConstructor | StringConstructor)[];
-    name: StringConstructor;
     rules: PropType<FieldRule[]>;
     autosize: PropType<boolean | FieldAutosizeConfig>;
     labelWidth: (NumberConstructor | StringConstructor)[];
     labelClass: PropType<unknown>;
     labelAlign: PropType<FieldTextAlign>;
-    autocomplete: StringConstructor;
     showWordLimit: BooleanConstructor;
     errorMessageAlign: PropType<FieldTextAlign>;
     type: {
@@ -218,6 +223,8 @@ declare const _default: import("vue").DefineComponent<{
     titleStyle?: unknown;
     arrowDirection?: unknown;
     clickable?: unknown;
+    id?: unknown;
+    name?: unknown;
     formatter?: unknown;
     leftIcon?: unknown;
     rightIcon?: unknown;
@@ -226,6 +233,7 @@ declare const _default: import("vue").DefineComponent<{
     maxlength?: unknown;
     inputAlign?: unknown;
     placeholder?: unknown;
+    autocomplete?: unknown;
     errorMessage?: unknown;
     error?: unknown;
     disabled?: unknown;
@@ -235,12 +243,10 @@ declare const _default: import("vue").DefineComponent<{
     clearTrigger?: unknown;
     formatTrigger?: unknown;
     rows?: unknown;
-    name?: unknown;
     rules?: unknown;
     autosize?: unknown;
     labelWidth?: unknown;
     labelAlign?: unknown;
-    autocomplete?: unknown;
     showWordLimit?: unknown;
     errorMessageAlign?: unknown;
     type?: unknown;
@@ -248,14 +254,14 @@ declare const _default: import("vue").DefineComponent<{
 } & {
     type: FieldType;
     center: boolean;
+    autofocus: boolean;
+    disabled: boolean;
     isLink: boolean;
     border: boolean;
     required: boolean;
     clickable: boolean | null;
-    autofocus: boolean;
     clearable: boolean;
     error: boolean;
-    disabled: boolean;
     readonly: boolean;
     clearIcon: string;
     modelValue: string | number;
@@ -268,14 +274,16 @@ declare const _default: import("vue").DefineComponent<{
     label?: string | number | undefined;
     title?: string | number | undefined;
     iconPrefix?: string | undefined;
+    autocomplete?: string | undefined;
+    value?: string | number | undefined;
     icon?: string | undefined;
     size?: "large" | undefined;
-    value?: string | number | undefined;
     valueClass?: unknown;
     labelClass?: unknown;
     titleClass?: unknown;
     titleStyle?: string | import("vue").CSSProperties | undefined;
     arrowDirection?: import("../cell").CellArrowDirection | undefined;
+    id?: string | undefined;
     formatter?: ((value: string) => string) | undefined;
     leftIcon?: string | undefined;
     rightIcon?: string | undefined;
@@ -288,7 +296,6 @@ declare const _default: import("vue").DefineComponent<{
     autosize?: boolean | FieldAutosizeConfig | undefined;
     labelWidth?: string | number | undefined;
     labelAlign?: FieldTextAlign | undefined;
-    autocomplete?: string | undefined;
     errorMessageAlign?: FieldTextAlign | undefined;
 }> & {
     onFocus?: ((...args: any[]) => any) | undefined;
@@ -302,14 +309,14 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     type: FieldType;
     center: boolean;
+    autofocus: boolean;
+    disabled: boolean;
     isLink: boolean;
     border: boolean;
     required: boolean;
     clickable: boolean | null;
-    autofocus: boolean;
     clearable: boolean;
     error: boolean;
-    disabled: boolean;
     readonly: boolean;
     clearIcon: string;
     modelValue: string | number;

package/lib/field/Field.js

@@ -25,6 +25,8 @@ var _cell = require("../cell");
 var [name, bem] = (0, _utils.createNamespace)('field'); // provide to Search component to inherit
 
 var fieldSharedProps = {
+  id: String,
+  name: String,
   formatter: Function,
   leftIcon: String,
   rightIcon: String,
@@ -33,6 +35,7 @@ var fieldSharedProps = {
   maxlength: [Number, String],
   inputAlign: String,
   placeholder: String,
+  autocomplete: String,
   errorMessage: String,
   error: {
     type: Boolean,
@@ -66,13 +69,11 @@ var fieldSharedProps = {
 exports.fieldSharedProps = fieldSharedProps;
 var props = (0, _utils.extend)({}, _Cell.cellProps, fieldSharedProps, {
   rows: [Number, String],
-  name: String,
   rules: Array,
   autosize: [Boolean, Object],
   labelWidth: [Number, String],
   labelClass: _utils.unknownProp,
   labelAlign: String,
-  autocomplete: String,
   showWordLimit: Boolean,
   errorMessageAlign: String,
   type: {
@@ -367,6 +368,7 @@ var _default = (0, _vue.defineComponent)({
       }
 
       var inputAttrs = {
+        id: props.id,
         ref: inputRef,
         name: props.name,
         rows: props.rows !== undefined ? +props.rows : undefined,
@@ -456,7 +458,9 @@ var _default = (0, _vue.defineComponent)({
       }
 
       if (props.label) {
-        return (0, _vue.createVNode)("span", null, [props.label + colon]);
+        return (0, _vue.createVNode)("label", {
+          "for": props.id
+        }, [props.label + colon]);
       }
     };
 
@@ -501,6 +505,7 @@ var _default = (0, _vue.defineComponent)({
         "size": props.size,
         "icon": props.leftIcon,
         "class": bem({
+          error: showError.value,
           disabled,
           ["label-" + labelAlign]: labelAlign
         }),

package/lib/field/index.css

@@ -1 +1 @@
-:root{--van-field-label-width:6.2em;--van-field-label-color:var(--van-gray-7);--van-field-label-margin-right:var(--van-padding-sm);--van-field-input-text-color:var(--van-text-color);--van-field-input-error-text-color:var(--van-danger-color);--van-field-input-disabled-text-color:var(--van-gray-5);--van-field-placeholder-text-color:var(--van-gray-5);--van-field-icon-size:16px;--van-field-clear-icon-size:16px;--van-field-clear-icon-color:var(--van-gray-5);--van-field-right-icon-color:var(--van-gray-6);--van-field-error-message-color:var(--van-danger-color);--van-field-error-message-text-color:12px;--van-field-text-area-min-height:60px;--van-field-word-limit-color:var(--van-gray-7);--van-field-word-limit-font-size:var(--van-font-size-sm);--van-field-word-limit-line-height:16px;--van-field-disabled-text-color:var(--van-gray-5);--van-field-required-mark-color:var(--van-red)}.van-field__label{flex:none;box-sizing:border-box;width:var(--van-field-label-width);margin-right:var(--van-field-label-margin-right);color:var(--van-field-label-color);text-align:left;word-wrap:break-word}.van-field__label--center{text-align:center}.van-field__label--right{text-align:right}.van-field__label--required::before{margin-right:2px;color:var(--van-field-required-mark-color);content:'*'}.van-field--disabled .van-field__label{color:var(--van-field-disabled-text-color)}.van-field__value{overflow:visible}.van-field__body{display:flex;align-items:center}.van-field__control{display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;color:var(--van-field-input-text-color);line-height:inherit;text-align:left;background-color:transparent;border:0;resize:none}.van-field__control::-webkit-input-placeholder{color:var(--van-field-placeholder-text-color)}.van-field__control::placeholder{color:var(--van-field-placeholder-text-color)}.van-field__control:disabled{color:var(--van-field-input-disabled-text-color);cursor:not-allowed;opacity:1;-webkit-text-fill-color:var(--van-field-input-disabled-text-color)}.van-field__control:read-only{cursor:default}.van-field__control--center{justify-content:center;text-align:center}.van-field__control--right{justify-content:flex-end;text-align:right}.van-field__control--custom{display:flex;align-items:center;min-height:var(--van-cell-line-height)}.van-field__control--error::-webkit-input-placeholder{color:var(--van-field-input-error-text-color);-webkit-text-fill-color:currentColor}.van-field__control--error,.van-field__control--error::placeholder{color:var(--van-field-input-error-text-color);-webkit-text-fill-color:currentColor}.van-field__control--min-height{min-height:var(--van-field-text-area-min-height)}.van-field__control[type=date],.van-field__control[type=datetime-local],.van-field__control[type=time]{min-height:var(--van-cell-line-height)}.van-field__control[type=search]{-webkit-appearance:none}.van-field__button,.van-field__clear,.van-field__icon,.van-field__right-icon{flex-shrink:0}.van-field__clear,.van-field__right-icon{margin-right:-var(--van-padding-xs);padding:0 var(--van-padding-xs);line-height:inherit}.van-field__clear{color:var(--van-field-clear-icon-color);font-size:var(--van-field-clear-icon-size);cursor:pointer}.van-field__left-icon .van-icon,.van-field__right-icon .van-icon{display:block;font-size:var(--van-field-icon-size);line-height:inherit}.van-field__left-icon{margin-right:var(--van-padding-base)}.van-field__right-icon{color:var(--van-field-right-icon-color)}.van-field__button{padding-left:var(--van-padding-xs)}.van-field__error-message{color:var(--van-field-error-message-color);font-size:var(--van-field-error-message-text-color);text-align:left}.van-field__error-message--center{text-align:center}.van-field__error-message--right{text-align:right}.van-field__word-limit{margin-top:var(--van-padding-base);color:var(--van-field-word-limit-color);font-size:var(--van-field-word-limit-font-size);line-height:var(--van-field-word-limit-line-height);text-align:right}
+:root{--van-field-label-width:6.2em;--van-field-label-color:var(--van-gray-7);--van-field-label-margin-right:var(--van-padding-sm);--van-field-input-text-color:var(--van-text-color);--van-field-input-error-text-color:var(--van-danger-color);--van-field-input-disabled-text-color:var(--van-gray-5);--van-field-placeholder-text-color:var(--van-gray-5);--van-field-icon-size:16px;--van-field-clear-icon-size:16px;--van-field-clear-icon-color:var(--van-gray-5);--van-field-right-icon-color:var(--van-gray-6);--van-field-error-message-color:var(--van-danger-color);--van-field-error-message-font-size:12px;--van-field-text-area-min-height:60px;--van-field-word-limit-color:var(--van-gray-7);--van-field-word-limit-font-size:var(--van-font-size-sm);--van-field-word-limit-line-height:16px;--van-field-disabled-text-color:var(--van-gray-5);--van-field-required-mark-color:var(--van-red)}.van-field__label{flex:none;box-sizing:border-box;width:var(--van-field-label-width);margin-right:var(--van-field-label-margin-right);color:var(--van-field-label-color);text-align:left;word-wrap:break-word}.van-field__label--center{text-align:center}.van-field__label--right{text-align:right}.van-field__label--required::before{margin-right:2px;color:var(--van-field-required-mark-color);content:'*'}.van-field--disabled .van-field__label{color:var(--van-field-disabled-text-color)}.van-field__value{overflow:visible}.van-field__body{display:flex;align-items:center}.van-field__control{display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;color:var(--van-field-input-text-color);line-height:inherit;text-align:left;background-color:transparent;border:0;resize:none;-webkit-user-select:auto;user-select:auto}.van-field__control::-webkit-input-placeholder{color:var(--van-field-placeholder-text-color)}.van-field__control::placeholder{color:var(--van-field-placeholder-text-color)}.van-field__control:disabled{color:var(--van-field-input-disabled-text-color);cursor:not-allowed;opacity:1;-webkit-text-fill-color:var(--van-field-input-disabled-text-color)}.van-field__control:read-only{cursor:default}.van-field__control--center{justify-content:center;text-align:center}.van-field__control--right{justify-content:flex-end;text-align:right}.van-field__control--custom{display:flex;align-items:center;min-height:var(--van-cell-line-height)}.van-field__control--error::-webkit-input-placeholder{color:var(--van-field-input-error-text-color);-webkit-text-fill-color:currentColor}.van-field__control--error,.van-field__control--error::placeholder{color:var(--van-field-input-error-text-color);-webkit-text-fill-color:currentColor}.van-field__control--min-height{min-height:var(--van-field-text-area-min-height)}.van-field__control[type=date],.van-field__control[type=datetime-local],.van-field__control[type=time]{min-height:var(--van-cell-line-height)}.van-field__control[type=search]{-webkit-appearance:none}.van-field__button,.van-field__clear,.van-field__icon,.van-field__right-icon{flex-shrink:0}.van-field__clear,.van-field__right-icon{margin-right:calc(var(--van-padding-xs) * -1);padding:0 var(--van-padding-xs);line-height:inherit}.van-field__clear{color:var(--van-field-clear-icon-color);font-size:var(--van-field-clear-icon-size);cursor:pointer}.van-field__left-icon .van-icon,.van-field__right-icon .van-icon{display:block;font-size:var(--van-field-icon-size);line-height:inherit}.van-field__left-icon{margin-right:var(--van-padding-base)}.van-field__right-icon{color:var(--van-field-right-icon-color)}.van-field__button{padding-left:var(--van-padding-xs)}.van-field__error-message{color:var(--van-field-error-message-color);font-size:var(--van-field-error-message-font-size);text-align:left}.van-field__error-message--center{text-align:center}.van-field__error-message--right{text-align:right}.van-field__word-limit{margin-top:var(--van-padding-base);color:var(--van-field-word-limit-color);font-size:var(--van-field-word-limit-font-size);line-height:var(--van-field-word-limit-line-height);text-align:right}

package/lib/field/index.d.ts

@@ -1,4 +1,5 @@
-declare const Field: import("../utils").WithInstall<import("vue").DefineComponent<{
+import { FieldProps } from './Field';
+export declare const Field: import("../utils").WithInstall<import("vue").DefineComponent<{
     icon: StringConstructor;
     size: import("vue").PropType<"large">;
     title: (NumberConstructor | StringConstructor)[];
@@ -22,6 +23,8 @@ declare const Field: import("../utils").WithInstall<import("vue").DefineComponen
         default: null;
     };
 } & {
+    id: StringConstructor;
+    name: StringConstructor;
     formatter: import("vue").PropType<(value: string) => string>;
     leftIcon: StringConstructor;
     rightIcon: StringConstructor;
@@ -30,6 +33,7 @@ declare const Field: import("../utils").WithInstall<import("vue").DefineComponen
     maxlength: (NumberConstructor | StringConstructor)[];
     inputAlign: import("vue").PropType<import("./types").FieldTextAlign>;
     placeholder: StringConstructor;
+    autocomplete: StringConstructor;
     errorMessage: StringConstructor;
     error: {
         type: BooleanConstructor;
@@ -61,13 +65,11 @@ declare const Field: import("../utils").WithInstall<import("vue").DefineComponen
     };
 } & {
     rows: (NumberConstructor | StringConstructor)[];
-    name: StringConstructor;
     rules: import("vue").PropType<import("./types").FieldRule[]>;
     autosize: import("vue").PropType<boolean | import("./types").FieldAutosizeConfig>;
     labelWidth: (NumberConstructor | StringConstructor)[];
     labelClass: import("vue").PropType<unknown>;
     labelAlign: import("vue").PropType<import("./types").FieldTextAlign>;
-    autocomplete: StringConstructor;
     showWordLimit: BooleanConstructor;
     errorMessageAlign: import("vue").PropType<import("./types").FieldTextAlign>;
     type: {
@@ -95,6 +97,8 @@ declare const Field: import("../utils").WithInstall<import("vue").DefineComponen
     titleStyle?: unknown;
     arrowDirection?: unknown;
     clickable?: unknown;
+    id?: unknown;
+    name?: unknown;
     formatter?: unknown;
     leftIcon?: unknown;
     rightIcon?: unknown;
@@ -103,6 +107,7 @@ declare const Field: import("../utils").WithInstall<import("vue").DefineComponen
     maxlength?: unknown;
     inputAlign?: unknown;
     placeholder?: unknown;
+    autocomplete?: unknown;
     errorMessage?: unknown;
     error?: unknown;
     disabled?: unknown;
@@ -112,12 +117,10 @@ declare const Field: import("../utils").WithInstall<import("vue").DefineComponen
     clearTrigger?: unknown;
     formatTrigger?: unknown;
     rows?: unknown;
-    name?: unknown;
     rules?: unknown;
     autosize?: unknown;
     labelWidth?: unknown;
     labelAlign?: unknown;
-    autocomplete?: unknown;
     showWordLimit?: unknown;
     errorMessageAlign?: unknown;
     type?: unknown;
@@ -125,14 +128,14 @@ declare const Field: import("../utils").WithInstall<import("vue").DefineComponen
 } & {
     type: import("./types").FieldType;
     center: boolean;
+    autofocus: boolean;
+    disabled: boolean;
     isLink: boolean;
     border: boolean;
     required: boolean;
     clickable: boolean | null;
-    autofocus: boolean;
     clearable: boolean;
     error: boolean;
-    disabled: boolean;
     readonly: boolean;
     clearIcon: string;
     modelValue: string | number;
@@ -145,14 +148,16 @@ declare const Field: import("../utils").WithInstall<import("vue").DefineComponen
     label?: string | number | undefined;
     title?: string | number | undefined;
     iconPrefix?: string | undefined;
+    autocomplete?: string | undefined;
+    value?: string | number | undefined;
     icon?: string | undefined;
     size?: "large" | undefined;
-    value?: string | number | undefined;
     valueClass?: unknown;
     labelClass?: unknown;
     titleClass?: unknown;
     titleStyle?: string | import("vue").CSSProperties | undefined;
     arrowDirection?: import("..").CellArrowDirection | undefined;
+    id?: string | undefined;
     formatter?: ((value: string) => string) | undefined;
     leftIcon?: string | undefined;
     rightIcon?: string | undefined;
@@ -165,7 +170,6 @@ declare const Field: import("../utils").WithInstall<import("vue").DefineComponen
     autosize?: boolean | import("./types").FieldAutosizeConfig | undefined;
     labelWidth?: string | number | undefined;
     labelAlign?: import("./types").FieldTextAlign | undefined;
-    autocomplete?: string | undefined;
     errorMessageAlign?: import("./types").FieldTextAlign | undefined;
 }> & {
     onFocus?: ((...args: any[]) => any) | undefined;
@@ -179,14 +183,14 @@ declare const Field: import("../utils").WithInstall<import("vue").DefineComponen
 }, {
     type: import("./types").FieldType;
     center: boolean;
+    autofocus: boolean;
+    disabled: boolean;
     isLink: boolean;
     border: boolean;
     required: boolean;
     clickable: boolean | null;
-    autofocus: boolean;
     clearable: boolean;
     error: boolean;
-    disabled: boolean;
     readonly: boolean;
     clearIcon: string;
     modelValue: string | number;
@@ -196,5 +200,5 @@ declare const Field: import("../utils").WithInstall<import("vue").DefineComponen
     colon: boolean;
 }>>;
 export default Field;
-export { Field };
-export type { FieldType, FieldRule, FieldTextAlign, FieldClearTrigger, FieldFormatTrigger, FieldValidateError, FieldAutosizeConfig, FieldValidateTrigger, } from './types';
+export type { FieldProps };
+export type { FieldType, FieldRule, FieldInstance, FieldTextAlign, FieldClearTrigger, FieldFormatTrigger, FieldValidateError, FieldAutosizeConfig, FieldValidateTrigger, } from './types';

package/lib/field/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.Field = exports.default = void 0;
+exports.default = exports.Field = void 0;
 
 var _utils = require("../utils");
 

package/lib/field/index.less

@@ -14,7 +14,7 @@
   --van-field-clear-icon-color: @field-clear-icon-color;
   --van-field-right-icon-color: @field-right-icon-color;
   --van-field-error-message-color: @field-error-message-color;
-  --van-field-error-message-text-color: @field-error-message-text-color;
+  --van-field-error-message-font-size: @field-error-message-font-size;
   --van-field-text-area-min-height: @field-text-area-min-height;
   --van-field-word-limit-color: @field-word-limit-color;
   --van-field-word-limit-font-size: @field-word-limit-font-size;
@@ -78,6 +78,8 @@
     background-color: transparent;
     border: 0;
     resize: none;
+    // https://github.com/youzan/vant/pull/9418
+    user-select: auto;
 
     &::placeholder {
       color: var(--van-field-placeholder-text-color);
@@ -143,7 +145,7 @@
 
   &__clear,
   &__right-icon {
-    margin-right: -var(--van-padding-xs);
+    margin-right: calc(var(--van-padding-xs) * -1);
     padding: 0 var(--van-padding-xs);
     line-height: inherit;
   }
@@ -175,7 +177,7 @@
 
   &__error-message {
     color: var(--van-field-error-message-color);
-    font-size: var(--van-field-error-message-text-color);
+    font-size: var(--van-field-error-message-font-size);
     text-align: left;
 
     &--center {

package/lib/field/var.less

@@ -12,7 +12,7 @@
 @field-clear-icon-color: var(--van-gray-5);
 @field-right-icon-color: var(--van-gray-6);
 @field-error-message-color: var(--van-danger-color);
-@field-error-message-text-color: 12px;
+@field-error-message-font-size: 12px;
 @field-text-area-min-height: 60px;
 @field-word-limit-color: var(--van-gray-7);
 @field-word-limit-font-size: var(--van-font-size-sm);

package/lib/form/index.d.ts

@@ -1,4 +1,5 @@
-declare const Form: import("../utils").WithInstall<import("vue").DefineComponent<{
+import { FormProps } from './Form';
+export declare const Form: import("../utils").WithInstall<import("vue").DefineComponent<{
     colon: BooleanConstructor;
     disabled: BooleanConstructor;
     readonly: BooleanConstructor;
@@ -65,5 +66,5 @@ declare const Form: import("../utils").WithInstall<import("vue").DefineComponent
     validateTrigger: import("..").FieldValidateTrigger;
 }>>;
 export default Form;
-export { Form };
+export type { FormProps };
 export type { FormInstance } from './types';

package/lib/form/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.Form = exports.default = void 0;
+exports.default = exports.Form = void 0;
 
 var _utils = require("../utils");
 

package/lib/grid/Grid.d.ts

@@ -54,21 +54,21 @@ declare const _default: import("vue").DefineComponent<{
     clickable?: unknown;
     columnNum?: unknown;
 } & {
+    reverse: boolean;
     center: boolean;
     border: boolean;
     clickable: boolean;
-    reverse: boolean;
     square: boolean;
     columnNum: string | number;
 } & {
     iconSize?: string | number | undefined;
     direction?: GridDirection | undefined;
     gutter?: string | number | undefined;
-}> & {}, {
+}>, {
+    reverse: boolean;
     center: boolean;
     border: boolean;
     clickable: boolean;
-    reverse: boolean;
     square: boolean;
     columnNum: string | number;
 }>;

package/lib/grid/index.d.ts

@@ -1,4 +1,4 @@
-declare const Grid: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Grid: import("../utils").WithInstall<import("vue").DefineComponent<{
     square: BooleanConstructor;
     center: {
         type: BooleanConstructor;
@@ -28,24 +28,23 @@ declare const Grid: import("../utils").WithInstall<import("vue").DefineComponent
     clickable?: unknown;
     columnNum?: unknown;
 } & {
+    reverse: boolean;
     center: boolean;
     border: boolean;
     clickable: boolean;
-    reverse: boolean;
     square: boolean;
     columnNum: string | number;
 } & {
     iconSize?: string | number | undefined;
     direction?: import("./Grid").GridDirection | undefined;
     gutter?: string | number | undefined;
-}> & {}, {
+}>, {
+    reverse: boolean;
     center: boolean;
     border: boolean;
     clickable: boolean;
-    reverse: boolean;
     square: boolean;
     columnNum: string | number;
 }>>;
 export default Grid;
-export { Grid };
 export type { GridDirection } from './Grid';

package/lib/grid/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.Grid = exports.default = void 0;
+exports.default = exports.Grid = void 0;
 
 var _utils = require("../utils");
 

package/lib/grid-item/GridItem.d.ts

@@ -30,7 +30,7 @@ declare const _default: import("vue").DefineComponent<{
     iconPrefix?: string | undefined;
     icon?: string | undefined;
     iconColor?: string | undefined;
-}> & {}, {
+}>, {
     replace: boolean;
     dot: boolean;
 }>;

package/lib/grid-item/index.d.ts

@@ -1,4 +1,4 @@
-declare const GridItem: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const GridItem: import("../utils").WithInstall<import("vue").DefineComponent<{
     to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
     replace: BooleanConstructor;
@@ -30,9 +30,8 @@ declare const GridItem: import("../utils").WithInstall<import("vue").DefineCompo
     iconPrefix?: string | undefined;
     icon?: string | undefined;
     iconColor?: string | undefined;
-}> & {}, {
+}>, {
     replace: boolean;
     dot: boolean;
 }>>;
 export default GridItem;
-export { GridItem };

package/lib/grid-item/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.GridItem = exports.default = void 0;
+exports.default = exports.GridItem = void 0;
 
 var _utils = require("../utils");
 

package/lib/icon/Icon.d.ts

@@ -27,7 +27,7 @@ declare const _default: import("vue").DefineComponent<{
     color?: string | undefined;
     size?: string | number | undefined;
     classPrefix?: string | undefined;
-}> & {}, {
+}>, {
     dot: boolean;
     tag: keyof HTMLElementTagNameMap;
 }>;