vant 4.0.0-alpha.3 → 4.0.0-alpha.4

package/es/empty/{Empty.js → Empty.mjs}

@@ -1,7 +1,7 @@
 import { createVNode as _createVNode } from "vue";
 import { defineComponent } from "vue";
-import { getSizeStyle, makeStringProp, createNamespace } from "../utils";
-import { renderError, renderSearch, renderNetwork, renderMaterial } from "./Images";
+import { getSizeStyle, makeStringProp, createNamespace } from "../utils/index.mjs";
+import { renderError, renderSearch, renderNetwork, renderMaterial } from "./Images.mjs";
 const [name, bem] = createNamespace("empty");
 const PRESET_IMAGES = {
   error: renderError,

package/es/empty/{index.js → index.mjs}

@@ -1,5 +1,5 @@
-import { withInstall } from "../utils";
-import _Empty from "./Empty";
+import { withInstall } from "../utils/index.mjs";
+import _Empty from "./Empty.mjs";
 const Empty = withInstall(_Empty);
 var stdin_default = Empty;
 export {

package/es/field/{Field.js → Field.mjs}

@@ -1,13 +1,13 @@
 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";
-import { cutString, runSyncRule, endComposing, mapInputType, startComposing, getRuleMessage, resizeTextarea, getStringLength, runRuleValidator } from "./utils";
-import { cellSharedProps } from "../cell/Cell";
+import { isDef, extend, addUnit, toArray, FORM_KEY, numericProp, unknownProp, resetScroll, formatNumber, preventDefault, makeStringProp, makeNumericProp, createNamespace } from "../utils/index.mjs";
+import { cutString, runSyncRule, endComposing, mapInputType, startComposing, getRuleMessage, resizeTextarea, getStringLength, runRuleValidator } from "./utils.mjs";
+import { cellSharedProps } from "../cell/Cell.mjs";
 import { CUSTOM_FIELD_INJECTION_KEY, useParent } from "@vant/use";
-import { useId } from "../composables/use-id";
-import { useExpose } from "../composables/use-expose";
-import { Icon } from "../icon";
-import { Cell } from "../cell";
+import { useId } from "../composables/use-id.mjs";
+import { useExpose } from "../composables/use-expose.mjs";
+import { Icon } from "../icon/index.mjs";
+import { Cell } from "../cell/index.mjs";
 const [name, bem] = createNamespace("field");
 const fieldSharedProps = {
   id: String,
@@ -65,8 +65,8 @@ var stdin_default = defineComponent({
   }) {
     const id = useId();
     const state = reactive({
+      status: "unvalidated",
       focused: false,
-      validateFailed: false,
       validateMessage: ""
     });
     const inputRef = ref();
@@ -102,7 +102,7 @@ var stdin_default = defineComponent({
       return props.modelValue;
     });
     const runRules = (rules) => rules.reduce((promise, rule) => promise.then(() => {
-      if (state.validateFailed) {
+      if (state.status === "failed") {
         return;
       }
       let {
@@ -112,38 +112,37 @@ var stdin_default = defineComponent({
         value = rule.formatter(value, rule);
       }
       if (!runSyncRule(value, rule)) {
-        state.validateFailed = true;
+        state.status = "failed";
         state.validateMessage = getRuleMessage(value, rule);
         return;
       }
       if (rule.validator) {
         return runRuleValidator(value, rule).then((result) => {
           if (result && typeof result === "string") {
-            state.validateFailed = true;
+            state.status = "failed";
             state.validateMessage = result;
           } else if (result === false) {
-            state.validateFailed = true;
+            state.status = "failed";
             state.validateMessage = getRuleMessage(value, rule);
           }
         });
       }
     }), Promise.resolve());
     const resetValidation = () => {
-      if (state.validateFailed) {
-        state.validateFailed = false;
-        state.validateMessage = "";
-      }
+      state.status = "unvalidated";
+      state.validateMessage = "";
     };
     const validate = (rules = props.rules) => new Promise((resolve) => {
       resetValidation();
       if (rules) {
         runRules(rules).then(() => {
-          if (state.validateFailed) {
+          if (state.status === "failed") {
             resolve({
               name: props.name,
               message: state.validateMessage
             });
           } else {
+            state.status = "passed";
             resolve();
           }
         });
@@ -247,7 +246,7 @@ var stdin_default = defineComponent({
       if (typeof props.error === "boolean") {
         return props.error;
       }
-      if (form && form.props.showError && state.validateFailed) {
+      if (form && form.props.showError && state.status === "failed") {
         return true;
       }
     });
@@ -273,6 +272,7 @@ var stdin_default = defineComponent({
       emit("keypress", event);
     };
     const getInputId = () => props.id || `${id}-input`;
+    const getValidationStatus = () => state.status;
     const renderInput = () => {
       const controlClass = bem("control", [getProp("inputAlign"), {
         error: showError.value,
@@ -291,7 +291,6 @@ var stdin_default = defineComponent({
         name: props.name,
         rows: props.rows !== void 0 ? +props.rows : void 0,
         class: controlClass,
-        value: props.modelValue,
         disabled: getProp("disabled"),
         readonly: getProp("readonly"),
         autofocus: props.autofocus,
@@ -388,7 +387,8 @@ var stdin_default = defineComponent({
       focus,
       validate,
       formValue,
-      resetValidation
+      resetValidation,
+      getValidationStatus
     });
     provide(CUSTOM_FIELD_INJECTION_KEY, {
       customValue,

package/es/field/index.d.ts

@@ -193,7 +193,7 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
 }>>;
 export default Field;
 export type { FieldProps };
-export type { FieldType, FieldRule, FieldInstance, FieldTextAlign, FieldRuleMessage, FieldClearTrigger, FieldFormatTrigger, FieldRuleValidator, FiledRuleFormatter, FieldValidateError, FieldAutosizeConfig, FieldValidateTrigger, } from './types';
+export type { FieldType, FieldRule, FieldInstance, FieldTextAlign, FieldRuleMessage, FieldClearTrigger, FieldFormatTrigger, FieldRuleValidator, FiledRuleFormatter, FieldValidateError, FieldAutosizeConfig, FieldValidateTrigger, FieldValidationStatus, } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanField: typeof Field;

package/es/field/{index.js → index.mjs}

@@ -1,5 +1,5 @@
-import { withInstall } from "../utils";
-import _Field from "./Field";
+import { withInstall } from "../utils/index.mjs";
+import _Field from "./Field.mjs";
 const Field = withInstall(_Field);
 var stdin_default = Field;
 export {

package/es/field/types.d.ts

@@ -24,12 +24,14 @@ export declare type FieldRule = {
     validator?: FieldRuleValidator;
     formatter?: FiledRuleFormatter;
 };
+export declare type FieldValidationStatus = 'passed' | 'failed' | 'unvalidated';
 export declare type FieldFormSharedProps = 'colon' | 'disabled' | 'readonly' | 'labelWidth' | 'labelAlign' | 'inputAlign' | 'errorMessageAlign';
 export declare type FieldExpose = {
     blur: () => void | undefined;
     focus: () => void | undefined;
     validate: (rules?: FieldRule[] | undefined) => Promise<void | FieldValidateError>;
     resetValidation: () => void;
+    getValidationStatus: () => FieldValidationStatus;
     /** @private */
     formValue: ComputedRef<unknown>;
 };

package/es/field/{utils.js → utils.mjs}

@@ -4,7 +4,7 @@ import {
   isFunction,
   getRootScrollTop,
   setRootScrollTop
-} from "../utils";
+} from "../utils/index.mjs";
 function isEmptyValue(value) {
   if (Array.isArray(value)) {
     return !value.length;

package/es/form/{Form.js → Form.mjs}

@@ -1,8 +1,8 @@
 import { createVNode as _createVNode } from "vue";
 import { defineComponent } from "vue";
-import { FORM_KEY, truthProp, numericProp, preventDefault, createNamespace } from "../utils";
+import { FORM_KEY, truthProp, numericProp, preventDefault, createNamespace } from "../utils/index.mjs";
 import { useChildren } from "@vant/use";
-import { useExpose } from "../composables/use-expose";
+import { useExpose } from "../composables/use-expose.mjs";
 const [name, bem] = createNamespace("form");
 const formProps = {
   colon: Boolean,
@@ -100,6 +100,10 @@ var stdin_default = defineComponent({
         item.resetValidation();
       });
     };
+    const getValidationStatus = () => children.reduce((form, field) => {
+      form[field.name] = field.getValidationStatus();
+      return form;
+    }, {});
     const scrollToField = (name2, options) => {
       children.some((item) => {
         if (item.name === name2) {
@@ -137,7 +141,8 @@ var stdin_default = defineComponent({
       validate,
       getValues,
       scrollToField,
-      resetValidation
+      resetValidation,
+      getValidationStatus
     });
     return () => {
       var _a;

package/es/form/{index.js → index.mjs}

@@ -1,5 +1,5 @@
-import { withInstall } from "../utils";
-import _Form from "./Form";
+import { withInstall } from "../utils/index.mjs";
+import _Form from "./Form.mjs";
 const Form = withInstall(_Form);
 var stdin_default = Form;
 export {

package/es/form/types.d.ts

@@ -1,11 +1,13 @@
 import type { ComponentPublicInstance } from 'vue';
 import type { FormProps } from './Form';
+import type { FieldValidationStatus } from '../field';
 export declare type FormExpose = {
     submit: () => void;
     validate: (name?: string | string[] | undefined) => Promise<void>;
     getValues: () => Record<string, unknown>;
     scrollToField: (name: string, options?: boolean | ScrollIntoViewOptions | undefined) => void;
     resetValidation: (name?: string | string[] | undefined) => void;
+    getValidationStatus: () => Record<string, FieldValidationStatus>;
 };
 export declare type FormProvide = {
     props: FormProps;

package/es/grid/{Grid.js → Grid.mjs}

@@ -1,7 +1,7 @@
 import { createVNode as _createVNode } from "vue";
 import { defineComponent } from "vue";
-import { createNamespace, addUnit, truthProp, numericProp, makeNumericProp } from "../utils";
-import { BORDER_TOP } from "../utils/constant";
+import { createNamespace, addUnit, truthProp, numericProp, makeNumericProp } from "../utils/index.mjs";
+import { BORDER_TOP } from "../utils/constant.mjs";
 import { useChildren } from "@vant/use";
 const [name, bem] = createNamespace("grid");
 const gridProps = {

package/es/grid/{index.js → index.mjs}

@@ -1,5 +1,5 @@
-import { withInstall } from "../utils";
-import _Grid from "./Grid";
+import { withInstall } from "../utils/index.mjs";
+import _Grid from "./Grid.mjs";
 const Grid = withInstall(_Grid);
 var stdin_default = Grid;
 export {

package/es/grid-item/{GridItem.js → GridItem.mjs}

@@ -1,11 +1,11 @@
 import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 import { computed, defineComponent } from "vue";
-import { BORDER, extend, addUnit, numericProp, createNamespace } from "../utils";
-import { GRID_KEY } from "../grid/Grid";
+import { BORDER, extend, addUnit, numericProp, createNamespace } from "../utils/index.mjs";
+import { GRID_KEY } from "../grid/Grid.mjs";
 import { useParent } from "@vant/use";
-import { useRoute, routeProps } from "../composables/use-route";
-import { Icon } from "../icon";
-import { Badge } from "../badge";
+import { useRoute, routeProps } from "../composables/use-route.mjs";
+import { Icon } from "../icon/index.mjs";
+import { Badge } from "../badge/index.mjs";
 const [name, bem] = createNamespace("grid-item");
 const gridItemProps = extend({}, routeProps, {
   dot: Boolean,

package/es/grid-item/{index.js → index.mjs}

@@ -1,5 +1,5 @@
-import { withInstall } from "../utils";
-import _GridItem from "./GridItem";
+import { withInstall } from "../utils/index.mjs";
+import _GridItem from "./GridItem.mjs";
 const GridItem = withInstall(_GridItem);
 var stdin_default = GridItem;
 export {

package/es/icon/{Icon.js → Icon.mjs}

@@ -1,8 +1,8 @@
 import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
 import { inject, computed, defineComponent } from "vue";
-import { addUnit, numericProp, makeStringProp, createNamespace } from "../utils";
-import { Badge } from "../badge";
-import { CONFIG_PROVIDER_KEY } from "../config-provider/ConfigProvider";
+import { addUnit, numericProp, makeStringProp, createNamespace } from "../utils/index.mjs";
+import { Badge } from "../badge/index.mjs";
+import { CONFIG_PROVIDER_KEY } from "../config-provider/ConfigProvider.mjs";
 const [name, bem] = createNamespace("icon");
 const isImage = (name2) => name2 == null ? void 0 : name2.includes("/");
 const iconProps = {

package/es/icon/{index.js → index.mjs}

@@ -1,5 +1,5 @@
-import { withInstall } from "../utils";
-import _Icon from "./Icon";
+import { withInstall } from "../utils/index.mjs";
+import _Icon from "./Icon.mjs";
 const Icon = withInstall(_Icon);
 var stdin_default = Icon;
 export {

package/es/image/{Image.js → Image.mjs}

@@ -1,7 +1,7 @@
 import { withDirectives as _withDirectives, mergeProps as _mergeProps, resolveDirective as _resolveDirective, createVNode as _createVNode } from "vue";
 import { ref, watch, computed, nextTick, onBeforeUnmount, defineComponent, getCurrentInstance } from "vue";
-import { isDef, addUnit, inBrowser, truthProp, numericProp, makeStringProp, createNamespace } from "../utils";
-import { Icon } from "../icon";
+import { isDef, addUnit, inBrowser, truthProp, numericProp, makeStringProp, createNamespace } from "../utils/index.mjs";
+import { Icon } from "../icon/index.mjs";
 const [name, bem] = createNamespace("image");
 const imageProps = {
   src: String,

package/es/image/{index.js → index.mjs}

@@ -1,5 +1,5 @@
-import { withInstall } from "../utils";
-import _Image from "./Image";
+import { withInstall } from "../utils/index.mjs";
+import _Image from "./Image.mjs";
 const Image = withInstall(_Image);
 var stdin_default = Image;
 export {

package/es/image-preview/{ImagePreview.js → ImagePreview.mjs}

@@ -1,12 +1,12 @@
 import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
 import { ref, watch, nextTick, reactive, onMounted, defineComponent } from "vue";
-import { pick, truthProp, unknownProp, windowWidth, windowHeight, makeArrayProp, makeStringProp, makeNumericProp, callInterceptor, createNamespace, HAPTICS_FEEDBACK } from "../utils";
+import { pick, truthProp, unknownProp, windowWidth, windowHeight, makeArrayProp, makeStringProp, makeNumericProp, callInterceptor, createNamespace, HAPTICS_FEEDBACK } from "../utils/index.mjs";
 import { useRect } from "@vant/use";
-import { useExpose } from "../composables/use-expose";
-import { Icon } from "../icon";
-import { Swipe } from "../swipe";
-import { Popup } from "../popup";
-import ImagePreviewItem from "./ImagePreviewItem";
+import { useExpose } from "../composables/use-expose.mjs";
+import { Icon } from "../icon/index.mjs";
+import { Swipe } from "../swipe/index.mjs";
+import { Popup } from "../popup/index.mjs";
+import ImagePreviewItem from "./ImagePreviewItem.mjs";
 const [name, bem] = createNamespace("image-preview");
 const popupProps = ["show", "transition", "overlayStyle", "closeOnPopstate"];
 const imagePreviewProps = {

package/es/image-preview/{ImagePreviewItem.js → ImagePreviewItem.mjs}

@@ -1,10 +1,10 @@
 import { createVNode as _createVNode } from "vue";
 import { watch, computed, reactive, defineComponent } from "vue";
-import { clamp, numericProp, preventDefault, createNamespace, makeRequiredProp } from "../utils";
-import { useTouch } from "../composables/use-touch";
-import { Image } from "../image";
-import { Loading } from "../loading";
-import { SwipeItem } from "../swipe-item";
+import { clamp, numericProp, preventDefault, createNamespace, makeRequiredProp } from "../utils/index.mjs";
+import { useTouch } from "../composables/use-touch.mjs";
+import { Image } from "../image/index.mjs";
+import { Loading } from "../loading/index.mjs";
+import { SwipeItem } from "../swipe-item/index.mjs";
 const getDistance = (touches) => Math.sqrt((touches[0].clientX - touches[1].clientX) ** 2 + (touches[0].clientY - touches[1].clientY) ** 2);
 const bem = createNamespace("image-preview")[1];
 var stdin_default = defineComponent({

package/es/image-preview/{function-call.js → function-call.mjs}

@@ -1,7 +1,7 @@
 import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
-import { extend, inBrowser, withInstall } from "../utils";
-import { mountComponent, usePopupState } from "../utils/mount-component";
-import VanImagePreview from "./ImagePreview";
+import { extend, inBrowser, withInstall } from "../utils/index.mjs";
+import { mountComponent, usePopupState } from "../utils/mount-component.mjs";
+import VanImagePreview from "./ImagePreview.mjs";
 let instance;
 const defaultConfig = {
   loop: true,

package/es/image-preview/{index.js → index.mjs}

@@ -1,4 +1,4 @@
-import { ImagePreview } from "./function-call";
+import { ImagePreview } from "./function-call.mjs";
 var stdin_default = ImagePreview;
 export {
   ImagePreview,

package/es/index-anchor/{IndexAnchor.js → IndexAnchor.mjs}

@@ -1,10 +1,10 @@
 import { createVNode as _createVNode } from "vue";
 import { ref, reactive, computed, defineComponent } from "vue";
-import { extend, numericProp, BORDER_BOTTOM, getZIndexStyle, createNamespace } from "../utils";
-import { INDEX_BAR_KEY } from "../index-bar/IndexBar";
-import { getScrollTop, getRootScrollTop } from "../utils/dom";
+import { extend, numericProp, BORDER_BOTTOM, getZIndexStyle, createNamespace } from "../utils/index.mjs";
+import { INDEX_BAR_KEY } from "../index-bar/IndexBar.mjs";
+import { getScrollTop, getRootScrollTop } from "../utils/dom.mjs";
 import { useRect, useParent } from "@vant/use";
-import { useExpose } from "../composables/use-expose";
+import { useExpose } from "../composables/use-expose.mjs";
 const [name, bem] = createNamespace("index-anchor");
 const indexAnchorProps = {
   index: numericProp

package/es/index-anchor/{index.js → index.mjs}

@@ -1,5 +1,5 @@
-import { withInstall } from "../utils";
-import _IndexAnchor from "./IndexAnchor";
+import { withInstall } from "../utils/index.mjs";
+import _IndexAnchor from "./IndexAnchor.mjs";
 const IndexAnchor = withInstall(_IndexAnchor);
 var stdin_default = IndexAnchor;
 export {

package/es/index-bar/{IndexBar.js → IndexBar.mjs}

@@ -1,9 +1,9 @@
 import { createVNode as _createVNode } from "vue";
 import { ref, watch, computed, nextTick, Teleport, onMounted, defineComponent } from "vue";
-import { isDef, isHidden, truthProp, numericProp, getScrollTop, preventDefault, makeNumberProp, createNamespace, getRootScrollTop, setRootScrollTop } from "../utils";
+import { isDef, isHidden, truthProp, numericProp, getScrollTop, preventDefault, makeNumberProp, createNamespace, getRootScrollTop, setRootScrollTop } from "../utils/index.mjs";
 import { useRect, useChildren, useScrollParent, useEventListener } from "@vant/use";
-import { useTouch } from "../composables/use-touch";
-import { useExpose } from "../composables/use-expose";
+import { useTouch } from "../composables/use-touch.mjs";
+import { useExpose } from "../composables/use-expose.mjs";
 function genAlphabet() {
   const charCodeOfA = "A".charCodeAt(0);
   const indexList = Array(26).fill("").map((_, i) => String.fromCharCode(charCodeOfA + i));

package/es/index-bar/{index.js → index.mjs}

@@ -1,5 +1,5 @@
-import { withInstall } from "../utils";
-import _IndexBar from "./IndexBar";
+import { withInstall } from "../utils/index.mjs";
+import _IndexBar from "./IndexBar.mjs";
 const IndexBar = withInstall(_IndexBar);
 var stdin_default = IndexBar;
 export {

package/es/index.d.ts

@@ -91,4 +91,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "4.0.0-alpha.3";
+export const version: "4.0.0-alpha.4";