vant 3.6.15 → 3.6.16

package/es/field/Field.d.ts

@@ -1,4 +1,4 @@
-import { type PropType, type ExtractPropTypes, type HTMLAttributes } from 'vue';
+import { type PropType, type ExtractPropTypes } from 'vue';
 import type { FieldRule, FieldType, FieldTextAlign, FieldClearTrigger, FieldFormatTrigger, FieldAutosizeConfig } from './types';
 export declare const fieldSharedProps: {
     id: StringConstructor;
@@ -8,11 +8,9 @@ export declare const fieldSharedProps: {
     autofocus: BooleanConstructor;
     clearable: BooleanConstructor;
     maxlength: (NumberConstructor | StringConstructor)[];
-    max: NumberConstructor;
-    min: NumberConstructor;
     formatter: PropType<(value: string) => string>;
     clearIcon: {
-        type: PropType<T>;
+        type: PropType<string>;
         default: string;
     };
     modelValue: {
@@ -22,22 +20,16 @@ export declare const fieldSharedProps: {
     inputAlign: PropType<FieldTextAlign>;
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
-    autocapitalize: StringConstructor;
-    autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
     clearTrigger: {
-        type: PropType<T>;
+        type: PropType<FieldClearTrigger>;
         default: FieldClearTrigger;
     };
     formatTrigger: {
-        type: PropType<T>;
+        type: PropType<FieldFormatTrigger>;
         default: FieldFormatTrigger;
     };
-    spellcheck: {
-        type: BooleanConstructor;
-        default: null;
-    };
     error: {
         type: BooleanConstructor;
         default: null;
@@ -50,13 +42,8 @@ export declare const fieldSharedProps: {
         type: BooleanConstructor;
         default: null;
     };
-    inputmode: PropType<HTMLAttributes["inputmode"]>;
 };
-export declare const fieldProps: {
-    tag: {
-        type: PropType<T>;
-        default: keyof HTMLElementTagNameMap;
-    };
+declare const fieldProps: {
     icon: StringConstructor;
     size: PropType<import("../cell").CellSize>;
     title: (NumberConstructor | StringConstructor)[];
@@ -68,16 +55,13 @@ export declare const fieldProps: {
         type: BooleanConstructor;
         default: true;
     };
+    required: BooleanConstructor;
     iconPrefix: StringConstructor;
     valueClass: PropType<unknown>;
     labelClass: PropType<unknown>;
     titleClass: PropType<unknown>;
     titleStyle: PropType<string | import("vue").CSSProperties>;
     arrowDirection: PropType<import("../cell").CellArrowDirection>;
-    required: {
-        type: PropType<boolean | "auto">;
-        default: null;
-    };
     clickable: {
         type: PropType<boolean | null>;
         default: null;
@@ -90,11 +74,9 @@ export declare const fieldProps: {
     autofocus: BooleanConstructor;
     clearable: BooleanConstructor;
     maxlength: (NumberConstructor | StringConstructor)[];
-    max: NumberConstructor;
-    min: NumberConstructor;
     formatter: PropType<(value: string) => string>;
     clearIcon: {
-        type: PropType<T>;
+        type: PropType<string>;
         default: string;
     };
     modelValue: {
@@ -104,22 +86,16 @@ export declare const fieldProps: {
     inputAlign: PropType<FieldTextAlign>;
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
-    autocapitalize: StringConstructor;
-    autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
     clearTrigger: {
-        type: PropType<T>;
+        type: PropType<FieldClearTrigger>;
         default: FieldClearTrigger;
     };
     formatTrigger: {
-        type: PropType<T>;
+        type: PropType<FieldFormatTrigger>;
         default: FieldFormatTrigger;
     };
-    spellcheck: {
-        type: BooleanConstructor;
-        default: null;
-    };
     error: {
         type: BooleanConstructor;
         default: null;
@@ -132,11 +108,10 @@ export declare const fieldProps: {
         type: BooleanConstructor;
         default: null;
     };
-    inputmode: PropType<HTMLAttributes["inputmode"]>;
 } & {
     rows: (NumberConstructor | StringConstructor)[];
     type: {
-        type: PropType<T>;
+        type: PropType<FieldType>;
         default: FieldType;
     };
     rules: PropType<FieldRule[]>;
@@ -151,12 +126,8 @@ export declare const fieldProps: {
         default: null;
     };
 };
-export type FieldProps = ExtractPropTypes<typeof fieldProps>;
-declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
-    tag: {
-        type: PropType<T>;
-        default: keyof HTMLElementTagNameMap;
-    };
+export declare type FieldProps = ExtractPropTypes<typeof fieldProps>;
+declare const _default: import("vue").DefineComponent<{
     icon: StringConstructor;
     size: PropType<import("../cell").CellSize>;
     title: (NumberConstructor | StringConstructor)[];
@@ -168,16 +139,13 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: BooleanConstructor;
         default: true;
     };
+    required: BooleanConstructor;
     iconPrefix: StringConstructor;
     valueClass: PropType<unknown>;
     labelClass: PropType<unknown>;
     titleClass: PropType<unknown>;
     titleStyle: PropType<string | import("vue").CSSProperties>;
     arrowDirection: PropType<import("../cell").CellArrowDirection>;
-    required: {
-        type: PropType<boolean | "auto">;
-        default: null;
-    };
     clickable: {
         type: PropType<boolean | null>;
         default: null;
@@ -190,11 +158,9 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     autofocus: BooleanConstructor;
     clearable: BooleanConstructor;
     maxlength: (NumberConstructor | StringConstructor)[];
-    max: NumberConstructor;
-    min: NumberConstructor;
     formatter: PropType<(value: string) => string>;
     clearIcon: {
-        type: PropType<T>;
+        type: PropType<string>;
         default: string;
     };
     modelValue: {
@@ -204,22 +170,16 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     inputAlign: PropType<FieldTextAlign>;
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
-    autocapitalize: StringConstructor;
-    autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
     clearTrigger: {
-        type: PropType<T>;
+        type: PropType<FieldClearTrigger>;
         default: FieldClearTrigger;
     };
     formatTrigger: {
-        type: PropType<T>;
+        type: PropType<FieldFormatTrigger>;
         default: FieldFormatTrigger;
     };
-    spellcheck: {
-        type: BooleanConstructor;
-        default: null;
-    };
     error: {
         type: BooleanConstructor;
         default: null;
@@ -232,11 +192,10 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: BooleanConstructor;
         default: null;
     };
-    inputmode: PropType<HTMLAttributes["inputmode"]>;
 } & {
     rows: (NumberConstructor | StringConstructor)[];
     type: {
-        type: PropType<T>;
+        type: PropType<FieldType>;
         default: FieldType;
     };
     rules: PropType<FieldRule[]>;
@@ -250,11 +209,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: BooleanConstructor;
         default: null;
     };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "focus" | "blur" | "keypress" | "clickInput" | "endValidate" | "startValidate" | "clickLeftIcon" | "clickRightIcon" | "update:modelValue")[], "clear" | "focus" | "blur" | "keypress" | "clickInput" | "endValidate" | "startValidate" | "clickLeftIcon" | "clickRightIcon" | "update:modelValue", import("vue").PublicProps, Readonly<ExtractPropTypes<{
-    tag: {
-        type: PropType<T>;
-        default: keyof HTMLElementTagNameMap;
-    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "focus" | "blur" | "keypress" | "click-input" | "end-validate" | "start-validate" | "click-left-icon" | "click-right-icon" | "update:modelValue")[], "clear" | "focus" | "blur" | "keypress" | "click-input" | "end-validate" | "start-validate" | "click-left-icon" | "click-right-icon" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     icon: StringConstructor;
     size: PropType<import("../cell").CellSize>;
     title: (NumberConstructor | StringConstructor)[];
@@ -266,16 +221,13 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: BooleanConstructor;
         default: true;
     };
+    required: BooleanConstructor;
     iconPrefix: StringConstructor;
     valueClass: PropType<unknown>;
     labelClass: PropType<unknown>;
     titleClass: PropType<unknown>;
     titleStyle: PropType<string | import("vue").CSSProperties>;
     arrowDirection: PropType<import("../cell").CellArrowDirection>;
-    required: {
-        type: PropType<boolean | "auto">;
-        default: null;
-    };
     clickable: {
         type: PropType<boolean | null>;
         default: null;
@@ -288,11 +240,9 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     autofocus: BooleanConstructor;
     clearable: BooleanConstructor;
     maxlength: (NumberConstructor | StringConstructor)[];
-    max: NumberConstructor;
-    min: NumberConstructor;
     formatter: PropType<(value: string) => string>;
     clearIcon: {
-        type: PropType<T>;
+        type: PropType<string>;
         default: string;
     };
     modelValue: {
@@ -302,22 +252,16 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     inputAlign: PropType<FieldTextAlign>;
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
-    autocapitalize: StringConstructor;
-    autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
     clearTrigger: {
-        type: PropType<T>;
+        type: PropType<FieldClearTrigger>;
         default: FieldClearTrigger;
     };
     formatTrigger: {
-        type: PropType<T>;
+        type: PropType<FieldFormatTrigger>;
         default: FieldFormatTrigger;
     };
-    spellcheck: {
-        type: BooleanConstructor;
-        default: null;
-    };
     error: {
         type: BooleanConstructor;
         default: null;
@@ -330,11 +274,10 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: BooleanConstructor;
         default: null;
     };
-    inputmode: PropType<HTMLAttributes["inputmode"]>;
 } & {
     rows: (NumberConstructor | StringConstructor)[];
     type: {
-        type: PropType<T>;
+        type: PropType<FieldType>;
         default: FieldType;
     };
     rules: PropType<FieldRule[]>;
@@ -348,36 +291,34 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: BooleanConstructor;
         default: null;
     };
-}>> & Readonly<{
+}>> & {
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
     onKeypress?: ((...args: any[]) => any) | undefined;
     onClear?: ((...args: any[]) => any) | undefined;
-    onClickInput?: ((...args: any[]) => any) | undefined;
-    onEndValidate?: ((...args: any[]) => any) | undefined;
-    onStartValidate?: ((...args: any[]) => any) | undefined;
-    onClickLeftIcon?: ((...args: any[]) => any) | undefined;
-    onClickRightIcon?: ((...args: any[]) => any) | undefined;
+    "onClick-input"?: ((...args: any[]) => any) | undefined;
+    "onEnd-validate"?: ((...args: any[]) => any) | undefined;
+    "onStart-validate"?: ((...args: any[]) => any) | undefined;
+    "onClick-left-icon"?: ((...args: any[]) => any) | undefined;
+    "onClick-right-icon"?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}>, {
+}, {
     type: FieldType;
-    tag: keyof HTMLElementTagNameMap;
+    required: boolean;
     center: boolean;
     autofocus: boolean;
     disabled: boolean;
-    border: boolean;
     isLink: boolean;
-    required: boolean | "auto";
+    border: boolean;
     clickable: boolean | null;
     clearable: boolean;
     clearIcon: string;
     modelValue: string | number;
     clearTrigger: FieldClearTrigger;
     formatTrigger: FieldFormatTrigger;
-    spellcheck: boolean;
     error: boolean;
     readonly: boolean;
     showWordLimit: boolean;
     colon: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>;
 export default _default;

package/es/field/Field.mjs

@@ -1,5 +1,6 @@
-import { ref, watch, provide, computed, nextTick, reactive, onMounted, defineComponent, createVNode as _createVNode, mergeProps as _mergeProps, createTextVNode as _createTextVNode } from "vue";
-import { isDef, extend, addUnit, toArray, FORM_KEY, numericProp, unknownProp, resetScroll, formatNumber, preventDefault, makeStringProp, makeNumericProp, createNamespace, clamp } from "../utils/index.mjs";
+import { createTextVNode as _createTextVNode, mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
+import { ref, watch, provide, computed, nextTick, reactive, onMounted, defineComponent } from "vue";
+import { isDef, extend, addUnit, toArray, FORM_KEY, numericProp, unknownProp, resetScroll, formatNumber, preventDefault, makeStringProp, makeNumericProp, createNamespace } from "../utils/index.mjs";
 import { cutString, runSyncRule, endComposing, mapInputType, isEmptyValue, startComposing, getRuleMessage, resizeTextarea, getStringLength, runRuleValidator } from "./utils.mjs";
 import { cellSharedProps } from "../cell/Cell.mjs";
 import { useParent, useEventListener, CUSTOM_FIELD_INJECTION_KEY } from "@vant/use";
@@ -16,24 +17,16 @@ const fieldSharedProps = {
   autofocus: Boolean,
   clearable: Boolean,
   maxlength: numericProp,
-  max: Number,
-  min: Number,
   formatter: Function,
   clearIcon: makeStringProp("clear"),
   modelValue: makeNumericProp(""),
   inputAlign: String,
   placeholder: String,
   autocomplete: String,
-  autocapitalize: String,
-  autocorrect: String,
   errorMessage: String,
   enterkeyhint: String,
   clearTrigger: makeStringProp("focus"),
   formatTrigger: makeStringProp("onChange"),
-  spellcheck: {
-    type: Boolean,
-    default: null
-  },
   error: {
     type: Boolean,
     default: null
@@ -45,8 +38,7 @@ const fieldSharedProps = {
   readonly: {
     type: Boolean,
     default: null
-  },
-  inputmode: String
+  }
 };
 const fieldProps = extend({}, cellSharedProps, fieldSharedProps, {
   rows: numericProp,
@@ -66,7 +58,7 @@ const fieldProps = extend({}, cellSharedProps, fieldSharedProps, {
 var stdin_default = defineComponent({
   name,
   props: fieldProps,
-  emits: ["blur", "focus", "clear", "keypress", "clickInput", "endValidate", "startValidate", "clickLeftIcon", "clickRightIcon", "update:modelValue"],
+  emits: ["blur", "focus", "clear", "keypress", "click-input", "end-validate", "start-validate", "click-left-icon", "click-right-icon", "update:modelValue"],
   setup(props, {
     emit,
     slots
@@ -110,14 +102,6 @@ var stdin_default = defineComponent({
       }
       return props.modelValue;
     });
-    const showRequiredMark = computed(() => {
-      var _a;
-      const required = getProp("required");
-      if (required === "auto") {
-        return (_a = props.rules) == null ? void 0 : _a.some((rule) => rule.required);
-      }
-      return required;
-    });
     const runRules = (rules) => rules.reduce((promise, rule) => promise.then(() => {
       if (state.status === "failed") {
         return;
@@ -152,14 +136,13 @@ var stdin_default = defineComponent({
       state.status = "unvalidated";
       state.validateMessage = "";
     };
-    const endValidate = () => emit("endValidate", {
-      status: state.status,
-      message: state.validateMessage
+    const endValidate = () => emit("end-validate", {
+      status: state.status
     });
     const validate = (rules = props.rules) => new Promise((resolve) => {
       resetValidation();
       if (rules) {
-        emit("startValidate");
+        emit("start-validate");
         runRules(rules).then(() => {
           if (state.status === "failed") {
             resolve({
@@ -199,7 +182,7 @@ var stdin_default = defineComponent({
       const {
         maxlength
       } = props;
-      if (isDef(maxlength) && getStringLength(value) > +maxlength) {
+      if (isDef(maxlength) && getStringLength(value) > maxlength) {
         const modelValue = getModelValue();
         if (modelValue && getStringLength(modelValue) === +maxlength) {
           return modelValue;
@@ -216,17 +199,12 @@ var stdin_default = defineComponent({
       return value;
     };
     const updateValue = (value, trigger = "onChange") => {
-      var _a, _b;
       const originalValue = value;
       value = limitValueLength(value);
       const limitDiffLen = getStringLength(originalValue) - getStringLength(value);
       if (props.type === "number" || props.type === "digit") {
         const isNumber = props.type === "number";
         value = formatNumber(value, isNumber, isNumber);
-        if (trigger === "onBlur" && value !== "" && (props.min !== void 0 || props.max !== void 0)) {
-          const adjustedValue = clamp(+value, (_a = props.min) != null ? _a : -Infinity, (_b = props.max) != null ? _b : Infinity);
-          value = adjustedValue.toString();
-        }
       }
       let formatterDiffLen = 0;
       if (props.formatter && trigger === props.formatTrigger) {
@@ -235,7 +213,7 @@ var stdin_default = defineComponent({
           maxlength
         } = props;
         value = formatter(value);
-        if (isDef(maxlength) && getStringLength(value) > +maxlength) {
+        if (isDef(maxlength) && getStringLength(value) > maxlength) {
           value = cutString(value, +maxlength);
         }
         if (inputRef.value && state.focused) {
@@ -300,19 +278,19 @@ var stdin_default = defineComponent({
       }
     };
     const onBlur = (event) => {
-      state.focused = false;
-      updateValue(getModelValue(), "onBlur");
-      emit("blur", event);
       if (getProp("readonly")) {
         return;
       }
+      state.focused = false;
+      updateValue(getModelValue(), "onBlur");
+      emit("blur", event);
       validateWithTrigger("onBlur");
       nextTick(adjustTextareaSize);
       resetScroll();
     };
-    const onClickInput = (event) => emit("clickInput", event);
-    const onClickLeftIcon = (event) => emit("clickLeftIcon", event);
-    const onClickRightIcon = (event) => emit("clickRightIcon", event);
+    const onClickInput = (event) => emit("click-input", event);
+    const onClickLeftIcon = (event) => emit("click-left-icon", event);
+    const onClickRightIcon = (event) => emit("click-right-icon", event);
     const onClear = (event) => {
       preventDefault(event);
       emit("update:modelValue", "");
@@ -328,8 +306,7 @@ var stdin_default = defineComponent({
     });
     const labelStyle = computed(() => {
       const labelWidth = getProp("labelWidth");
-      const labelAlign = getProp("labelAlign");
-      if (labelWidth && labelAlign !== "top") {
+      if (labelWidth) {
         return {
           width: addUnit(labelWidth)
         };
@@ -373,12 +350,8 @@ var stdin_default = defineComponent({
         autofocus: props.autofocus,
         placeholder: props.placeholder,
         autocomplete: props.autocomplete,
-        autocapitalize: props.autocapitalize,
-        autocorrect: props.autocorrect,
         enterkeyhint: props.enterkeyhint,
-        spellcheck: props.spellcheck,
         "aria-labelledby": props.label ? `${id}-label` : void 0,
-        "data-allow-mismatch": "attribute",
         onBlur,
         onFocus,
         onInput,
@@ -389,11 +362,9 @@ var stdin_default = defineComponent({
         onCompositionstart: startComposing
       };
       if (props.type === "textarea") {
-        return _createVNode("textarea", _mergeProps(inputAttrs, {
-          "inputmode": props.inputmode
-        }), null);
+        return _createVNode("textarea", inputAttrs, null);
       }
-      return _createVNode("input", _mergeProps(mapInputType(props.type, props.inputmode), inputAttrs), null);
+      return _createVNode("input", _mergeProps(mapInputType(props.type), inputAttrs), null);
     };
     const renderLeftIcon = () => {
       const leftIconSlot = slots["left-icon"];
@@ -445,8 +416,6 @@ var stdin_default = defineComponent({
       }
     };
     const renderLabel = () => {
-      const labelWidth = getProp("labelWidth");
-      const labelAlign = getProp("labelAlign");
       const colon = getProp("colon") ? ":" : "";
       if (slots.label) {
         return [slots.label(), colon];
@@ -454,15 +423,7 @@ var stdin_default = defineComponent({
       if (props.label) {
         return _createVNode("label", {
           "id": `${id}-label`,
-          "for": slots.input ? void 0 : getInputId(),
-          "data-allow-mismatch": "attribute",
-          "onClick": (event) => {
-            preventDefault(event);
-            focus();
-          },
-          "style": labelAlign === "top" && labelWidth ? {
-            width: addUnit(labelWidth)
-          } : void 0
+          "for": getInputId()
         }, [props.label + colon]);
       }
     };
@@ -507,16 +468,11 @@ var stdin_default = defineComponent({
     return () => {
       const disabled = getProp("disabled");
       const labelAlign = getProp("labelAlign");
+      const Label = renderLabel();
       const LeftIcon = renderLeftIcon();
-      const renderTitle = () => {
-        const Label = renderLabel();
-        if (labelAlign === "top") {
-          return [LeftIcon, Label].filter(Boolean);
-        }
-        return Label || [];
-      };
       return _createVNode(Cell, {
         "size": props.size,
+        "icon": props.leftIcon,
         "class": bem({
           error: showError.value,
           disabled,
@@ -529,12 +485,12 @@ var stdin_default = defineComponent({
         "titleStyle": labelStyle.value,
         "valueClass": bem("value"),
         "titleClass": [bem("label", [labelAlign, {
-          required: showRequiredMark.value
+          required: props.required
         }]), props.labelClass],
         "arrowDirection": props.arrowDirection
       }, {
-        icon: LeftIcon && labelAlign !== "top" ? () => LeftIcon : null,
-        title: renderTitle,
+        icon: LeftIcon ? () => LeftIcon : null,
+        title: Label ? () => Label : null,
         value: renderFieldBody,
         extra: slots.extra
       });
@@ -543,6 +499,5 @@ var stdin_default = defineComponent({
 });
 export {
   stdin_default as default,
-  fieldProps,
   fieldSharedProps
 };

package/es/field/index.css

@@ -1 +1 @@
-:root,:host{--van-field-label-width: 6.2em;--van-field-label-color: var(--van-text-color);--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: 18px;--van-field-clear-icon-size: 18px;--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{flex-wrap:wrap}.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--top{display:flex;width:100%;text-align:left;margin-bottom:var(--van-padding-base);overflow-wrap:break-word}.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:read-only{cursor:default}.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--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=time],.van-field__control[type=datetime-local]{min-height:var(--van-cell-line-height)}.van-field__control[type=search]{-webkit-appearance:none}.van-field__clear,.van-field__icon,.van-field__button,.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=time],.van-field__control[type=datetime-local]{min-height:var(--van-cell-line-height)}.van-field__control[type=search]{-webkit-appearance:none}.van-field__clear,.van-field__icon,.van-field__button,.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}