vant 3.4.9 → 3.5.0

package/es/uploader/{UploaderPreviewItem.js → UploaderPreviewItem.mjs}

@@ -1,10 +1,10 @@
 import { createVNode as _createVNode } from "vue";
 import { defineComponent } from "vue";
-import { t, bem, isImageFile } from "./utils";
-import { isDef, extend, numericProp, getSizeStyle, callInterceptor, makeRequiredProp } from "../utils";
-import { Icon } from "../icon";
-import { Image } from "../image";
-import { Loading } from "../loading";
+import { t, bem, isImageFile } from "./utils.mjs";
+import { isDef, extend, numericProp, getSizeStyle, callInterceptor, makeRequiredProp } from "../utils/index.mjs";
+import { Icon } from "../icon/index.mjs";
+import { Image } from "../image/index.mjs";
+import { Loading } from "../loading/index.mjs";
 var stdin_default = defineComponent({
   props: {
     name: numericProp,
@@ -60,13 +60,16 @@ var stdin_default = defineComponent({
     const onPreview = () => emit("preview");
     const renderDeleteIcon = () => {
       if (props.deletable && props.item.status !== "uploading") {
+        const slot = slots["preview-delete"];
         return _createVNode("div", {
           "role": "button",
-          "class": bem("preview-delete"),
+          "class": bem("preview-delete", {
+            shadow: !slot
+          }),
           "tabindex": 0,
           "aria-label": t("delete"),
           "onClick": onDelete
-        }, [_createVNode(Icon, {
+        }, [slot ? slot() : _createVNode(Icon, {
           "name": "cross",
           "class": bem("preview-delete-icon")
         }, null)]);

package/es/uploader/index.css

@@ -1 +1 @@
-:root{--van-uploader-size: 80px;--van-uploader-icon-size: 24px;--van-uploader-icon-color: var(--van-gray-4);--van-uploader-text-color: var(--van-text-color-2);--van-uploader-text-font-size: var(--van-font-size-sm);--van-uploader-upload-background-color: var(--van-gray-1);--van-uploader-upload-active-color: var(--van-active-color);--van-uploader-delete-color: var(--van-white);--van-uploader-delete-icon-size: 14px;--van-uploader-delete-background-color: rgba(0, 0, 0, .7);--van-uploader-file-background-color: var(--van-background-color);--van-uploader-file-icon-size: 20px;--van-uploader-file-icon-color: var(--van-gray-7);--van-uploader-file-name-padding: 0 var(--van-padding-base);--van-uploader-file-name-margin-top: var(--van-padding-xs);--van-uploader-file-name-font-size: var(--van-font-size-sm);--van-uploader-file-name-text-color: var(--van-gray-7);--van-uploader-mask-text-color: var(--van-white);--van-uploader-mask-background-color: rgba(50, 50, 51, .88);--van-uploader-mask-icon-size: 22px;--van-uploader-mask-message-font-size: var(--van-font-size-sm);--van-uploader-mask-message-line-height: var(--van-line-height-xs);--van-uploader-loading-icon-size: 22px;--van-uploader-loading-icon-color: var(--van-white);--van-uploader-disabled-opacity: var(--van-disabled-opacity)}.van-uploader{position:relative;display:inline-block}.van-uploader__wrapper{display:flex;flex-wrap:wrap}.van-uploader__wrapper--disabled{opacity:var(--van-uploader-disabled-opacity)}.van-uploader__input{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;cursor:pointer;opacity:0}.van-uploader__input-wrapper{position:relative}.van-uploader__input:disabled{cursor:not-allowed}.van-uploader__upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:var(--van-uploader-size);height:var(--van-uploader-size);margin:0 var(--van-padding-xs) var(--van-padding-xs) 0;background:var(--van-uploader-upload-background-color)}.van-uploader__upload:active{background-color:var(--van-uploader-upload-active-color)}.van-uploader__upload--readonly:active{background-color:var(--van-uploader-upload-background-color)}.van-uploader__upload-icon{color:var(--van-uploader-icon-color);font-size:var(--van-uploader-icon-size)}.van-uploader__upload-text{margin-top:var(--van-padding-xs);color:var(--van-uploader-text-color);font-size:var(--van-uploader-text-font-size)}.van-uploader__preview{position:relative;margin:0 var(--van-padding-xs) var(--van-padding-xs) 0;cursor:pointer}.van-uploader__preview-image{display:block;width:var(--van-uploader-size);height:var(--van-uploader-size);overflow:hidden}.van-uploader__preview-delete{position:absolute;top:0;right:0;width:var(--van-uploader-delete-icon-size);height:var(--van-uploader-delete-icon-size);background:var(--van-uploader-delete-background-color);border-radius:0 0 0 12px}.van-uploader__preview-delete-icon{position:absolute;top:0;right:0;color:var(--van-uploader-delete-color);font-size:var(--van-uploader-delete-icon-size);transform:scale(.7) translate(10%,-10%)}.van-uploader__preview-cover{position:absolute;top:0;right:0;bottom:0;left:0}.van-uploader__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--van-uploader-mask-text-color);background:var(--van-uploader-mask-background-color)}.van-uploader__mask-icon{font-size:var(--van-uploader-mask-icon-size)}.van-uploader__mask-message{margin-top:6px;padding:0 var(--van-padding-base);font-size:var(--van-uploader-mask-message-font-size);line-height:var(--van-uploader-mask-message-line-height)}.van-uploader__loading{width:var(--van-uploader-loading-icon-size);height:var(--van-uploader-loading-icon-size);color:var(--van-uploader-loading-icon-color)}.van-uploader__file{display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--van-uploader-size);height:var(--van-uploader-size);background:var(--van-uploader-file-background-color)}.van-uploader__file-icon{color:var(--van-uploader-file-icon-color);font-size:var(--van-uploader-file-icon-size)}.van-uploader__file-name{box-sizing:border-box;width:100%;margin-top:var(--van-uploader-file-name-margin-top);padding:var(--van-uploader-file-name-padding);color:var(--van-uploader-file-name-text-color);font-size:var(--van-uploader-file-name-font-size);text-align:center}
+:root{--van-uploader-size: 80px;--van-uploader-icon-size: 24px;--van-uploader-icon-color: var(--van-gray-4);--van-uploader-text-color: var(--van-text-color-2);--van-uploader-text-font-size: var(--van-font-size-sm);--van-uploader-upload-background-color: var(--van-gray-1);--van-uploader-upload-active-color: var(--van-active-color);--van-uploader-delete-color: var(--van-white);--van-uploader-delete-icon-size: 14px;--van-uploader-delete-background-color: rgba(0, 0, 0, .7);--van-uploader-file-background-color: var(--van-background-color);--van-uploader-file-icon-size: 20px;--van-uploader-file-icon-color: var(--van-gray-7);--van-uploader-file-name-padding: 0 var(--van-padding-base);--van-uploader-file-name-margin-top: var(--van-padding-xs);--van-uploader-file-name-font-size: var(--van-font-size-sm);--van-uploader-file-name-text-color: var(--van-gray-7);--van-uploader-mask-text-color: var(--van-white);--van-uploader-mask-background-color: rgba(50, 50, 51, .88);--van-uploader-mask-icon-size: 22px;--van-uploader-mask-message-font-size: var(--van-font-size-sm);--van-uploader-mask-message-line-height: var(--van-line-height-xs);--van-uploader-loading-icon-size: 22px;--van-uploader-loading-icon-color: var(--van-white);--van-uploader-disabled-opacity: var(--van-disabled-opacity)}.van-uploader{position:relative;display:inline-block}.van-uploader__wrapper{display:flex;flex-wrap:wrap}.van-uploader__wrapper--disabled{opacity:var(--van-uploader-disabled-opacity)}.van-uploader__input{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;cursor:pointer;opacity:0}.van-uploader__input-wrapper{position:relative}.van-uploader__input:disabled{cursor:not-allowed}.van-uploader__upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:var(--van-uploader-size);height:var(--van-uploader-size);margin:0 var(--van-padding-xs) var(--van-padding-xs) 0;background:var(--van-uploader-upload-background-color)}.van-uploader__upload:active{background-color:var(--van-uploader-upload-active-color)}.van-uploader__upload--readonly:active{background-color:var(--van-uploader-upload-background-color)}.van-uploader__upload-icon{color:var(--van-uploader-icon-color);font-size:var(--van-uploader-icon-size)}.van-uploader__upload-text{margin-top:var(--van-padding-xs);color:var(--van-uploader-text-color);font-size:var(--van-uploader-text-font-size)}.van-uploader__preview{position:relative;margin:0 var(--van-padding-xs) var(--van-padding-xs) 0;cursor:pointer}.van-uploader__preview-image{display:block;width:var(--van-uploader-size);height:var(--van-uploader-size);overflow:hidden}.van-uploader__preview-delete{position:absolute;top:0;right:0}.van-uploader__preview-delete--shadow{width:var(--van-uploader-delete-icon-size);height:var(--van-uploader-delete-icon-size);background:var(--van-uploader-delete-background-color);border-radius:0 0 0 12px}.van-uploader__preview-delete-icon{position:absolute;top:0;right:0;color:var(--van-uploader-delete-color);font-size:var(--van-uploader-delete-icon-size);transform:scale(.7) translate(10%,-10%)}.van-uploader__preview-cover{position:absolute;top:0;right:0;bottom:0;left:0}.van-uploader__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--van-uploader-mask-text-color);background:var(--van-uploader-mask-background-color)}.van-uploader__mask-icon{font-size:var(--van-uploader-mask-icon-size)}.van-uploader__mask-message{margin-top:6px;padding:0 var(--van-padding-base);font-size:var(--van-uploader-mask-message-font-size);line-height:var(--van-uploader-mask-message-line-height)}.van-uploader__loading{width:var(--van-uploader-loading-icon-size);height:var(--van-uploader-loading-icon-size);color:var(--van-uploader-loading-icon-color)}.van-uploader__file{display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--van-uploader-size);height:var(--van-uploader-size);background:var(--van-uploader-file-background-color)}.van-uploader__file-icon{color:var(--van-uploader-file-icon-color);font-size:var(--van-uploader-file-icon-size)}.van-uploader__file-name{box-sizing:border-box;width:100%;margin-top:var(--van-uploader-file-name-margin-top);padding:var(--van-uploader-file-name-padding);color:var(--van-uploader-file-name-text-color);font-size:var(--van-uploader-file-name-font-size);text-align:center}

package/es/uploader/index.less

@@ -108,10 +108,13 @@
       position: absolute;
       top: 0;
       right: 0;
-      width: var(--van-uploader-delete-icon-size);
-      height: var(--van-uploader-delete-icon-size);
-      background: var(--van-uploader-delete-background-color);
-      border-radius: 0 0 0 12px;
+
+      &--shadow {
+        width: var(--van-uploader-delete-icon-size);
+        height: var(--van-uploader-delete-icon-size);
+        background: var(--van-uploader-delete-background-color);
+        border-radius: 0 0 0 12px;
+      }
 
       &-icon {
         position: absolute;

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

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

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

@@ -1,4 +1,4 @@
-import { toArray, createNamespace, isFunction } from "../utils";
+import { toArray, createNamespace, isFunction } from "../utils/index.mjs";
 const [name, bem, t] = createNamespace("uploader");
 function readFileContent(file, resultType) {
   return new Promise((resolve) => {

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

@@ -1,7 +1,7 @@
-import { get } from "./basic";
-import { camelize } from "./format";
-import { isFunction } from "./validate";
-import locale from "../locale";
+import { get } from "./basic.mjs";
+import { camelize } from "./format.mjs";
+import { isFunction } from "./validate.mjs";
+import locale from "../locale/index.mjs";
 function createTranslate(name) {
   const prefix = camelize(name) + ".";
   return (path, ...args) => {

package/es/utils/{deep-assign.js → deep-assign.mjs}

@@ -1,4 +1,4 @@
-import { isDef, isObject } from "./validate";
+import { isDef, isObject } from "./validate.mjs";
 const { hasOwnProperty } = Object.prototype;
 function assignKey(to, from, key) {
   const val = from[key];

package/es/utils/{deep-clone.js → deep-clone.mjs}

@@ -1,4 +1,4 @@
-import { isDef, isObject } from "./validate";
+import { isDef, isObject } from "./validate.mjs";
 function deepClone(obj) {
   if (!isDef(obj)) {
     return obj;

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

@@ -1,6 +1,6 @@
 import { useRect, useWindowSize } from "@vant/use";
 import { unref } from "vue";
-import { isIOS as checkIsIOS } from "./validate";
+import { isIOS as checkIsIOS } from "./validate.mjs";
 function getScrollTop(el) {
   const top = "scrollTop" in el ? el.scrollTop : el.pageYOffset;
   return Math.max(top, 0);

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

@@ -1,6 +1,6 @@
-import { inBrowser } from "./basic";
-import { windowWidth, windowHeight } from "./dom";
-import { isDef, isNumeric } from "./validate";
+import { inBrowser } from "./basic.mjs";
+import { windowWidth, windowHeight } from "./dom.mjs";
+import { isDef, isNumeric } from "./validate.mjs";
 function addUnit(value) {
   if (isDef(value)) {
     return isNumeric(value) ? `${value}px` : String(value);

package/es/utils/index.mjs

@@ -0,0 +1,9 @@
+export * from "./basic.mjs";
+export * from "./props.mjs";
+export * from "./dom.mjs";
+export * from "./create.mjs";
+export * from "./format.mjs";
+export * from "./constant.mjs";
+export * from "./validate.mjs";
+export * from "./interceptor.mjs";
+export * from "./with-install.mjs";

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/dialog/Dialog.d.ts

@@ -45,8 +45,10 @@ declare const dialogProps: {
     showCancelButton: BooleanConstructor;
     cancelButtonText: StringConstructor;
     cancelButtonColor: StringConstructor;
+    cancelButtonDisabled: BooleanConstructor;
     confirmButtonText: StringConstructor;
     confirmButtonColor: StringConstructor;
+    confirmButtonDisabled: BooleanConstructor;
     showConfirmButton: {
         type: BooleanConstructor;
         default: true;
@@ -99,8 +101,10 @@ declare const _default: import("vue").DefineComponent<{
     showCancelButton: BooleanConstructor;
     cancelButtonText: StringConstructor;
     cancelButtonColor: StringConstructor;
+    cancelButtonDisabled: BooleanConstructor;
     confirmButtonText: StringConstructor;
     confirmButtonColor: StringConstructor;
+    confirmButtonDisabled: BooleanConstructor;
     showConfirmButton: {
         type: BooleanConstructor;
         default: true;
@@ -151,8 +155,10 @@ declare const _default: import("vue").DefineComponent<{
     showCancelButton: BooleanConstructor;
     cancelButtonText: StringConstructor;
     cancelButtonColor: StringConstructor;
+    cancelButtonDisabled: BooleanConstructor;
     confirmButtonText: StringConstructor;
     confirmButtonColor: StringConstructor;
+    confirmButtonDisabled: BooleanConstructor;
     showConfirmButton: {
         type: BooleanConstructor;
         default: true;
@@ -174,6 +180,8 @@ declare const _default: import("vue").DefineComponent<{
     closeOnPopstate: boolean;
     allowHtml: boolean;
     showCancelButton: boolean;
+    cancelButtonDisabled: boolean;
+    confirmButtonDisabled: boolean;
     showConfirmButton: boolean;
 }>;
 export default _default;

package/lib/dialog/Dialog.js

@@ -43,8 +43,10 @@ const dialogProps = (0, import_utils.extend)({}, import_shared.popupSharedProps,
   showCancelButton: Boolean,
   cancelButtonText: String,
   cancelButtonColor: String,
+  cancelButtonDisabled: Boolean,
   confirmButtonText: String,
   confirmButtonColor: String,
+  confirmButtonDisabled: Boolean,
   showConfirmButton: import_utils.truthProp,
   closeOnClickOverlay: Boolean
 });
@@ -165,6 +167,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         color: props.cancelButtonColor
       },
       "loading": loading.cancel,
+      "disabled": props.cancelButtonDisabled,
       "onClick": onCancel
     }, null), props.showConfirmButton && (0, import_vue.createVNode)(import_button.Button, {
       "size": "large",
@@ -176,6 +179,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         color: props.confirmButtonColor
       },
       "loading": loading.confirm,
+      "disabled": props.confirmButtonDisabled,
       "onClick": onConfirm
     }, null)]);
     const renderRoundButtons = () => (0, import_vue.createVNode)(import_action_bar.ActionBar, {
@@ -187,6 +191,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "class": bem("cancel"),
         "color": props.cancelButtonColor,
         "loading": loading.cancel,
+        "disabled": props.cancelButtonDisabled,
         "onClick": onCancel
       }, null), props.showConfirmButton && (0, import_vue.createVNode)(import_action_bar_button.ActionBarButton, {
         "type": "danger",
@@ -194,6 +199,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "class": bem("confirm"),
         "color": props.confirmButtonColor,
         "loading": loading.confirm,
+        "disabled": props.confirmButtonDisabled,
         "onClick": onConfirm
       }, null)]
     });

package/lib/dialog/function-call.d.ts

@@ -20,8 +20,10 @@ declare namespace Dialog {
         messageAlign: string;
         cancelButtonText: string;
         cancelButtonColor: null;
+        cancelButtonDisabled: boolean;
         confirmButtonText: string;
         confirmButtonColor: null;
+        confirmButtonDisabled: boolean;
         showConfirmButton: boolean;
         showCancelButton: boolean;
         closeOnPopstate: boolean;
@@ -45,8 +47,10 @@ declare namespace Dialog {
         messageAlign: string;
         cancelButtonText: string;
         cancelButtonColor: null;
+        cancelButtonDisabled: boolean;
         confirmButtonText: string;
         confirmButtonColor: null;
+        confirmButtonDisabled: boolean;
         showConfirmButton: boolean;
         showCancelButton: boolean;
         closeOnPopstate: boolean;
@@ -102,8 +106,10 @@ declare namespace Dialog {
         showCancelButton: BooleanConstructor;
         cancelButtonText: StringConstructor;
         cancelButtonColor: StringConstructor;
+        cancelButtonDisabled: BooleanConstructor;
         confirmButtonText: StringConstructor;
         confirmButtonColor: StringConstructor;
+        confirmButtonDisabled: BooleanConstructor;
         showConfirmButton: {
             type: BooleanConstructor;
             default: true;
@@ -154,8 +160,10 @@ declare namespace Dialog {
         showCancelButton: BooleanConstructor;
         cancelButtonText: StringConstructor;
         cancelButtonColor: StringConstructor;
+        cancelButtonDisabled: BooleanConstructor;
         confirmButtonText: StringConstructor;
         confirmButtonColor: StringConstructor;
+        confirmButtonDisabled: BooleanConstructor;
         showConfirmButton: {
             type: BooleanConstructor;
             default: true;
@@ -177,6 +185,8 @@ declare namespace Dialog {
         closeOnPopstate: boolean;
         allowHtml: boolean;
         showCancelButton: boolean;
+        cancelButtonDisabled: boolean;
+        confirmButtonDisabled: boolean;
         showConfirmButton: boolean;
     }>>;
     var install: (app: App<any>) => void;

package/lib/dialog/function-call.js

@@ -77,8 +77,10 @@ Dialog.defaultOptions = {
   messageAlign: "",
   cancelButtonText: "",
   cancelButtonColor: null,
+  cancelButtonDisabled: false,
   confirmButtonText: "",
   confirmButtonColor: null,
+  confirmButtonDisabled: false,
   showConfirmButton: true,
   showCancelButton: false,
   closeOnPopstate: true,

package/lib/dialog/types.d.ts

@@ -21,12 +21,14 @@ export declare type DialogOptions = {
     overlayClass?: string;
     overlayStyle?: CSSProperties;
     closeOnPopstate?: boolean;
-    cancelButtonText?: string;
     showCancelButton?: boolean;
     showConfirmButton?: boolean;
+    cancelButtonText?: string;
     cancelButtonColor?: string;
+    cancelButtonDisabled?: boolean;
     confirmButtonText?: string;
     confirmButtonColor?: string;
+    confirmButtonDisabled?: boolean;
     closeOnClickOverlay?: boolean;
 };
 declare module '@vue/runtime-core' {

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;