vant 3.2.1 → 3.2.5

package/es/dropdown-menu/DropdownMenu.js

@@ -1,25 +1,19 @@
 import { createVNode as _createVNode } from "vue";
 import { ref, computed, defineComponent } from 'vue'; // Utils
 
-import { isDef, truthProp, createNamespace } from '../utils'; // Composables
+import { isDef, truthProp, numericProp, makeStringProp, makeNumericProp, createNamespace } from '../utils'; // Composables
 
 import { useRect, useChildren, useClickAway, useScrollParent, useEventListener } from '@vant/use'; // Types
 
 var [name, bem] = createNamespace('dropdown-menu');
 var props = {
   overlay: truthProp,
-  zIndex: [Number, String],
+  zIndex: numericProp,
+  duration: makeNumericProp(0.2),
+  direction: makeStringProp('down'),
   activeColor: String,
   closeOnClickOutside: truthProp,
-  closeOnClickOverlay: truthProp,
-  duration: {
-    type: [Number, String],
-    default: 0.2
-  },
-  direction: {
-    type: String,
-    default: 'down'
-  }
+  closeOnClickOverlay: truthProp
 };
 export var DROPDOWN_KEY = Symbol(name);
 export default defineComponent({

package/es/dropdown-menu/index.d.ts

@@ -1,9 +1,18 @@
-declare const DropdownMenu: import("../utils").WithInstall<import("vue").DefineComponent<{
+import { DropdownMenuProps } from './DropdownMenu';
+export declare const DropdownMenu: import("../utils").WithInstall<import("vue").DefineComponent<{
     overlay: {
         type: BooleanConstructor;
         default: true;
     };
     zIndex: (NumberConstructor | StringConstructor)[];
+    duration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    direction: {
+        type: import("vue").PropType<import("./types").DropdownMenuDirection>;
+        default: import("./types").DropdownMenuDirection;
+    };
     activeColor: StringConstructor;
     closeOnClickOutside: {
         type: BooleanConstructor;
@@ -13,22 +22,14 @@ declare const DropdownMenu: import("../utils").WithInstall<import("vue").DefineC
         type: BooleanConstructor;
         default: true;
     };
-    duration: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
-    direction: {
-        type: import("vue").PropType<import("./types").DropdownMenuDirection>;
-        default: string;
-    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     overlay?: unknown;
     zIndex?: unknown;
+    duration?: unknown;
+    direction?: unknown;
     activeColor?: unknown;
     closeOnClickOutside?: unknown;
     closeOnClickOverlay?: unknown;
-    duration?: unknown;
-    direction?: unknown;
 } & {
     overlay: boolean;
     duration: string | number;
@@ -38,7 +39,7 @@ declare const DropdownMenu: import("../utils").WithInstall<import("vue").DefineC
 } & {
     zIndex?: string | number | undefined;
     activeColor?: string | undefined;
-}> & {}, {
+}>, {
     overlay: boolean;
     duration: string | number;
     closeOnClickOverlay: boolean;
@@ -46,5 +47,5 @@ declare const DropdownMenu: import("../utils").WithInstall<import("vue").DefineC
     closeOnClickOutside: boolean;
 }>>;
 export default DropdownMenu;
-export { DropdownMenu };
+export type { DropdownMenuProps };
 export type { DropdownMenuDirection } from './types';

package/es/dropdown-menu/index.js

@@ -1,5 +1,4 @@
 import { withInstall } from '../utils';
 import _DropdownMenu from './DropdownMenu';
-var DropdownMenu = withInstall(_DropdownMenu);
-export default DropdownMenu;
-export { DropdownMenu };
+export var DropdownMenu = withInstall(_DropdownMenu);
+export default DropdownMenu;

package/es/empty/Empty.d.ts

@@ -1,20 +1,20 @@
 declare const _default: import("vue").DefineComponent<{
-    imageSize: (NumberConstructor | StringConstructor)[];
-    description: StringConstructor;
     image: {
-        type: StringConstructor;
+        type: import("vue").PropType<string>;
         default: string;
     };
+    imageSize: (NumberConstructor | StringConstructor)[];
+    description: StringConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    image?: unknown;
     imageSize?: unknown;
     description?: unknown;
-    image?: unknown;
 } & {
     image: string;
 } & {
     description?: string | undefined;
     imageSize?: string | number | undefined;
-}> & {}, {
+}>, {
     image: string;
 }>;
 export default _default;

package/es/empty/Empty.js

@@ -1,18 +1,15 @@
 import { createVNode as _createVNode } from "vue";
 import { defineComponent } from 'vue';
-import { createNamespace, getSizeStyle } from '../utils';
+import { numericProp, getSizeStyle, makeStringProp, createNamespace } from '../utils';
 import { Network } from './Network';
 var [name, bem] = createNamespace('empty');
 var PRESET_IMAGES = ['error', 'search', 'default'];
 export default defineComponent({
   name,
   props: {
-    imageSize: [Number, String],
-    description: String,
-    image: {
-      type: String,
-      default: 'default'
-    }
+    image: makeStringProp('default'),
+    imageSize: numericProp,
+    description: String
   },
 
   setup(props, {

package/es/empty/index.d.ts

@@ -1,21 +1,20 @@
-declare const Empty: import("../utils").WithInstall<import("vue").DefineComponent<{
-    imageSize: (NumberConstructor | StringConstructor)[];
-    description: StringConstructor;
+export declare const Empty: import("../utils").WithInstall<import("vue").DefineComponent<{
     image: {
-        type: StringConstructor;
+        type: import("vue").PropType<string>;
         default: string;
     };
+    imageSize: (NumberConstructor | StringConstructor)[];
+    description: StringConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    image?: unknown;
     imageSize?: unknown;
     description?: unknown;
-    image?: unknown;
 } & {
     image: string;
 } & {
     description?: string | undefined;
     imageSize?: string | number | undefined;
-}> & {}, {
+}>, {
     image: string;
 }>>;
 export default Empty;
-export { Empty };

package/es/empty/index.js

@@ -1,5 +1,4 @@
 import { withInstall } from '../utils';
 import _Empty from './Empty';
-var Empty = withInstall(_Empty);
-export default Empty;
-export { Empty };
+export var Empty = withInstall(_Empty);
+export default Empty;

package/es/field/Field.d.ts

@@ -1,15 +1,34 @@
 import { PropType, ExtractPropTypes } from 'vue';
 import type { FieldRule, FieldType, FieldTextAlign, FieldClearTrigger, FieldFormatTrigger, FieldAutosizeConfig } from './types';
 export declare const fieldSharedProps: {
-    formatter: PropType<(value: string) => string>;
+    id: StringConstructor;
+    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;
@@ -22,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;
@@ -63,15 +66,34 @@ declare const props: {
         default: null;
     };
 } & {
-    formatter: PropType<(value: string) => string>;
+    id: StringConstructor;
+    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;
@@ -84,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;
@@ -145,15 +149,34 @@ declare const _default: import("vue").DefineComponent<{
         default: null;
     };
 } & {
-    formatter: PropType<(value: string) => string>;
+    id: StringConstructor;
+    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;
@@ -166,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;
@@ -218,49 +223,50 @@ declare const _default: import("vue").DefineComponent<{
     titleStyle?: unknown;
     arrowDirection?: unknown;
     clickable?: unknown;
-    formatter?: unknown;
+    id?: 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;
 } & {
@@ -268,18 +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;
-    formatter?: ((value: string) => string) | undefined;
+    id?: 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;
@@ -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,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/es/field/Field.js

@@ -1,7 +1,7 @@
 import { resolveDirective as _resolveDirective, createTextVNode as _createTextVNode, mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
 import { ref, watch, provide, computed, nextTick, reactive, onMounted, defineComponent } from 'vue'; // Utils
 
-import { isDef, extend, addUnit, FORM_KEY, unknownProp, resetScroll, formatNumber, preventDefault, createNamespace } from '../utils';
+import { isDef, extend, addUnit, FORM_KEY, numericProp, unknownProp, resetScroll, formatNumber, preventDefault, makeStringProp, makeNumericProp, createNamespace } from '../utils';
 import { runSyncRule, endComposing, mapInputType, startComposing, getRuleMessage, resizeTextarea, runRuleValidator } from './utils';
 import { cellProps } from '../cell/Cell'; // Composables
 
@@ -14,15 +14,22 @@ import { Cell } from '../cell'; // Types
 var [name, bem] = createNamespace('field'); // provide to Search component to inherit
 
 export var fieldSharedProps = {
-  formatter: Function,
+  id: String,
+  name: String,
   leftIcon: String,
   rightIcon: String,
   autofocus: Boolean,
   clearable: Boolean,
-  maxlength: [Number, String],
+  maxlength: numericProp,
+  formatter: Function,
+  clearIcon: makeStringProp('clear'),
+  modelValue: makeNumericProp(''),
   inputAlign: String,
   placeholder: String,
+  autocomplete: String,
   errorMessage: String,
+  clearTrigger: makeStringProp('focus'),
+  formatTrigger: makeStringProp('onChange'),
   error: {
     type: Boolean,
     default: null
@@ -34,39 +41,18 @@ export 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'
   }
 };
 var props = extend({}, cellProps, fieldSharedProps, {
-  rows: [Number, String],
-  name: String,
+  rows: numericProp,
+  type: makeStringProp('text'),
   rules: Array,
   autosize: [Boolean, Object],
-  labelWidth: [Number, String],
+  labelWidth: numericProp,
   labelClass: unknownProp,
   labelAlign: String,
-  autocomplete: String,
   showWordLimit: Boolean,
   errorMessageAlign: String,
-  type: {
-    type: String,
-    default: 'text'
-  },
   colon: {
     type: Boolean,
     default: null
@@ -354,6 +340,7 @@ export default defineComponent({
       }
 
       var inputAttrs = {
+        id: props.id,
         ref: inputRef,
         name: props.name,
         rows: props.rows !== undefined ? +props.rows : undefined,
@@ -428,10 +415,13 @@ export default defineComponent({
       var message = props.errorMessage || state.validateMessage;
 
       if (message) {
+        var slot = slots['error-message'];
         var errorMessageAlign = getProp('errorMessageAlign');
         return _createVNode("div", {
           "class": bem('error-message', errorMessageAlign)
-        }, [message]);
+        }, [slot ? slot({
+          message
+        }) : message]);
       }
     };
 
@@ -443,7 +433,9 @@ export default defineComponent({
       }
 
       if (props.label) {
-        return _createVNode("span", null, [props.label + colon]);
+        return _createVNode("label", {
+          "for": props.id
+        }, [props.label + colon]);
       }
     };
 
@@ -488,6 +480,7 @@ export default defineComponent({
         "size": props.size,
         "icon": props.leftIcon,
         "class": bem({
+          error: showError.value,
           disabled,
           ["label-" + labelAlign]: labelAlign
         }),

package/es/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}