@rainbow-oh/yee-c 0.8.20 → 0.9.1

package/dist/cjs/Form/Field.js

@@ -98,7 +98,7 @@ var Field = (props) => {
   } = props;
   const {
     getCallbacks,
-    getFieldValidate,
+    getFieldStatus,
     getFieldValue,
     getFieldsValue,
     setFieldsValue,
@@ -129,7 +129,7 @@ var Field = (props) => {
   const isRequired = () => {
     return Array.isArray(rules) && rules.find((rule) => rule.required) || required;
   };
-  const validate = getFieldValidate == null ? void 0 : getFieldValidate(normalizedName);
+  const fieldStatus = getFieldStatus == null ? void 0 : getFieldStatus(normalizedName);
   const tooltipConfig = (0, import_react2.useMemo)(() => {
     if (tooltip === void 0 || tooltip === null || tooltip === false)
       return null;
@@ -183,7 +183,7 @@ var Field = (props) => {
         `${prefixCls}-item`,
         `${prefixCls}-item-${layout}`,
         {
-          [`${prefixCls}-item-${validate == null ? void 0 : validate.status}`]: validate && validate.status
+          [`${prefixCls}-item-${fieldStatus == null ? void 0 : fieldStatus.status}`]: fieldStatus == null ? void 0 : fieldStatus.status
         },
         className
       ),
@@ -216,7 +216,7 @@ var Field = (props) => {
         getControlled(children)
       ) : /* @__PURE__ */ import_react2.default.createElement("span", null, children)
     )),
-    /* @__PURE__ */ import_react2.default.createElement(import_react.AnimatePresence, null, validate && /* @__PURE__ */ import_react2.default.createElement(
+    /* @__PURE__ */ import_react2.default.createElement(import_react.AnimatePresence, null, (fieldStatus == null ? void 0 : fieldStatus.message) && /* @__PURE__ */ import_react2.default.createElement(
       import_react.motion.small,
       {
         initial: { opacity: 0, y: -10 },
@@ -224,10 +224,10 @@ var Field = (props) => {
         exit: { opacity: 0, y: -10 },
         transition: { duration: 0.16 },
         className: (0, import_clsx.default)(`${prefixCls}-item-additional`, {
-          [`${prefixCls}-item-additional-${validate.status}`]: validate.status
+          [`${prefixCls}-item-additional-${fieldStatus.status}`]: fieldStatus.status
         })
       },
-      validate.message
+      fieldStatus.message
     ))
   );
 };

package/dist/cjs/Form/demo/async-validate.js

@@ -65,8 +65,8 @@ var async_validate_default = () => {
   const onFinish = (values) => {
     console.log("Received values:", values);
   };
-  const onFinishFailed = (errorInfo) => {
-    console.log("Failed:", errorInfo);
+  const onFinishFailed = (errors) => {
+    console.log("Failed:", errors);
   };
   return /* @__PURE__ */ import_react.default.createElement(import_yee_c.Form, { form, onFinish, onFinishFailed }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Grid, null, /* @__PURE__ */ import_react.default.createElement(
     import_yee_c.Form.Field,

package/dist/cjs/Form/demo/field-status.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/cjs/Form/demo/field-status.js

@@ -0,0 +1,116 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Form/demo/field-status.tsx
+var field_status_exports = {};
+__export(field_status_exports, {
+  default: () => field_status_default
+});
+module.exports = __toCommonJS(field_status_exports);
+var import_yee_c = require("../..");
+var import_react = __toESM(require("react"));
+var field_status_default = () => {
+  const [form] = import_yee_c.Form.useForm();
+  const [currentStatus, setCurrentStatus] = (0, import_react.useState)(
+    null
+  );
+  const [submitResult, setSubmitResult] = (0, import_react.useState)("");
+  const applyStatus = (status) => {
+    form.setFieldStatus("username", status);
+    setCurrentStatus(form.getFieldStatus("username"));
+    setSubmitResult("");
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_yee_c.Form,
+    {
+      form,
+      initialValues: { username: "demo-user" },
+      onFinish: () => setSubmitResult("Submit succeeded"),
+      onFinishFailed: () => setSubmitResult("Submit blocked by the blocking error")
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_yee_c.Form.Field,
+      {
+        name: "username",
+        label: "Username",
+        rules: [{ required: true, message: "Please input your username!" }]
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_yee_c.Input, { placeholder: "Please input your username" })
+    ),
+    /* @__PURE__ */ import_react.default.createElement(import_yee_c.Space, { style: { marginTop: 28, flexWrap: "wrap" } }, /* @__PURE__ */ import_react.default.createElement(
+      import_yee_c.Button,
+      {
+        onClick: () => applyStatus({
+          status: "error",
+          message: "This username is unavailable"
+        })
+      },
+      "Error"
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_yee_c.Button,
+      {
+        onClick: () => applyStatus({
+          status: "error",
+          message: "This error prevents submission",
+          blocking: true
+        })
+      },
+      "Blocking error"
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_yee_c.Button,
+      {
+        onClick: () => applyStatus({
+          status: "warning",
+          message: "This username is commonly used"
+        })
+      },
+      "Warning"
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_yee_c.Button,
+      {
+        onClick: () => applyStatus({
+          status: "success",
+          message: "This username is available"
+        })
+      },
+      "Success"
+    ), /* @__PURE__ */ import_react.default.createElement(
+      import_yee_c.Button,
+      {
+        onClick: () => applyStatus({
+          status: "info",
+          message: "The username can be changed later"
+        })
+      },
+      "Info"
+    ), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Button, { onClick: () => applyStatus(null) }, "Clear"), /* @__PURE__ */ import_react.default.createElement(import_yee_c.Button, { type: "primary", htmlType: "submit" }, "Submit")),
+    /* @__PURE__ */ import_react.default.createElement("pre", { style: { marginTop: 16 } }, "Current status: ", JSON.stringify(currentStatus, null, 2)),
+    submitResult ? /* @__PURE__ */ import_react.default.createElement("div", null, submitResult) : null,
+    /* @__PURE__ */ import_react.default.createElement("div", { style: { marginTop: 8, color: "#999" } }, "Tip: set Success, then clear the input — the rule error takes display precedence over the manually set status.")
+  );
+};

package/dist/cjs/Form/demo/validate.js

@@ -39,8 +39,8 @@ var validate_default = () => {
   const onFinish = (values) => {
     console.log("Received values:", values);
   };
-  const onFinishFailed = (errorInfo) => {
-    console.log("Failed:", errorInfo);
+  const onFinishFailed = (errors) => {
+    console.log("Failed:", errors);
   };
   return /* @__PURE__ */ import_react.default.createElement(import_yee_c.Form, { form, onFinish, onFinishFailed }, /* @__PURE__ */ import_react.default.createElement(import_yee_c.Grid, null, /* @__PURE__ */ import_react.default.createElement(
     import_yee_c.Form.Field,

package/dist/cjs/Form/form-store.d.ts

@@ -1,10 +1,11 @@
-import type { Callbacks, FieldEntity, FormInstance, FormListField, FormListOperation, GroupEntity, Name, NamePath, Store, TRIGGER, ValidateMessage } from './interface';
+import type { Callbacks, FieldEntity, FieldStatusData, FormInstance, FormListField, FormListOperation, GroupEntity, Name, NamePath, Store, TRIGGER, ValidateMessage } from './interface';
 export declare class FormStore {
     private store;
     private callbacks;
     private fieldEntities;
     private fieldMap;
     private validateMessages;
+    private fieldStatuses;
     private initialized;
     private initialValues;
     private listKeyManagers;
@@ -23,6 +24,10 @@ export declare class FormStore {
     private getValueByPath;
     getFieldValue: (name: Name) => any;
     getFieldValidate: (name: Name) => ValidateMessage | null;
+    getFieldStatus: (name: NamePath) => FieldStatusData | null;
+    setFieldStatus: (name: NamePath, status: FieldStatusData | null) => void;
+    private deleteRelatedEntries;
+    private clearFieldStatuses;
     setFieldsValue: (newStore: Store, trigger?: TRIGGER) => void;
     resetFields: (name?: Name[]) => void;
     clearFields: (name?: Name[]) => void;

package/dist/cjs/Form/form-store.js

@@ -88,6 +88,7 @@ var FormStore = class {
     this.fieldEntities = [];
     this.fieldMap = /* @__PURE__ */ new Map();
     this.validateMessages = /* @__PURE__ */ new Map();
+    this.fieldStatuses = /* @__PURE__ */ new Map();
     this.initialized = false;
     this.initialValues = {};
     // List key manager
@@ -143,10 +144,64 @@ var FormStore = class {
       }
       return null;
     };
+    this.getFieldStatus = (name) => {
+      var _a;
+      const normalizedName = (0, import_path.stringifyPath)((0, import_path.getNamePath)(name));
+      const manualStatus = this.fieldStatuses.get(normalizedName);
+      const validateMessage = (_a = this.validateMessages.get(normalizedName)) == null ? void 0 : _a[0];
+      if ((validateMessage == null ? void 0 : validateMessage.status) === "error") {
+        return {
+          status: "error",
+          message: validateMessage.message
+        };
+      }
+      if (manualStatus) {
+        return __spreadValues({}, manualStatus);
+      }
+      if (validateMessage) {
+        return {
+          status: validateMessage.status,
+          message: validateMessage.message
+        };
+      }
+      return null;
+    };
+    this.setFieldStatus = (name, status) => {
+      var _a;
+      const normalizedName = (0, import_path.stringifyPath)((0, import_path.getNamePath)(name));
+      if (!normalizedName)
+        return;
+      if (status) {
+        this.fieldStatuses.set(normalizedName, __spreadValues({}, status));
+      } else {
+        this.fieldStatuses.delete(normalizedName);
+      }
+      (_a = this.fieldMap.get(normalizedName)) == null ? void 0 : _a.onStoreChange();
+    };
+    // Delete entries whose key equals or nests under one of `names`
+    // (no names = delete all). Keeps rule messages and manual statuses in
+    // sync with the fields that reset/clear actually touched.
+    this.deleteRelatedEntries = (entries, names) => {
+      if (!names) {
+        entries.clear();
+        return;
+      }
+      const normalizedNames = names.map(
+        (name) => (0, import_path.stringifyPath)((0, import_path.getNamePath)(name))
+      );
+      Array.from(entries.keys()).forEach((fieldName) => {
+        if (normalizedNames.some((name) => isRelatedNamePath(fieldName, name))) {
+          entries.delete(fieldName);
+        }
+      });
+    };
+    this.clearFieldStatuses = (names) => {
+      this.deleteRelatedEntries(this.fieldStatuses, names);
+    };
     this.setFieldsValue = (newStore, trigger = "onChange") => {
       var _a, _b, _c, _d;
       if (trigger === "reset" || trigger === "clear") {
-        this.store = newStore;
+        this.store = trigger === "reset" ? newStore : __spreadValues(__spreadValues({}, this.store), newStore);
         if (trigger === "reset") {
           (_b = (_a = this.callbacks) == null ? void 0 : _a.onReset) == null ? void 0 : _b.call(_a);
         } else {
@@ -208,17 +263,32 @@ var FormStore = class {
         });
       }
       (_b = (_a = this.callbacks) == null ? void 0 : _a.onReset) == null ? void 0 : _b.call(_a);
-      this.validateMessages.clear();
+      this.deleteRelatedEntries(this.validateMessages, name);
+      this.clearFieldStatuses(name);
       this.groupEntities.forEach((entity) => entity.reset());
       this.refreshField();
     };
     this.clearFields = (name) => {
+      var _a, _b;
       const names = name || Object.keys(this.store);
-      const clearStore = names.reduce((acc, name2) => {
-        acc[name2] = void 0;
-        return acc;
-      }, {});
-      this.setFieldsValue(clearStore, "clear");
+      let clearStore = __spreadValues({}, this.store);
+      names.forEach((n) => {
+        const parsedPath = (0, import_path.parsePath)(n);
+        if (parsedPath.length > 1) {
+          clearStore = (0, import_path.setValueByPath)(clearStore, parsedPath, void 0);
+        } else {
+          clearStore[n] = void 0;
+        }
+      });
+      this.deleteRelatedEntries(this.validateMessages, name);
+      this.clearFieldStatuses(name);
+      this.store = clearStore;
+      (_b = (_a = this.callbacks) == null ? void 0 : _a.onClear) == null ? void 0 : _b.call(_a);
+      this.getRelatedFieldNames(names).forEach((fieldName) => {
+        var _a2;
+        (_a2 = this.fieldMap.get(fieldName)) == null ? void 0 : _a2.onStoreChange();
+      });
+      this.notifyWatchers(names);
     };
     this.validateField = (name, trigger) => __async(this, null, function* () {
       var _a;
@@ -483,7 +553,20 @@ var FormStore = class {
       const { onFinish, onFinishFailed } = this.callbacks;
       const fieldErrors = yield this.validateFields();
       const groupErrors = yield this.validateGroups(true);
-      const allErrors = [...fieldErrors, ...groupErrors];
+      const statusErrors = Array.from(this.fieldStatuses.entries()).filter(
+        ([, status]) => status.status === "error" && status.blocking === true
+      ).map(
+        ([name, status]) => {
+          var _a;
+          return {
+            name,
+            message: (_a = status.message) != null ? _a : "",
+            value: this.getFieldValue(name),
+            status: "error"
+          };
+        }
+      );
+      const allErrors = [...fieldErrors, ...groupErrors, ...statusErrors];
       if (allErrors.length === 0) {
         onFinish == null ? void 0 : onFinish(this.getFieldsValue());
       } else {
@@ -520,6 +603,8 @@ var FormStore = class {
   getForm() {
     return {
       getFieldValidate: this.getFieldValidate,
+      getFieldStatus: this.getFieldStatus,
+      setFieldStatus: this.setFieldStatus,
       getFieldsValue: this.getFieldsValue,
       getFieldValue: this.getFieldValue,
       setFieldsValue: this.setFieldsValue,

package/dist/cjs/Form/index.d.ts

@@ -16,5 +16,5 @@ type FormInterface = typeof InternalForm & {
     List: typeof List;
 };
 declare const Form: FormInterface;
-export type { FieldGroupProps, FormInstance, FormListProps, FormProps, } from './interface';
+export type { FieldGroupProps, FieldStatus, FieldStatusData, FormInstance, FormListProps, FormProps, ValidateMessage, } from './interface';
 export default Form;

package/dist/cjs/Form/interface.d.ts

@@ -2,6 +2,11 @@
 import type { TooltipProps } from '../Tooltip';
 import type { DataAttributeProps } from '../utils/types';
 export type StoreValue = any;
+/**
+ * Form values keyed by field name. Nested-path fields (e.g.
+ * name="user.name") hold their values in nested objects:
+ * `{ user: { name: 'tom' } }`
+ */
 export type Store = Record<string, StoreValue>;
 export type Name = string;
 export type NamePath = string | string[] | number | (string | number)[];
@@ -37,7 +42,9 @@ export interface FormProps<Values = any> extends DataAttributeProps {
      */
     disabled?: boolean;
     /**
-     * Initial values
+     * Initial values, keyed by field name. Nested-path fields (e.g.
+     * name="user.name") take their values from nested objects:
+     * `{ user: { name: 'tom' } }`
      */
     initialValues?: Store;
     /**
@@ -81,7 +88,7 @@ export interface Callbacks<Values = any> {
     /**
      * Triggered on failed form submit
      * */
-    onFinishFailed?: (err: Values) => void;
+    onFinishFailed?: (errors: ValidateMessage[]) => void;
     /**
      * Triggered on form reset
      * */
@@ -96,6 +103,15 @@ export interface FormInstance<Values = any> {
      * Get field validation info
      */
     getFieldValidate: (name: Name) => ValidateMessage | null;
+    /**
+     * Get the displayed field status. Rule validation errors take display
+     * precedence; otherwise a manually set status overrides validation.
+     */
+    getFieldStatus: (name: NamePath) => FieldStatusData | null;
+    /**
+     * Set or clear a field's displayed status. Pass null to clear it.
+     */
+    setFieldStatus: (name: NamePath, status: FieldStatusData | null) => void;
     /**
      * Get field value
      */
@@ -225,11 +241,18 @@ export type Rule = {
      */
     validateTrigger?: 'onBlur' | 'onChange' | 'onSubmit' | 'reset' | Array<'onBlur' | 'onChange' | 'onSubmit'>;
 };
+export type FieldStatus = 'error' | 'success' | 'warning' | 'info';
+export type FieldStatusData = {
+    status: FieldStatus;
+    message?: string;
+    /** Whether an error status should prevent form submission. */
+    blocking?: boolean;
+};
 export type ValidateMessage = {
     name: NamePath | NamePath[] | undefined;
     message: string;
     value: unknown;
-    status: 'error' | 'success' | 'warning' | 'info';
+    status: FieldStatus;
 };
 export type FieldConfigurableTooltip = Omit<TooltipProps, 'children'> & {
     /**

package/dist/cjs/Form/style/index.less

@@ -79,6 +79,18 @@
       &-error {
         color: var(--yee-error-color);
       }
+
+      &-warning {
+        color: var(--yee-warning-color);
+      }
+
+      &-success {
+        color: var(--yee-success-color);
+      }
+
+      &-info {
+        color: var(--yee-info-color);
+      }
     }
 
     // 表单校验态：在此重定义控件读取的 border / box-shadow 变量，
@@ -97,5 +109,19 @@
       --yee-input-focus-bs-color: var(--yee-warning-color-border);
       --yee-checkbox-border-color: var(--yee-warning-color);
     }
+
+    &&-success {
+      --yee-input-border-color: var(--yee-success-color);
+      --yee-input-hover-border-color: var(--yee-success-color-hover);
+      --yee-input-focus-bs-color: var(--yee-success-color-border);
+      --yee-checkbox-border-color: var(--yee-success-color);
+    }
+
+    &&-info {
+      --yee-input-border-color: var(--yee-info-color);
+      --yee-input-hover-border-color: var(--yee-info-color-hover);
+      --yee-input-focus-bs-color: var(--yee-info-color-border);
+      --yee-checkbox-border-color: var(--yee-info-color);
+    }
   }
 }

package/dist/cjs/Form/utils/path.js

@@ -71,7 +71,7 @@ function setValueByPath(store, path, value) {
   let current = newStore;
   for (let i = 0; i < path.length - 1; i++) {
     const key = String(path[i]);
-    if (!(key in current)) {
+    if (current[key] == null) {
       current[key] = typeof path[i + 1] === "number" ? [] : {};
     }
     current = current[key];

package/dist/cjs/TreeSelect/tree-select.js

@@ -138,6 +138,16 @@ var TreeSelect = (baseprops) => {
     ),
     [dataSource, mergedFieldNames]
   );
+  const keyItemMap = (0, import_react.useMemo)(() => {
+    const map = /* @__PURE__ */ new Map();
+    itemMap.forEach((item) => {
+      const k = String(item.key);
+      if (!map.has(k)) {
+        map.set(k, item);
+      }
+    });
+    return map;
+  }, [itemMap]);
   const filteredDataSource = (0, import_react.useMemo)(() => {
     const sourceArray = Array.isArray(dataSource) ? dataSource : [dataSource];
     if (!searchValue) {
@@ -170,7 +180,7 @@ var TreeSelect = (baseprops) => {
   }, [searchValue, dataSource, mergedFieldNames, onFilter]);
   const selectedOptions = (0, import_react.useMemo)(() => {
     return mergedValue.map((key) => {
-      const item = itemMap.get(key);
+      const item = keyItemMap.get(String(key));
       if (!item)
         return null;
       const label = typeof optionLabelProp === "function" ? optionLabelProp(item.original) : String(item[optionLabelProp] || item.label);
@@ -179,7 +189,7 @@ var TreeSelect = (baseprops) => {
         label
       }, item.original);
     }).filter(Boolean);
-  }, [mergedValue, itemMap, optionLabelProp]);
+  }, [mergedValue, keyItemMap, optionLabelProp]);
   const getNodes = (keys) => {
     var _a2;
     if (keys === "" || keys === null) {
@@ -191,10 +201,10 @@ var TreeSelect = (baseprops) => {
       }
       return keys.map((key) => {
         var _a3;
-        return (_a3 = itemMap.get(key)) == null ? void 0 : _a3.original;
+        return (_a3 = keyItemMap.get(String(key))) == null ? void 0 : _a3.original;
       }).filter((node) => node !== void 0);
     }
-    return (_a2 = itemMap.get(keys)) == null ? void 0 : _a2.original;
+    return (_a2 = keyItemMap.get(String(keys))) == null ? void 0 : _a2.original;
   };
   const handleSelect = (selectedKeys) => {
     let keys;

package/dist/cjs/style/themes.css

@@ -1,7 +1,7 @@
 /*!
  * @rainbow-oh/yee-c CSS Variables
  * Auto-generated, do not edit manually
- * Generated on 2026-08-13T08:02:29.627Z
+ * Generated on 2026-08-18T07:24:38.904Z
  */
 
 /* ========== color.blue.css ========== */

package/dist/cjs/style/variables.css

@@ -1,7 +1,7 @@
 /*!
  * @rainbow-oh/yee-c CSS Variables
  * Auto-generated, do not edit manually
- * Generated on 2026-08-13T08:02:29.627Z
+ * Generated on 2026-08-18T07:24:38.904Z
  */
 
 /* ========== color.css ========== */

package/dist/cjs/version.d.ts

@@ -3,4 +3,4 @@ declare global {
         __yee_c_version__: string;
     }
 }
-export declare const version = "0.8.20";
+export declare const version = "0.9.1";

package/dist/cjs/version.js

@@ -22,7 +22,7 @@ __export(version_exports, {
   version: () => version
 });
 module.exports = __toCommonJS(version_exports);
-var version = "0.8.20";
+var version = "0.9.1";
 if (typeof window !== "undefined") {
   window.__yee_c_version__ = version;
 }

package/dist/esm/Form/Field.js

@@ -55,7 +55,7 @@ var Field = function Field(props) {
     formatter = props.formatter;
   var _useContext = useContext(FieldContext),
     getCallbacks = _useContext.getCallbacks,
-    getFieldValidate = _useContext.getFieldValidate,
+    getFieldStatus = _useContext.getFieldStatus,
     getFieldValue = _useContext.getFieldValue,
     getFieldsValue = _useContext.getFieldsValue,
     setFieldsValue = _useContext.setFieldsValue,
@@ -98,7 +98,7 @@ var Field = function Field(props) {
       return rule.required;
     }) || required;
   };
-  var validate = getFieldValidate === null || getFieldValidate === void 0 ? void 0 : getFieldValidate(normalizedName);
+  var fieldStatus = getFieldStatus === null || getFieldStatus === void 0 ? void 0 : getFieldStatus(normalizedName);
 
   // Normalize tooltip into { icon, ...tooltipProps }, or null when not provided.
   // Everything except `icon` is forwarded to <Tooltip>, so any Tooltip prop
@@ -163,7 +163,7 @@ var Field = function Field(props) {
     });
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: clsx("".concat(prefixCls, "-item"), "".concat(prefixCls, "-item-").concat(layout), _defineProperty({}, "".concat(prefixCls, "-item-").concat(validate === null || validate === void 0 ? void 0 : validate.status), validate && validate.status), className),
+    className: clsx("".concat(prefixCls, "-item"), "".concat(prefixCls, "-item-").concat(layout), _defineProperty({}, "".concat(prefixCls, "-item-").concat(fieldStatus === null || fieldStatus === void 0 ? void 0 : fieldStatus.status), fieldStatus === null || fieldStatus === void 0 ? void 0 : fieldStatus.status), className),
     style: style
   }, /*#__PURE__*/React.createElement("div", {
     className: clsx("".concat(prefixCls, "-item-row"))
@@ -178,7 +178,7 @@ var Field = function Field(props) {
   }, tooltipConfig.icon)) : null) : null, /*#__PURE__*/React.createElement("div", {
     className: clsx("".concat(prefixCls, "-item-control"), classNames === null || classNames === void 0 ? void 0 : classNames.control),
     style: styles === null || styles === void 0 ? void 0 : styles.control
-  }, /*#__PURE__*/React.isValidElement(children) ? ( /*#__PURE__*/React.cloneElement(children, getControlled(children))) : /*#__PURE__*/React.createElement("span", null, children))), /*#__PURE__*/React.createElement(AnimatePresence, null, validate && /*#__PURE__*/React.createElement(motion.small, {
+  }, /*#__PURE__*/React.isValidElement(children) ? ( /*#__PURE__*/React.cloneElement(children, getControlled(children))) : /*#__PURE__*/React.createElement("span", null, children))), /*#__PURE__*/React.createElement(AnimatePresence, null, (fieldStatus === null || fieldStatus === void 0 ? void 0 : fieldStatus.message) && /*#__PURE__*/React.createElement(motion.small, {
     initial: {
       opacity: 0,
       y: -10
@@ -194,7 +194,7 @@ var Field = function Field(props) {
     transition: {
       duration: 0.16
     },
-    className: clsx("".concat(prefixCls, "-item-additional"), _defineProperty({}, "".concat(prefixCls, "-item-additional-").concat(validate.status), validate.status))
-  }, validate.message)));
+    className: clsx("".concat(prefixCls, "-item-additional"), _defineProperty({}, "".concat(prefixCls, "-item-additional-").concat(fieldStatus.status), fieldStatus.status))
+  }, fieldStatus.message)));
 };
 export default Field;

package/dist/esm/Form/demo/async-validate.js

@@ -27,8 +27,8 @@ export default (function () {
   var onFinish = function onFinish(values) {
     console.log('Received values:', values);
   };
-  var onFinishFailed = function onFinishFailed(errorInfo) {
-    console.log('Failed:', errorInfo);
+  var onFinishFailed = function onFinishFailed(errors) {
+    console.log('Failed:', errors);
   };
   return /*#__PURE__*/React.createElement(Form, {
     form: form,

package/dist/esm/Form/demo/field-status.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;