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

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

@@ -1,5 +1,5 @@
-import { noop } from "./basic";
-import { isPromise } from "./validate";
+import { noop } from "./basic.mjs";
+import { isPromise } from "./validate.mjs";
 function callInterceptor(interceptor, {
   args = [],
   done,

package/es/utils/{mount-component.js → mount-component.mjs}

@@ -1,6 +1,6 @@
 import { createApp, reactive } from "vue";
-import { extend } from "../utils";
-import { useExpose } from "../composables/use-expose";
+import { extend } from "../utils/index.mjs";
+import { useExpose } from "../composables/use-expose.mjs";
 function usePopupState() {
   const state = reactive({
     show: false

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

@@ -1,4 +1,4 @@
-import { inBrowser } from "./basic";
+import { inBrowser } from "./basic.mjs";
 const isDef = (val) => val !== void 0 && val !== null;
 const isFunction = (val) => typeof val === "function";
 const isObject = (val) => val !== null && typeof val === "object";

package/es/utils/{with-install.js → with-install.mjs}

@@ -1,4 +1,4 @@
-import { camelize } from "./format";
+import { camelize } from "./format.mjs";
 function withInstall(options) {
   options.install = (app) => {
     const { name } = options;

package/lib/field/Field.js

@@ -88,8 +88,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
   }) {
     const id = (0, import_use_id.useId)();
     const state = (0, import_vue2.reactive)({
+      status: "unvalidated",
       focused: false,
-      validateFailed: false,
       validateMessage: ""
     });
     const inputRef = (0, import_vue2.ref)();
@@ -125,7 +125,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       return props.modelValue;
     });
     const runRules = (rules) => rules.reduce((promise, rule) => promise.then(() => {
-      if (state.validateFailed) {
+      if (state.status === "failed") {
         return;
       }
       let {
@@ -135,38 +135,37 @@ var stdin_default = (0, import_vue2.defineComponent)({
         value = rule.formatter(value, rule);
       }
       if (!(0, import_utils2.runSyncRule)(value, rule)) {
-        state.validateFailed = true;
+        state.status = "failed";
         state.validateMessage = (0, import_utils2.getRuleMessage)(value, rule);
         return;
       }
       if (rule.validator) {
         return (0, import_utils2.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 = (0, import_utils2.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();
           }
         });
@@ -270,7 +269,7 @@ var stdin_default = (0, import_vue2.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;
       }
     });
@@ -296,6 +295,7 @@ var stdin_default = (0, import_vue2.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,
@@ -314,7 +314,6 @@ var stdin_default = (0, import_vue2.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,
@@ -411,7 +410,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
       focus,
       validate,
       formValue,
-      resetValidation
+      resetValidation,
+      getValidationStatus
     });
     (0, import_vue2.provide)(import_use.CUSTOM_FIELD_INJECTION_KEY, {
       customValue,

package/lib/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/lib/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/lib/form/Form.js

@@ -122,6 +122,10 @@ var stdin_default = (0, import_vue2.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) {
@@ -159,7 +163,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
       validate,
       getValues,
       scrollToField,
-      resetValidation
+      resetValidation,
+      getValidationStatus
     });
     return () => {
       var _a;

package/lib/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;