vant 3.4.9 → 3.5.0-beta.0

package/README.md

@@ -1,5 +1,5 @@
 <p align="center">
-    <img alt="logo" src="https://cdn.jsdelivr.net/npm/@vant/assets/logo.png" width="120" height="120" style="margin-bottom: 10px;">
+    <img alt="logo" src="https://fastly.jsdelivr.net/npm/@vant/assets/logo.png" width="120" height="120" style="margin-bottom: 10px;">
 </p>
 
 <h1 align="center">Vant</h1>
@@ -87,7 +87,7 @@ Vant 3/4 supports modern browsers and Chrome >= 51、iOS >= 10.0 (same as Vue 3)
 | Project | Description |
 | --- | --- |
 | [vant-weapp](https://github.com/youzan/vant-weapp) | WeChat MiniProgram UI |
-| [vant-demo](https://github.com/youzan/vant-demo) | Collection of Vant demos |
+| [vant-demo](https://github.com/vant-ui/vant-demo) | Collection of Vant demos |
 | [vant-cli](https://github.com/youzan/vant/tree/dev/packages/vant-cli) | Scaffold for UI library |
 | [vant-icons](https://github.com/youzan/vant/tree/dev/packages/vant-icons) | Vant icons |
 | [vant-touch-emulator](https://github.com/youzan/vant/tree/dev/packages/vant-touch-emulator) | Using vant in desktop browsers |
@@ -114,7 +114,7 @@ Vant 3/4 supports modern browsers and Chrome >= 51、iOS >= 10.0 (same as Vue 3)
 
 You can scan the following QR code to access the demo：
 
-<img src="https://cdn.jsdelivr.net/npm/@vant/assets/preview-qrcode.png" width="220" height="220" >
+<img src="https://fastly.jsdelivr.net/npm/@vant/assets/preview-qrcode.png" width="220" height="220" >
 
 ## Core Team
 

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

@@ -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;