vant 3.2.3 → 3.2.7

package/es/empty/Network.js

@@ -13,40 +13,24 @@ export var Network = _createVNode("svg", {
   "id": prefix + "1",
   "x1": "64.022%",
   "y1": "100%",
-  "x2": "64.022%",
-  "y2": "0%"
+  "x2": "64.022%"
 }, [renderStop('#FFF', 0, 0.5), renderStop('#F2F3F5', 100)]), _createVNode("linearGradient", {
   "id": prefix + "2",
   "x1": "50%",
-  "y1": "0%",
   "x2": "50%",
   "y2": "84.459%"
 }, [renderStop('#EBEDF0', 0), renderStop('#DCDEE0', 100, 0)]), _createVNode("linearGradient", {
   "id": prefix + "3",
   "x1": "100%",
-  "y1": "0%",
   "x2": "100%",
   "y2": "100%"
 }, [renderStop('#EAEDF0', 0), renderStop('#DCDEE0', 100)]), _createVNode("linearGradient", {
   "id": prefix + "4",
   "x1": "100%",
   "y1": "100%",
-  "x2": "100%",
-  "y2": "0%"
-}, [renderStop('#EAEDF0', 0), renderStop('#DCDEE0', 100)]), _createVNode("linearGradient", {
-  "id": prefix + "5",
-  "x1": "0%",
-  "y1": "43.982%",
-  "x2": "100%",
-  "y2": "54.703%"
-}, [renderStop('#EAEDF0', 0), renderStop('#DCDEE0', 100)]), _createVNode("linearGradient", {
-  "id": prefix + "6",
-  "x1": "94.535%",
-  "y1": "43.837%",
-  "x2": "5.465%",
-  "y2": "54.948%"
+  "x2": "100%"
 }, [renderStop('#EAEDF0', 0), renderStop('#DCDEE0', 100)]), _createVNode("radialGradient", {
-  "id": prefix + "7",
+  "id": prefix + "5",
   "cx": "50%",
   "cy": "0%",
   "fx": "50%",
@@ -54,8 +38,7 @@ export var Network = _createVNode("svg", {
   "r": "100%",
   "gradientTransform": "matrix(0 1 -.54835 0 .5 -.5)"
 }, [renderStop('#EBEDF0', 0), renderStop('#FFF', 100, 0)])]), _createVNode("g", {
-  "fill": "none",
-  "fill-rule": "evenodd"
+  "fill": "none"
 }, [_createVNode("g", {
   "opacity": ".8"
 }, [_createVNode("path", {
@@ -67,12 +50,11 @@ export var Network = _createVNode("svg", {
   "fill": "url(#" + prefix + "1)",
   "transform": "translate(2 7)"
 }, null)]), _createVNode("path", {
-  "fill": "url(#" + prefix + "7)",
+  "fill": "url(#" + prefix + "5)",
   "d": "M0 139h160v21H0z"
 }, null), _createVNode("path", {
   "d": "M37 18a7 7 0 013 13.326v26.742c0 1.23-.997 2.227-2.227 2.227h-1.546A2.227 2.227 0 0134 58.068V31.326A7 7 0 0137 18z",
   "fill": "url(#" + prefix + "2)",
-  "fill-rule": "nonzero",
   "transform": "translate(43 36)"
 }, null), _createVNode("g", {
   "opacity": ".6",
@@ -95,10 +77,9 @@ export var Network = _createVNode("svg", {
   "stroke": "url(#" + prefix + "4)",
   "transform": "rotate(-180 89.791 42.146)"
 }, null)]), _createVNode("g", {
-  "transform": "translate(31 105)",
-  "fill-rule": "nonzero"
+  "transform": "translate(31 105)"
 }, [_createVNode("rect", {
-  "fill": "url(#" + prefix + "5)",
+  "fill": "#EBEDF0",
   "width": "98",
   "height": "34",
   "rx": "2"
@@ -110,7 +91,7 @@ export var Network = _createVNode("svg", {
   "height": "18",
   "rx": "1.114"
 }, null), _createVNode("rect", {
-  "fill": "url(#" + prefix + "6)",
+  "fill": "#EBEDF0",
   "x": "15",
   "y": "12",
   "width": "18",

package/es/empty/index.css

@@ -1 +1 @@
-:root{--van-empty-padding:var(--van-padding-xl) 0;--van-empty-image-size:160px;--van-empty-description-margin-top:var(--van-padding-md);--van-empty-description-padding:0 60px;--van-empty-description-color:var(--van-gray-6);--van-empty-description-font-size:var(--van-font-size-md);--van-empty-description-line-height:var(--van-line-height-md);--van-empty-bottom-margin-top:24px}.van-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;padding:var(--van-empty-padding)}.van-empty__image{width:var(--van-empty-image-size);height:var(--van-empty-image-size)}.van-empty__image img{width:100%;height:100%}.van-empty__description{margin-top:var(--van-empty-description-margin-top);padding:var(--van-empty-description-padding);color:var(--van-empty-description-color);font-size:var(--van-empty-description-font-size);line-height:var(--van-empty-description-line-height)}.van-empty__bottom{margin-top:var(--van-empty-bottom-margin-top)}
+:root{--van-empty-padding:var(--van-padding-xl) 0;--van-empty-image-size:160px;--van-empty-description-margin-top:var(--van-padding-md);--van-empty-description-padding:0 60px;--van-empty-description-color:var(--van-text-color-2);--van-empty-description-font-size:var(--van-font-size-md);--van-empty-description-line-height:var(--van-line-height-md);--van-empty-bottom-margin-top:24px}.van-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;padding:var(--van-empty-padding)}.van-empty__image{width:var(--van-empty-image-size);height:var(--van-empty-image-size)}.van-empty__image img{width:100%;height:100%}.van-empty__description{margin-top:var(--van-empty-description-margin-top);padding:var(--van-empty-description-padding);color:var(--van-empty-description-color);font-size:var(--van-empty-description-font-size);line-height:var(--van-empty-description-line-height)}.van-empty__bottom{margin-top:var(--van-empty-bottom-margin-top)}

package/es/empty/index.d.ts

@@ -1,14 +1,14 @@
 export declare const Empty: import("../utils").WithInstall<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;
 } & {
@@ -18,3 +18,4 @@ export declare const Empty: import("../utils").WithInstall<import("vue").DefineC
     image: string;
 }>>;
 export default Empty;
+export type { EmptyProps } from './Empty';

package/es/empty/var.less

@@ -4,7 +4,7 @@
 @empty-image-size: 160px;
 @empty-description-margin-top: var(--van-padding-md);
 @empty-description-padding: 0 60px;
-@empty-description-color: var(--van-gray-6);
+@empty-description-color: var(--van-text-color-2);
 @empty-description-font-size: var(--van-font-size-md);
 @empty-description-line-height: var(--van-line-height-md);
 @empty-bottom-margin-top: 24px;

package/es/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,26 +41,10 @@ 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: {
+declare const fieldProps: {
     icon: StringConstructor;
-    size: PropType<"large">;
+    size: PropType<import("../cell").CellSize>;
     title: (NumberConstructor | StringConstructor)[];
     value: (NumberConstructor | StringConstructor)[];
     label: (NumberConstructor | 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,46 +106,28 @@ 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;
     };
 };
-export declare type FieldProps = ExtractPropTypes<typeof props>;
+export declare type FieldProps = ExtractPropTypes<typeof fieldProps>;
 declare const _default: import("vue").DefineComponent<{
     icon: StringConstructor;
-    size: PropType<"large">;
+    size: PropType<import("../cell").CellSize>;
     title: (NumberConstructor | StringConstructor)[];
     value: (NumberConstructor | StringConstructor)[];
     label: (NumberConstructor | StringConstructor)[];
@@ -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,32 +224,32 @@ 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;
@@ -259,12 +261,12 @@ declare const _default: import("vue").DefineComponent<{
     required: boolean;
     clickable: boolean | null;
     clearable: boolean;
-    error: boolean;
-    readonly: boolean;
     clearIcon: string;
     modelValue: string | number;
     clearTrigger: FieldClearTrigger;
     formatTrigger: FieldFormatTrigger;
+    error: boolean;
+    readonly: boolean;
     showWordLimit: boolean;
     colon: boolean;
 } & {
@@ -275,17 +277,17 @@ declare const _default: import("vue").DefineComponent<{
     autocomplete?: string | undefined;
     value?: string | number | undefined;
     icon?: string | undefined;
-    size?: "large" | undefined;
+    size?: import("../cell").CellSize | 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;
@@ -314,12 +316,12 @@ declare const _default: import("vue").DefineComponent<{
     required: boolean;
     clickable: boolean | null;
     clearable: boolean;
-    error: 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,9 +1,9 @@
 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
+import { cellSharedProps } from '../cell/Cell'; // Composables
 
 import { CUSTOM_FIELD_INJECTION_KEY, useParent } from '@vant/use';
 import { useExpose } from '../composables/use-expose'; // Components
@@ -15,15 +15,21 @@ var [name, bem] = createNamespace('field'); // provide to Search component to in
 
 export var fieldSharedProps = {
   id: String,
-  formatter: Function,
+  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
@@ -35,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,
+var fieldProps = extend({}, cellSharedProps, fieldSharedProps, {
+  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
@@ -75,13 +60,14 @@ var props = extend({}, cellProps, fieldSharedProps, {
 });
 export default defineComponent({
   name,
-  props,
+  props: fieldProps,
   emits: ['blur', 'focus', 'clear', 'keypress', 'click-input', 'click-left-icon', 'click-right-icon', 'update:modelValue'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var state = reactive({
       focused: false,
       validateFailed: false,
@@ -167,24 +153,30 @@ export default defineComponent({
       }
     };
 
-    var validate = (rules = props.rules) => new Promise(resolve => {
-      resetValidation();
-
-      if (rules) {
-        runRules(rules).then(() => {
-          if (state.validateFailed) {
-            resolve({
-              name: props.name,
-              message: state.validateMessage
-            });
-          } else {
-            resolve();
-          }
-        });
-      } else {
-        resolve();
-      }
-    });
+    var validate = function (rules) {
+      if (rules === void 0) {
+        rules = props.rules;
+      }
+
+      return new Promise(resolve => {
+        resetValidation();
+
+        if (rules) {
+          runRules(rules).then(() => {
+            if (state.validateFailed) {
+              resolve({
+                name: props.name,
+                message: state.validateMessage
+              });
+            } else {
+              resolve();
+            }
+          });
+        } else {
+          resolve();
+        }
+      });
+    };
 
     var validateWithTrigger = trigger => {
       if (form && props.rules) {
@@ -223,7 +215,11 @@ export default defineComponent({
       return value;
     };
 
-    var updateValue = (value, trigger = 'onChange') => {
+    var updateValue = function (value, trigger) {
+      if (trigger === void 0) {
+        trigger = 'onChange';
+      }
+
       value = limitValueLength(value);
 
       if (props.type === 'number' || props.type === 'digit') {
@@ -263,9 +259,18 @@ export default defineComponent({
       return (_inputRef$value2 = inputRef.value) == null ? void 0 : _inputRef$value2.focus();
     };
 
+    var adjustTextareaSize = () => {
+      var input = inputRef.value;
+
+      if (props.type === 'textarea' && props.autosize && input) {
+        resizeTextarea(input, props.autosize);
+      }
+    };
+
     var onFocus = event => {
       state.focused = true;
-      emit('focus', event); // readonly not work in legacy mobile safari
+      emit('focus', event);
+      nextTick(adjustTextareaSize); // readonly not work in legacy mobile safari
 
       var readonly = getProp('readonly');
 
@@ -279,6 +284,7 @@ export default defineComponent({
       updateValue(getModelValue(), 'onBlur');
       emit('blur', event);
       validateWithTrigger('onBlur');
+      nextTick(adjustTextareaSize);
       resetScroll();
     };
 
@@ -332,14 +338,6 @@ export default defineComponent({
       emit('keypress', event);
     };
 
-    var adjustTextareaSize = () => {
-      var input = inputRef.value;
-
-      if (props.type === 'textarea' && props.autosize && input) {
-        resizeTextarea(input, props.autosize);
-      }
-    };
-
     var renderInput = () => {
       var controlClass = bem('control', [getProp('inputAlign'), {
         error: showError.value,
@@ -430,10 +428,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]);
       }
     };
 

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-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}
+: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-text-color-3);--van-field-placeholder-text-color:var(--van-text-color-3);--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-text-color-3);--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}