vant 3.2.2 → 3.2.6

package/lib/field/Field.d.ts

@@ -2,15 +2,33 @@ import { PropType, ExtractPropTypes } from 'vue';
 import type { FieldRule, FieldType, FieldTextAlign, FieldClearTrigger, FieldFormatTrigger, FieldAutosizeConfig } from './types';
 export declare const fieldSharedProps: {
     id: StringConstructor;
-    formatter: PropType<(value: string) => string>;
+    name: StringConstructor;
     leftIcon: StringConstructor;
     rightIcon: StringConstructor;
     autofocus: BooleanConstructor;
     clearable: BooleanConstructor;
     maxlength: (NumberConstructor | StringConstructor)[];
+    formatter: PropType<(value: string) => string>;
+    clearIcon: {
+        type: PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
     inputAlign: PropType<FieldTextAlign>;
     placeholder: StringConstructor;
+    autocomplete: StringConstructor;
     errorMessage: StringConstructor;
+    clearTrigger: {
+        type: PropType<FieldClearTrigger>;
+        default: FieldClearTrigger;
+    };
+    formatTrigger: {
+        type: PropType<FieldFormatTrigger>;
+        default: FieldFormatTrigger;
+    };
     error: {
         type: BooleanConstructor;
         default: null;
@@ -23,22 +41,6 @@ export declare const fieldSharedProps: {
         type: BooleanConstructor;
         default: null;
     };
-    clearIcon: {
-        type: StringConstructor;
-        default: string;
-    };
-    modelValue: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: string;
-    };
-    clearTrigger: {
-        type: PropType<FieldClearTrigger>;
-        default: string;
-    };
-    formatTrigger: {
-        type: PropType<FieldFormatTrigger>;
-        default: string;
-    };
 };
 declare const props: {
     icon: StringConstructor;
@@ -65,15 +67,33 @@ declare const props: {
     };
 } & {
     id: StringConstructor;
-    formatter: PropType<(value: string) => string>;
+    name: StringConstructor;
     leftIcon: StringConstructor;
     rightIcon: StringConstructor;
     autofocus: BooleanConstructor;
     clearable: BooleanConstructor;
     maxlength: (NumberConstructor | StringConstructor)[];
+    formatter: PropType<(value: string) => string>;
+    clearIcon: {
+        type: PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
     inputAlign: PropType<FieldTextAlign>;
     placeholder: StringConstructor;
+    autocomplete: StringConstructor;
     errorMessage: StringConstructor;
+    clearTrigger: {
+        type: PropType<FieldClearTrigger>;
+        default: FieldClearTrigger;
+    };
+    formatTrigger: {
+        type: PropType<FieldFormatTrigger>;
+        default: FieldFormatTrigger;
+    };
     error: {
         type: BooleanConstructor;
         default: null;
@@ -86,37 +106,19 @@ declare const props: {
         type: BooleanConstructor;
         default: null;
     };
-    clearIcon: {
-        type: StringConstructor;
-        default: string;
-    };
-    modelValue: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: string;
-    };
-    clearTrigger: {
-        type: PropType<FieldClearTrigger>;
-        default: string;
-    };
-    formatTrigger: {
-        type: PropType<FieldFormatTrigger>;
-        default: string;
-    };
 } & {
     rows: (NumberConstructor | StringConstructor)[];
-    name: StringConstructor;
+    type: {
+        type: PropType<FieldType>;
+        default: FieldType;
+    };
     rules: PropType<FieldRule[]>;
     autosize: PropType<boolean | FieldAutosizeConfig>;
     labelWidth: (NumberConstructor | StringConstructor)[];
     labelClass: PropType<unknown>;
     labelAlign: PropType<FieldTextAlign>;
-    autocomplete: StringConstructor;
     showWordLimit: BooleanConstructor;
     errorMessageAlign: PropType<FieldTextAlign>;
-    type: {
-        type: PropType<FieldType>;
-        default: string;
-    };
     colon: {
         type: BooleanConstructor;
         default: null;
@@ -148,15 +150,33 @@ declare const _default: import("vue").DefineComponent<{
     };
 } & {
     id: StringConstructor;
-    formatter: PropType<(value: string) => string>;
+    name: StringConstructor;
     leftIcon: StringConstructor;
     rightIcon: StringConstructor;
     autofocus: BooleanConstructor;
     clearable: BooleanConstructor;
     maxlength: (NumberConstructor | StringConstructor)[];
+    formatter: PropType<(value: string) => string>;
+    clearIcon: {
+        type: PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
     inputAlign: PropType<FieldTextAlign>;
     placeholder: StringConstructor;
+    autocomplete: StringConstructor;
     errorMessage: StringConstructor;
+    clearTrigger: {
+        type: PropType<FieldClearTrigger>;
+        default: FieldClearTrigger;
+    };
+    formatTrigger: {
+        type: PropType<FieldFormatTrigger>;
+        default: FieldFormatTrigger;
+    };
     error: {
         type: BooleanConstructor;
         default: null;
@@ -169,37 +189,19 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: null;
     };
-    clearIcon: {
-        type: StringConstructor;
-        default: string;
-    };
-    modelValue: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: string;
-    };
-    clearTrigger: {
-        type: PropType<FieldClearTrigger>;
-        default: string;
-    };
-    formatTrigger: {
-        type: PropType<FieldFormatTrigger>;
-        default: string;
-    };
 } & {
     rows: (NumberConstructor | StringConstructor)[];
-    name: StringConstructor;
+    type: {
+        type: PropType<FieldType>;
+        default: FieldType;
+    };
     rules: PropType<FieldRule[]>;
     autosize: PropType<boolean | FieldAutosizeConfig>;
     labelWidth: (NumberConstructor | StringConstructor)[];
     labelClass: PropType<unknown>;
     labelAlign: PropType<FieldTextAlign>;
-    autocomplete: StringConstructor;
     showWordLimit: BooleanConstructor;
     errorMessageAlign: PropType<FieldTextAlign>;
-    type: {
-        type: PropType<FieldType>;
-        default: string;
-    };
     colon: {
         type: BooleanConstructor;
         default: null;
@@ -222,49 +224,49 @@ declare const _default: import("vue").DefineComponent<{
     arrowDirection?: unknown;
     clickable?: unknown;
     id?: unknown;
-    formatter?: unknown;
+    name?: unknown;
     leftIcon?: unknown;
     rightIcon?: unknown;
     autofocus?: unknown;
     clearable?: unknown;
     maxlength?: unknown;
+    formatter?: unknown;
+    clearIcon?: unknown;
+    modelValue?: unknown;
     inputAlign?: unknown;
     placeholder?: unknown;
+    autocomplete?: unknown;
     errorMessage?: unknown;
+    clearTrigger?: unknown;
+    formatTrigger?: unknown;
     error?: unknown;
     disabled?: unknown;
     readonly?: unknown;
-    clearIcon?: unknown;
-    modelValue?: unknown;
-    clearTrigger?: unknown;
-    formatTrigger?: unknown;
     rows?: unknown;
-    name?: unknown;
+    type?: unknown;
     rules?: unknown;
     autosize?: unknown;
     labelWidth?: unknown;
     labelAlign?: unknown;
-    autocomplete?: unknown;
     showWordLimit?: unknown;
     errorMessageAlign?: unknown;
-    type?: unknown;
     colon?: unknown;
 } & {
     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;
     clearTrigger: FieldClearTrigger;
     formatTrigger: FieldFormatTrigger;
+    error: boolean;
+    readonly: boolean;
     showWordLimit: boolean;
     colon: boolean;
 } & {
@@ -272,19 +274,20 @@ 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;
     maxlength?: string | number | undefined;
+    formatter?: ((value: string) => string) | undefined;
     inputAlign?: FieldTextAlign | undefined;
     placeholder?: string | undefined;
     errorMessage?: string | undefined;
@@ -293,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;
@@ -307,19 +309,19 @@ 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;
     clearTrigger: FieldClearTrigger;
     formatTrigger: FieldFormatTrigger;
+    error: boolean;
+    readonly: boolean;
     showWordLimit: boolean;
     colon: boolean;
 }>;

package/lib/field/Field.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.default = exports.fieldSharedProps = void 0;
+exports.fieldSharedProps = exports.default = void 0;
 
 var _vue = require("vue");
 
@@ -26,15 +26,21 @@ var [name, bem] = (0, _utils.createNamespace)('field'); // provide to Search com
 
 var fieldSharedProps = {
   id: String,
-  formatter: Function,
+  name: String,
   leftIcon: String,
   rightIcon: String,
   autofocus: Boolean,
   clearable: Boolean,
-  maxlength: [Number, String],
+  maxlength: _utils.numericProp,
+  formatter: Function,
+  clearIcon: (0, _utils.makeStringProp)('clear'),
+  modelValue: (0, _utils.makeNumericProp)(''),
   inputAlign: String,
   placeholder: String,
+  autocomplete: String,
   errorMessage: String,
+  clearTrigger: (0, _utils.makeStringProp)('focus'),
+  formatTrigger: (0, _utils.makeStringProp)('onChange'),
   error: {
     type: Boolean,
     default: null
@@ -46,40 +52,19 @@ var fieldSharedProps = {
   readonly: {
     type: Boolean,
     default: null
-  },
-  clearIcon: {
-    type: String,
-    default: 'clear'
-  },
-  modelValue: {
-    type: [Number, String],
-    default: ''
-  },
-  clearTrigger: {
-    type: String,
-    default: 'focus'
-  },
-  formatTrigger: {
-    type: String,
-    default: 'onChange'
   }
 };
 exports.fieldSharedProps = fieldSharedProps;
 var props = (0, _utils.extend)({}, _Cell.cellProps, fieldSharedProps, {
-  rows: [Number, String],
-  name: String,
+  rows: _utils.numericProp,
+  type: (0, _utils.makeStringProp)('text'),
   rules: Array,
   autosize: [Boolean, Object],
-  labelWidth: [Number, String],
+  labelWidth: _utils.numericProp,
   labelClass: _utils.unknownProp,
   labelAlign: String,
-  autocomplete: String,
   showWordLimit: Boolean,
   errorMessageAlign: String,
-  type: {
-    type: String,
-    default: 'text'
-  },
   colon: {
     type: Boolean,
     default: null
@@ -443,10 +428,13 @@ var _default = (0, _vue.defineComponent)({
       var message = props.errorMessage || state.validateMessage;
 
       if (message) {
+        var slot = slots['error-message'];
         var errorMessageAlign = getProp('errorMessageAlign');
         return (0, _vue.createVNode)("div", {
           "class": bem('error-message', errorMessageAlign)
-        }, [message]);
+        }, [slot ? slot({
+          message
+        }) : message]);
       }
     };
 

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: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-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,3 +1,4 @@
+import { FieldProps } from './Field';
 export declare const Field: import("../utils").WithInstall<import("vue").DefineComponent<{
     icon: StringConstructor;
     size: import("vue").PropType<"large">;
@@ -23,15 +24,33 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     };
 } & {
     id: StringConstructor;
-    formatter: import("vue").PropType<(value: string) => string>;
+    name: StringConstructor;
     leftIcon: StringConstructor;
     rightIcon: StringConstructor;
     autofocus: BooleanConstructor;
     clearable: BooleanConstructor;
     maxlength: (NumberConstructor | StringConstructor)[];
+    formatter: import("vue").PropType<(value: string) => string>;
+    clearIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
     inputAlign: import("vue").PropType<import("./types").FieldTextAlign>;
     placeholder: StringConstructor;
+    autocomplete: StringConstructor;
     errorMessage: StringConstructor;
+    clearTrigger: {
+        type: import("vue").PropType<import("./types").FieldClearTrigger>;
+        default: import("./types").FieldClearTrigger;
+    };
+    formatTrigger: {
+        type: import("vue").PropType<import("./types").FieldFormatTrigger>;
+        default: import("./types").FieldFormatTrigger;
+    };
     error: {
         type: BooleanConstructor;
         default: null;
@@ -44,37 +63,19 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
         type: BooleanConstructor;
         default: null;
     };
-    clearIcon: {
-        type: StringConstructor;
-        default: string;
-    };
-    modelValue: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: string;
-    };
-    clearTrigger: {
-        type: import("vue").PropType<import("./types").FieldClearTrigger>;
-        default: string;
-    };
-    formatTrigger: {
-        type: import("vue").PropType<import("./types").FieldFormatTrigger>;
-        default: string;
-    };
 } & {
     rows: (NumberConstructor | StringConstructor)[];
-    name: StringConstructor;
+    type: {
+        type: import("vue").PropType<import("./types").FieldType>;
+        default: import("./types").FieldType;
+    };
     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: {
-        type: import("vue").PropType<import("./types").FieldType>;
-        default: string;
-    };
     colon: {
         type: BooleanConstructor;
         default: null;
@@ -97,49 +98,49 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     arrowDirection?: unknown;
     clickable?: unknown;
     id?: unknown;
-    formatter?: unknown;
+    name?: unknown;
     leftIcon?: unknown;
     rightIcon?: unknown;
     autofocus?: unknown;
     clearable?: unknown;
     maxlength?: unknown;
+    formatter?: unknown;
+    clearIcon?: unknown;
+    modelValue?: unknown;
     inputAlign?: unknown;
     placeholder?: unknown;
+    autocomplete?: unknown;
     errorMessage?: unknown;
+    clearTrigger?: unknown;
+    formatTrigger?: unknown;
     error?: unknown;
     disabled?: unknown;
     readonly?: unknown;
-    clearIcon?: unknown;
-    modelValue?: unknown;
-    clearTrigger?: unknown;
-    formatTrigger?: unknown;
     rows?: unknown;
-    name?: unknown;
+    type?: unknown;
     rules?: unknown;
     autosize?: unknown;
     labelWidth?: unknown;
     labelAlign?: unknown;
-    autocomplete?: unknown;
     showWordLimit?: unknown;
     errorMessageAlign?: unknown;
-    type?: unknown;
     colon?: unknown;
 } & {
     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;
     clearTrigger: import("./types").FieldClearTrigger;
     formatTrigger: import("./types").FieldFormatTrigger;
+    error: boolean;
+    readonly: boolean;
     showWordLimit: boolean;
     colon: boolean;
 } & {
@@ -147,19 +148,20 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     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;
     maxlength?: string | number | undefined;
+    formatter?: ((value: string) => string) | undefined;
     inputAlign?: import("./types").FieldTextAlign | undefined;
     placeholder?: string | undefined;
     errorMessage?: string | undefined;
@@ -168,7 +170,6 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     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;
@@ -182,21 +183,22 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
 }, {
     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;
     clearTrigger: import("./types").FieldClearTrigger;
     formatTrigger: import("./types").FieldFormatTrigger;
+    error: boolean;
+    readonly: boolean;
     showWordLimit: boolean;
     colon: boolean;
 }>>;
 export default Field;
+export type { FieldProps };
 export type { FieldType, FieldRule, FieldInstance, FieldTextAlign, FieldClearTrigger, FieldFormatTrigger, FieldValidateError, FieldAutosizeConfig, FieldValidateTrigger, } from './types';

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);
@@ -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/utils.js

@@ -1,13 +1,13 @@
 "use strict";
 
 exports.__esModule = true;
-exports.runSyncRule = runSyncRule;
-exports.runRuleValidator = runRuleValidator;
-exports.getRuleMessage = getRuleMessage;
-exports.startComposing = startComposing;
 exports.endComposing = endComposing;
-exports.resizeTextarea = resizeTextarea;
+exports.getRuleMessage = getRuleMessage;
 exports.mapInputType = mapInputType;
+exports.resizeTextarea = resizeTextarea;
+exports.runRuleValidator = runRuleValidator;
+exports.runSyncRule = runSyncRule;
+exports.startComposing = startComposing;
 
 var _utils = require("../utils");
 

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);