@rainbow-oh/yee-c 0.8.20 → 0.9.0

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/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/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,6 +144,60 @@ 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") {
@@ -208,7 +263,8 @@ 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();
     };
@@ -218,6 +274,7 @@ var FormStore = class {
         acc[name2] = void 0;
         return acc;
       }, {});
+      this.clearFieldStatuses(name);
       this.setFieldsValue(clearStore, "clear");
     };
     this.validateField = (name, trigger) => __async(this, null, function* () {
@@ -483,7 +540,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 +590,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, } from './interface';
 export default Form;

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

@@ -96,6 +96,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 +234,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/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-17T03:37:29.587Z
  */
 
 /* ========== 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-17T03:37:29.587Z
  */
 
 /* ========== 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.0";

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.0";
 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/field-status.d.ts

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

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

@@ -0,0 +1,104 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { Button, Form, Input, Space } from "../..";
+import React, { useState } from 'react';
+export default (function () {
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    currentStatus = _useState2[0],
+    setCurrentStatus = _useState2[1];
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    submitResult = _useState4[0],
+    setSubmitResult = _useState4[1];
+  var applyStatus = function applyStatus(status) {
+    form.setFieldStatus('username', status);
+    setCurrentStatus(form.getFieldStatus('username'));
+    setSubmitResult('');
+  };
+  return /*#__PURE__*/React.createElement(Form, {
+    form: form,
+    initialValues: {
+      username: 'demo-user'
+    },
+    onFinish: function onFinish() {
+      return setSubmitResult('Submit succeeded');
+    },
+    onFinishFailed: function onFinishFailed() {
+      return setSubmitResult('Submit blocked by the blocking error');
+    }
+  }, /*#__PURE__*/React.createElement(Form.Field, {
+    name: "username",
+    label: "Username",
+    rules: [{
+      required: true,
+      message: 'Please input your username!'
+    }]
+  }, /*#__PURE__*/React.createElement(Input, {
+    placeholder: "Please input your username"
+  })), /*#__PURE__*/React.createElement(Space, {
+    style: {
+      marginTop: 28,
+      flexWrap: 'wrap'
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    onClick: function onClick() {
+      return applyStatus({
+        status: 'error',
+        message: 'This username is unavailable'
+      });
+    }
+  }, "Error"), /*#__PURE__*/React.createElement(Button, {
+    onClick: function onClick() {
+      return applyStatus({
+        status: 'error',
+        message: 'This error prevents submission',
+        blocking: true
+      });
+    }
+  }, "Blocking error"), /*#__PURE__*/React.createElement(Button, {
+    onClick: function onClick() {
+      return applyStatus({
+        status: 'warning',
+        message: 'This username is commonly used'
+      });
+    }
+  }, "Warning"), /*#__PURE__*/React.createElement(Button, {
+    onClick: function onClick() {
+      return applyStatus({
+        status: 'success',
+        message: 'This username is available'
+      });
+    }
+  }, "Success"), /*#__PURE__*/React.createElement(Button, {
+    onClick: function onClick() {
+      return applyStatus({
+        status: 'info',
+        message: 'The username can be changed later'
+      });
+    }
+  }, "Info"), /*#__PURE__*/React.createElement(Button, {
+    onClick: function onClick() {
+      return applyStatus(null);
+    }
+  }, "Clear"), /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    htmlType: "submit"
+  }, "Submit")), /*#__PURE__*/React.createElement("pre", {
+    style: {
+      marginTop: 16
+    }
+  }, "Current status: ", JSON.stringify(currentStatus, null, 2)), submitResult ? /*#__PURE__*/React.createElement("div", null, submitResult) : null, /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginTop: 8,
+      color: '#999'
+    }
+  }, "Tip: set Success, then clear the input \u2014 the rule error takes display precedence over the manually set status."));
+});

package/dist/esm/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;