vant 4.7.2 → 4.8.0

package/README.md

@@ -113,6 +113,7 @@ Vant 3/4 supports modern browsers and Chrome >= 51、iOS >= 10.0 (same as Vue 3)
 | [sfc-playground-vant](https://github.com/zhixiaoqiang/sfc-playground-vant) | Vant Playground |
 | [vue3-h5-template](https://github.com/yulimchen/vue3-h5-template) | Mobile project template based on Vant |
 | [vue3-vant-mobile](https://github.com/CharleeWa/vue3-vant-mobile) | Mobile project template based on Vant |
+| [vscode-common-intellisense](https://github.com/Simon-He95/vscode-common-intellisense) | A VS Code extension that provides better intellisense to Vant developers |
 
 ## Links
 

package/es/address-edit/AddressEdit.mjs

@@ -227,7 +227,7 @@ var stdin_default = defineComponent({
             "label": t("area"),
             "is-link": !disableArea,
             "modelValue": areaText.value,
-            "rules": rules.value.areaCode,
+            "rules": props.showArea ? rules.value.areaCode : void 0,
             "placeholder": props.areaPlaceholder || t("area"),
             "onFocus": () => onFocus("areaCode"),
             "onClick": () => {

package/es/calendar/Calendar.mjs

@@ -107,7 +107,7 @@ var stdin_default = defineComponent({
     let bodyHeight;
     const bodyRef = ref();
     const subtitle = ref({
-      text: "",
+      textFn: () => "",
       date: void 0
     });
     const currentDate = ref(getInitialDate());
@@ -171,7 +171,7 @@ var stdin_default = defineComponent({
       });
       if (currentMonth) {
         subtitle.value = {
-          text: currentMonth.getTitle(),
+          textFn: currentMonth.getTitle,
           date: currentMonth.date
         };
       }
@@ -361,21 +361,24 @@ var stdin_default = defineComponent({
         "van-safe-area-bottom": props.safeAreaInsetBottom
       }]
     }, [renderFooterButton()]);
-    const renderCalendar = () => _createVNode("div", {
-      "class": bem()
-    }, [_createVNode(CalendarHeader, {
-      "date": subtitle.value.date,
-      "title": props.title,
-      "subtitle": subtitle.value.text,
-      "showTitle": props.showTitle,
-      "showSubtitle": props.showSubtitle,
-      "firstDayOfWeek": dayOffset.value,
-      "onClickSubtitle": (event) => emit("clickSubtitle", event)
-    }, pick(slots, ["title", "subtitle"])), _createVNode("div", {
-      "ref": bodyRef,
-      "class": bem("body"),
-      "onScroll": onScroll
-    }, [months.value.map(renderMonth)]), renderFooter()]);
+    const renderCalendar = () => {
+      const subTitle = subtitle.value.textFn();
+      return _createVNode("div", {
+        "class": bem()
+      }, [_createVNode(CalendarHeader, {
+        "date": subtitle.value.date,
+        "title": props.title,
+        "subtitle": subTitle,
+        "showTitle": props.showTitle,
+        "showSubtitle": props.showSubtitle,
+        "firstDayOfWeek": dayOffset.value,
+        "onClickSubtitle": (event) => emit("clickSubtitle", event)
+      }, pick(slots, ["title", "subtitle"])), _createVNode("div", {
+        "ref": bodyRef,
+        "class": bem("body"),
+        "onScroll": onScroll
+      }, [months.value.map(renderMonth)]), renderFooter()]);
+    };
     watch(() => props.show, init);
     watch(() => [props.type, props.minDate, props.maxDate], () => reset(getInitialDate(currentDate.value)));
     watch(() => props.defaultDate, (value = null) => {

package/es/cell/Cell.d.ts

@@ -17,13 +17,16 @@ export declare const cellSharedProps: {
         type: BooleanConstructor;
         default: true;
     };
-    required: BooleanConstructor;
     iconPrefix: StringConstructor;
     valueClass: PropType<unknown>;
     labelClass: PropType<unknown>;
     titleClass: PropType<unknown>;
     titleStyle: PropType<string | CSSProperties>;
     arrowDirection: PropType<CellArrowDirection>;
+    required: {
+        type: PropType<boolean | "auto">;
+        default: null;
+    };
     clickable: {
         type: PropType<boolean | null>;
         default: null;
@@ -45,13 +48,16 @@ export declare const cellProps: {
         type: BooleanConstructor;
         default: true;
     };
-    required: BooleanConstructor;
     iconPrefix: StringConstructor;
     valueClass: PropType<unknown>;
     labelClass: PropType<unknown>;
     titleClass: PropType<unknown>;
     titleStyle: PropType<string | CSSProperties>;
     arrowDirection: PropType<CellArrowDirection>;
+    required: {
+        type: PropType<boolean | "auto">;
+        default: null;
+    };
     clickable: {
         type: PropType<boolean | null>;
         default: null;
@@ -78,13 +84,16 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-    required: BooleanConstructor;
     iconPrefix: StringConstructor;
     valueClass: PropType<unknown>;
     labelClass: PropType<unknown>;
     titleClass: PropType<unknown>;
     titleStyle: PropType<string | CSSProperties>;
     arrowDirection: PropType<CellArrowDirection>;
+    required: {
+        type: PropType<boolean | "auto">;
+        default: null;
+    };
     clickable: {
         type: PropType<boolean | null>;
         default: null;
@@ -109,13 +118,16 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-    required: BooleanConstructor;
     iconPrefix: StringConstructor;
     valueClass: PropType<unknown>;
     labelClass: PropType<unknown>;
     titleClass: PropType<unknown>;
     titleStyle: PropType<string | CSSProperties>;
     arrowDirection: PropType<CellArrowDirection>;
+    required: {
+        type: PropType<boolean | "auto">;
+        default: null;
+    };
     clickable: {
         type: PropType<boolean | null>;
         default: null;
@@ -130,7 +142,7 @@ declare const _default: import("vue").DefineComponent<{
     center: boolean;
     border: boolean;
     isLink: boolean;
-    required: boolean;
+    required: boolean | "auto";
     clickable: boolean | null;
 }, {}>;
 export default _default;

package/es/cell/Cell.mjs

@@ -14,13 +14,16 @@ const cellSharedProps = {
   center: Boolean,
   isLink: Boolean,
   border: truthProp,
-  required: Boolean,
   iconPrefix: String,
   valueClass: unknownProp,
   labelClass: unknownProp,
   titleClass: unknownProp,
   titleStyle: null,
   arrowDirection: String,
+  required: {
+    type: [Boolean, String],
+    default: null
+  },
   clickable: {
     type: Boolean,
     default: null
@@ -101,7 +104,7 @@ var stdin_default = defineComponent({
       const clickable = (_a = props.clickable) != null ? _a : isLink;
       const classes = {
         center,
-        required,
+        required: !!required,
         clickable,
         borderless: !border
       };

package/es/cell/index.d.ts

@@ -14,13 +14,16 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
         type: BooleanConstructor;
         default: true;
     };
-    required: BooleanConstructor;
     iconPrefix: StringConstructor;
     valueClass: import("vue").PropType<unknown>;
     labelClass: import("vue").PropType<unknown>;
     titleClass: import("vue").PropType<unknown>;
     titleStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     arrowDirection: import("vue").PropType<import("./Cell").CellArrowDirection>;
+    required: {
+        type: import("vue").PropType<boolean | "auto">;
+        default: null;
+    };
     clickable: {
         type: import("vue").PropType<boolean | null>;
         default: null;
@@ -45,13 +48,16 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
         type: BooleanConstructor;
         default: true;
     };
-    required: BooleanConstructor;
     iconPrefix: StringConstructor;
     valueClass: import("vue").PropType<unknown>;
     labelClass: import("vue").PropType<unknown>;
     titleClass: import("vue").PropType<unknown>;
     titleStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     arrowDirection: import("vue").PropType<import("./Cell").CellArrowDirection>;
+    required: {
+        type: import("vue").PropType<boolean | "auto">;
+        default: null;
+    };
     clickable: {
         type: import("vue").PropType<boolean | null>;
         default: null;
@@ -66,7 +72,7 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
     center: boolean;
     border: boolean;
     isLink: boolean;
-    required: boolean;
+    required: boolean | "auto";
     clickable: boolean | null;
 }, {}>>;
 export default Cell;

package/es/checkbox/Checker.mjs

@@ -108,12 +108,18 @@ var stdin_default = defineComponent({
       }, null)]);
     };
     const renderLabel = () => {
+      const {
+        checked
+      } = props;
       if (slots.default) {
         return _createVNode("span", {
           "class": props.bem("label", [props.labelPosition, {
             disabled: disabled.value
           }])
-        }, [slots.default()]);
+        }, [slots.default({
+          checked,
+          disabled: disabled.value
+        })]);
       }
     };
     return () => {

package/es/col/Col.mjs

@@ -1,6 +1,6 @@
 import { createVNode as _createVNode } from "vue";
 import { computed, defineComponent } from "vue";
-import { numericProp, createNamespace, makeNumericProp, makeStringProp } from "../utils/index.mjs";
+import { numericProp, createNamespace, makeNumericProp, makeStringProp, extend } from "../utils/index.mjs";
 import { useParent } from "@vant/use";
 import { ROW_KEY } from "../row/Row.mjs";
 const [name, bem] = createNamespace("col");
@@ -24,18 +24,26 @@ var stdin_default = defineComponent({
         return;
       }
       const {
-        spaces
+        spaces,
+        verticalSpaces
       } = parent;
+      let styles = {};
       if (spaces && spaces.value && spaces.value[index.value]) {
         const {
           left,
           right
         } = spaces.value[index.value];
-        return {
+        styles = {
           paddingLeft: left ? `${left}px` : null,
           paddingRight: right ? `${right}px` : null
         };
       }
+      const {
+        bottom
+      } = verticalSpaces.value[index.value] || {};
+      return extend(styles, {
+        marginBottom: bottom ? `${bottom}px` : null
+      });
     });
     return () => {
       const {

package/es/collapse-item/CollapseItem.d.ts

@@ -15,13 +15,16 @@ export declare const collapseItemProps: {
         type: BooleanConstructor;
         default: true;
     };
-    required: BooleanConstructor;
     iconPrefix: StringConstructor;
     valueClass: import("vue").PropType<unknown>;
     labelClass: import("vue").PropType<unknown>;
     titleClass: import("vue").PropType<unknown>;
     titleStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     arrowDirection: import("vue").PropType<import("../cell").CellArrowDirection>;
+    required: {
+        type: import("vue").PropType<boolean | "auto">;
+        default: null;
+    };
     clickable: {
         type: import("vue").PropType<boolean | null>;
         default: null;
@@ -56,13 +59,16 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-    required: BooleanConstructor;
     iconPrefix: StringConstructor;
     valueClass: import("vue").PropType<unknown>;
     labelClass: import("vue").PropType<unknown>;
     titleClass: import("vue").PropType<unknown>;
     titleStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     arrowDirection: import("vue").PropType<import("../cell").CellArrowDirection>;
+    required: {
+        type: import("vue").PropType<boolean | "auto">;
+        default: null;
+    };
     clickable: {
         type: import("vue").PropType<boolean | null>;
         default: null;
@@ -95,13 +101,16 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-    required: BooleanConstructor;
     iconPrefix: StringConstructor;
     valueClass: import("vue").PropType<unknown>;
     labelClass: import("vue").PropType<unknown>;
     titleClass: import("vue").PropType<unknown>;
     titleStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     arrowDirection: import("vue").PropType<import("../cell").CellArrowDirection>;
+    required: {
+        type: import("vue").PropType<boolean | "auto">;
+        default: null;
+    };
     clickable: {
         type: import("vue").PropType<boolean | null>;
         default: null;
@@ -124,7 +133,7 @@ declare const _default: import("vue").DefineComponent<{
     disabled: boolean;
     border: boolean;
     isLink: boolean;
-    required: boolean;
+    required: boolean | "auto";
     clickable: boolean | null;
     readonly: boolean;
     lazyRender: boolean;

package/es/collapse-item/index.d.ts

@@ -14,13 +14,16 @@ export declare const CollapseItem: import("../utils").WithInstall<import("vue").
         type: BooleanConstructor;
         default: true;
     };
-    required: BooleanConstructor;
     iconPrefix: StringConstructor;
     valueClass: import("vue").PropType<unknown>;
     labelClass: import("vue").PropType<unknown>;
     titleClass: import("vue").PropType<unknown>;
     titleStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     arrowDirection: import("vue").PropType<import("..").CellArrowDirection>;
+    required: {
+        type: import("vue").PropType<boolean | "auto">;
+        default: null;
+    };
     clickable: {
         type: import("vue").PropType<boolean | null>;
         default: null;
@@ -53,13 +56,16 @@ export declare const CollapseItem: import("../utils").WithInstall<import("vue").
         type: BooleanConstructor;
         default: true;
     };
-    required: BooleanConstructor;
     iconPrefix: StringConstructor;
     valueClass: import("vue").PropType<unknown>;
     labelClass: import("vue").PropType<unknown>;
     titleClass: import("vue").PropType<unknown>;
     titleStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     arrowDirection: import("vue").PropType<import("..").CellArrowDirection>;
+    required: {
+        type: import("vue").PropType<boolean | "auto">;
+        default: null;
+    };
     clickable: {
         type: import("vue").PropType<boolean | null>;
         default: null;
@@ -82,7 +88,7 @@ export declare const CollapseItem: import("../utils").WithInstall<import("vue").
     disabled: boolean;
     border: boolean;
     isLink: boolean;
-    required: boolean;
+    required: boolean | "auto";
     clickable: boolean | null;
     readonly: boolean;
     lazyRender: boolean;

package/es/config-provider/types.d.ts

@@ -57,5 +57,5 @@ type BaseThemeVars = {
     radiusLg?: string;
     radiusMax?: string;
 };
-export type ConfigProviderThemeVars = BaseThemeVars & import('../action-bar').ActionBarThemeVars & import('../action-bar-button').ActionBarButtonThemeVars & import('../action-bar-icon').ActionBarIconThemeVars & import('../action-sheet').ActionSheetThemeVars & import('../address-edit').AddressEditThemeVars & import('../address-list').AddressListThemeVars & import('../badge').BadgeThemeVars & import('../barrage').BarrageThemeVars & import('../button').ButtonThemeVars & import('../calendar').CalendarThemeVars & import('../card').CardThemeVars & import('../cascader').CascaderThemeVars & import('../cell').CellThemeVars & import('../cell-group').CellGroupThemeVars & import('../checkbox').CheckboxThemeVars & import('../circle').CircleThemeVars & import('../collapse-item').CollapseItemThemeVars & import('../contact-card').ContactCardThemeVars & import('../contact-edit').ContactEditThemeVars & import('../contact-list').ContactListThemeVars & import('../count-down').CountDownThemeVars & import('../coupon').CouponThemeVars & import('../coupon-cell').CouponCellThemeVars & import('../coupon-list').CouponListThemeVars & import('../dialog').DialogThemeVars & import('../divider').DividerThemeVars & import('../dropdown-item').DropdownItemThemeVars & import('../dropdown-menu').DropdownMenuThemeVars & import('../empty').EmptyThemeVars & import('../field').FieldThemeVars & import('../floating-bubble').FloatingBubbleThemeVars & import('../floating-panel').FloatingPanelThemeVars & import('../grid-item').GridItemThemeVars & import('../image').ImageThemeVars & import('../image-preview').ImagePreviewThemeVars & import('../index-anchor').IndexAnchorThemeVars & import('../index-bar').IndexBarThemeVars & import('../list').ListThemeVars & import('../loading').LoadingThemeVars & import('../nav-bar').NavBarThemeVars & import('../notice-bar').NoticeBarThemeVars & import('../notify').NotifyThemeVars & import('../number-keyboard').NumberKeyboardThemeVars & import('../overlay').OverlayThemeVars & import('../pagination').PaginationThemeVars & import('../password-input').PasswordInputThemeVars & import('../picker').PickerThemeVars & import('../picker-group').PickerGroupThemeVars & import('../popover').PopoverThemeVars & import('../popup').PopupThemeVars & import('../progress').ProgressThemeVars & import('../pull-refresh').PullRefreshThemeVars & import('../radio').RadioThemeVars & import('../rate').RateThemeVars & import('../rolling-text').RollingTextThemeVars & import('../search').SearchThemeVars & import('../share-sheet').ShareSheetThemeVars & import('../sidebar').SidebarThemeVars & import('../sidebar-item').SidebarItemThemeVars & import('../signature').SignatureThemeVars & import('../skeleton').SkeletonThemeVars & import('../slider').SliderThemeVars & import('../step').StepThemeVars & import('../stepper').StepperThemeVars & import('../steps').StepsThemeVars & import('../sticky').StickyThemeVars & import('../submit-bar').SubmitBarThemeVars & import('../swipe').SwipeThemeVars & import('../switch').SwitchThemeVars & import('../tabbar').TabbarThemeVars & import('../tabbar-item').TabbarItemThemeVars & import('../tabs').TabsThemeVars & import('../tag').TagThemeVars & import('../toast').ToastThemeVars & import('../tree-select').TreeSelectThemeVars & import('../uploader').UploaderThemeVars & import('../watermark').WatermarkThemeVars;
+export type ConfigProviderThemeVars = BaseThemeVars & import('../action-bar').ActionBarThemeVars & import('../action-bar-button').ActionBarButtonThemeVars & import('../action-bar-icon').ActionBarIconThemeVars & import('../action-sheet').ActionSheetThemeVars & import('../address-edit').AddressEditThemeVars & import('../address-list').AddressListThemeVars & import('../back-top').BackTopThemeVars & import('../badge').BadgeThemeVars & import('../barrage').BarrageThemeVars & import('../button').ButtonThemeVars & import('../calendar').CalendarThemeVars & import('../card').CardThemeVars & import('../cascader').CascaderThemeVars & import('../cell').CellThemeVars & import('../cell-group').CellGroupThemeVars & import('../checkbox').CheckboxThemeVars & import('../circle').CircleThemeVars & import('../collapse-item').CollapseItemThemeVars & import('../contact-card').ContactCardThemeVars & import('../contact-edit').ContactEditThemeVars & import('../contact-list').ContactListThemeVars & import('../count-down').CountDownThemeVars & import('../coupon').CouponThemeVars & import('../coupon-cell').CouponCellThemeVars & import('../coupon-list').CouponListThemeVars & import('../dialog').DialogThemeVars & import('../divider').DividerThemeVars & import('../dropdown-item').DropdownItemThemeVars & import('../dropdown-menu').DropdownMenuThemeVars & import('../empty').EmptyThemeVars & import('../highlight').HighlightThemeVars & import('../field').FieldThemeVars & import('../floating-bubble').FloatingBubbleThemeVars & import('../floating-panel').FloatingPanelThemeVars & import('../grid-item').GridItemThemeVars & import('../image').ImageThemeVars & import('../image-preview').ImagePreviewThemeVars & import('../index-anchor').IndexAnchorThemeVars & import('../index-bar').IndexBarThemeVars & import('../list').ListThemeVars & import('../loading').LoadingThemeVars & import('../nav-bar').NavBarThemeVars & import('../notice-bar').NoticeBarThemeVars & import('../notify').NotifyThemeVars & import('../number-keyboard').NumberKeyboardThemeVars & import('../overlay').OverlayThemeVars & import('../pagination').PaginationThemeVars & import('../password-input').PasswordInputThemeVars & import('../picker').PickerThemeVars & import('../picker-group').PickerGroupThemeVars & import('../popover').PopoverThemeVars & import('../popup').PopupThemeVars & import('../progress').ProgressThemeVars & import('../pull-refresh').PullRefreshThemeVars & import('../radio').RadioThemeVars & import('../rate').RateThemeVars & import('../rolling-text').RollingTextThemeVars & import('../search').SearchThemeVars & import('../share-sheet').ShareSheetThemeVars & import('../sidebar').SidebarThemeVars & import('../sidebar-item').SidebarItemThemeVars & import('../signature').SignatureThemeVars & import('../skeleton').SkeletonThemeVars & import('../slider').SliderThemeVars & import('../step').StepThemeVars & import('../stepper').StepperThemeVars & import('../steps').StepsThemeVars & import('../sticky').StickyThemeVars & import('../submit-bar').SubmitBarThemeVars & import('../swipe').SwipeThemeVars & import('../switch').SwitchThemeVars & import('../tabbar').TabbarThemeVars & import('../tabbar-item').TabbarItemThemeVars & import('../tabs').TabsThemeVars & import('../tag').TagThemeVars & import('../toast').ToastThemeVars & import('../tree-select').TreeSelectThemeVars & import('../uploader').UploaderThemeVars & import('../watermark').WatermarkThemeVars;
 export {};

package/es/field/Field.d.ts

@@ -24,10 +24,6 @@ export declare const fieldSharedProps: {
     autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
-    spellcheck: {
-        type: BooleanConstructor;
-        default: null;
-    };
     clearTrigger: {
         type: PropType<FieldClearTrigger>;
         default: FieldClearTrigger;
@@ -36,6 +32,10 @@ export declare const fieldSharedProps: {
         type: PropType<FieldFormatTrigger>;
         default: FieldFormatTrigger;
     };
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     error: {
         type: BooleanConstructor;
         default: null;
@@ -65,13 +65,16 @@ 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;
@@ -100,10 +103,6 @@ export declare const fieldProps: {
     autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
-    spellcheck: {
-        type: BooleanConstructor;
-        default: null;
-    };
     clearTrigger: {
         type: PropType<FieldClearTrigger>;
         default: FieldClearTrigger;
@@ -112,6 +111,10 @@ export declare const fieldProps: {
         type: PropType<FieldFormatTrigger>;
         default: FieldFormatTrigger;
     };
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     error: {
         type: BooleanConstructor;
         default: null;
@@ -159,13 +162,16 @@ declare const _default: import("vue").DefineComponent<{
         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;
@@ -194,10 +200,6 @@ declare const _default: import("vue").DefineComponent<{
     autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
-    spellcheck: {
-        type: BooleanConstructor;
-        default: null;
-    };
     clearTrigger: {
         type: PropType<FieldClearTrigger>;
         default: FieldClearTrigger;
@@ -206,6 +208,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<FieldFormatTrigger>;
         default: FieldFormatTrigger;
     };
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     error: {
         type: BooleanConstructor;
         default: null;
@@ -251,13 +257,16 @@ declare const _default: import("vue").DefineComponent<{
         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;
@@ -286,10 +295,6 @@ declare const _default: import("vue").DefineComponent<{
     autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
-    spellcheck: {
-        type: BooleanConstructor;
-        default: null;
-    };
     clearTrigger: {
         type: PropType<FieldClearTrigger>;
         default: FieldClearTrigger;
@@ -298,6 +303,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<FieldFormatTrigger>;
         default: FieldFormatTrigger;
     };
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     error: {
         type: BooleanConstructor;
         default: null;
@@ -346,14 +355,14 @@ declare const _default: import("vue").DefineComponent<{
     disabled: boolean;
     border: boolean;
     isLink: boolean;
-    required: boolean;
+    required: boolean | "auto";
     clickable: boolean | null;
     clearable: boolean;
     clearIcon: string;
     modelValue: string | number;
-    spellcheck: boolean;
     clearTrigger: FieldClearTrigger;
     formatTrigger: FieldFormatTrigger;
+    spellcheck: boolean;
     error: boolean;
     readonly: boolean;
     showWordLimit: boolean;

package/es/field/Field.mjs

@@ -27,12 +27,12 @@ const fieldSharedProps = {
   autocorrect: String,
   errorMessage: String,
   enterkeyhint: String,
+  clearTrigger: makeStringProp("focus"),
+  formatTrigger: makeStringProp("onChange"),
   spellcheck: {
     type: Boolean,
     default: null
   },
-  clearTrigger: makeStringProp("focus"),
-  formatTrigger: makeStringProp("onChange"),
   error: {
     type: Boolean,
     default: null
@@ -108,6 +108,14 @@ 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;
@@ -510,7 +518,7 @@ var stdin_default = defineComponent({
         "titleStyle": labelStyle.value,
         "valueClass": bem("value"),
         "titleClass": [bem("label", [labelAlign, {
-          required: props.required
+          required: showRequiredMark.value
         }]), props.labelClass],
         "arrowDirection": props.arrowDirection
       }, {

package/es/field/index.css

@@ -1 +1 @@
-:root{--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);word-break: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-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}