@rainbow-oh/yee-c 0.8.20 → 0.9.1

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/demo/validate.js

@@ -13,8 +13,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/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/esm/Form/form-store.js

@@ -46,6 +46,7 @@ export var FormStore = /*#__PURE__*/function () {
     _defineProperty(this, "fieldEntities", []);
     _defineProperty(this, "fieldMap", new Map());
     _defineProperty(this, "validateMessages", new Map());
+    _defineProperty(this, "fieldStatuses", new Map());
     _defineProperty(this, "initialized", false);
     _defineProperty(this, "initialValues", {});
     // List key manager
@@ -109,10 +110,72 @@ export var FormStore = /*#__PURE__*/function () {
       }
       return null;
     });
+    _defineProperty(this, "getFieldStatus", function (name) {
+      var _this$validateMessage;
+      var normalizedName = stringifyPath(getNamePath(name));
+      var manualStatus = _this.fieldStatuses.get(normalizedName);
+      var validateMessage = (_this$validateMessage = _this.validateMessages.get(normalizedName)) === null || _this$validateMessage === void 0 ? void 0 : _this$validateMessage[0];
+
+      // Rule errors reflect the current value and auto-clear once validation
+      // passes, so they always take display precedence — a stale manually set
+      // status must never hide why submission failed.
+      if ((validateMessage === null || validateMessage === void 0 ? void 0 : validateMessage.status) === 'error') {
+        return {
+          status: 'error',
+          message: validateMessage.message
+        };
+      }
+      if (manualStatus) {
+        return _objectSpread({}, manualStatus);
+      }
+      if (validateMessage) {
+        return {
+          status: validateMessage.status,
+          message: validateMessage.message
+        };
+      }
+      return null;
+    });
+    _defineProperty(this, "setFieldStatus", function (name, status) {
+      var _this$fieldMap$get;
+      var normalizedName = stringifyPath(getNamePath(name));
+      if (!normalizedName) return;
+      if (status) {
+        _this.fieldStatuses.set(normalizedName, _objectSpread({}, status));
+      } else {
+        _this.fieldStatuses.delete(normalizedName);
+      }
+      (_this$fieldMap$get = _this.fieldMap.get(normalizedName)) === null || _this$fieldMap$get === void 0 || _this$fieldMap$get.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.
+    _defineProperty(this, "deleteRelatedEntries", function (entries, names) {
+      if (!names) {
+        entries.clear();
+        return;
+      }
+      var normalizedNames = names.map(function (name) {
+        return stringifyPath(getNamePath(name));
+      });
+      Array.from(entries.keys()).forEach(function (fieldName) {
+        if (normalizedNames.some(function (name) {
+          return isRelatedNamePath(fieldName, name);
+        })) {
+          entries.delete(fieldName);
+        }
+      });
+    });
+    _defineProperty(this, "clearFieldStatuses", function (names) {
+      _this.deleteRelatedEntries(_this.fieldStatuses, names);
+    });
     _defineProperty(this, "setFieldsValue", function (newStore) {
       var trigger = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'onChange';
       if (trigger === 'reset' || trigger === 'clear') {
-        _this.store = newStore;
+        // 'reset' replaces the whole store; 'clear' merges the given keys
+        // (typically undefined) over the store so a partial clear never
+        // wipes values of unrelated fields.
+        _this.store = trigger === 'reset' ? newStore : _objectSpread(_objectSpread({}, _this.store), newStore);
         if (trigger === 'reset') {
           var _this$callbacks, _this$callbacks$onRes;
           (_this$callbacks = _this.callbacks) === null || _this$callbacks === void 0 || (_this$callbacks$onRes = _this$callbacks.onReset) === null || _this$callbacks$onRes === void 0 || _this$callbacks$onRes.call(_this$callbacks);
@@ -189,19 +252,43 @@ export var FormStore = /*#__PURE__*/function () {
         });
       }
       (_this$callbacks4 = _this.callbacks) === null || _this$callbacks4 === void 0 || (_this$callbacks4$onRe = _this$callbacks4.onReset) === null || _this$callbacks4$onRe === void 0 || _this$callbacks4$onRe.call(_this$callbacks4);
-      _this.validateMessages.clear();
+      // A named reset only clears rule messages of the fields it touched;
+      // unrelated fields keep their (still valid) validation state.
+      _this.deleteRelatedEntries(_this.validateMessages, name);
+      _this.clearFieldStatuses(name);
       _this.groupEntities.forEach(function (entity) {
         return entity.reset();
       });
       _this.refreshField();
     });
     _defineProperty(this, "clearFields", function (name) {
+      var _this$callbacks5, _this$callbacks5$onCl;
       var names = name || Object.keys(_this.store);
-      var clearStore = names.reduce(function (acc, name) {
-        acc[name] = undefined;
-        return acc;
-      }, {});
-      _this.setFieldsValue(clearStore, 'clear');
+
+      // Merge undefined over the current store (nested paths included) —
+      // unrelated fields keep their values.
+      var clearStore = _objectSpread({}, _this.store);
+      names.forEach(function (n) {
+        var parsedPath = parsePath(n);
+        if (parsedPath.length > 1) {
+          clearStore = setValueByPath(clearStore, parsedPath, undefined);
+        } else {
+          clearStore[n] = undefined;
+        }
+      });
+      _this.deleteRelatedEntries(_this.validateMessages, name);
+      _this.clearFieldStatuses(name);
+      _this.store = clearStore;
+      (_this$callbacks5 = _this.callbacks) === null || _this$callbacks5 === void 0 || (_this$callbacks5$onCl = _this$callbacks5.onClear) === null || _this$callbacks5$onCl === void 0 || _this$callbacks5$onCl.call(_this$callbacks5);
+
+      // clearStore carries the whole store (nested paths must materialize
+      // it), so derive the refresh scope from `names` — only cleared
+      // fields re-render, not the entire form.
+      _this.getRelatedFieldNames(names).forEach(function (fieldName) {
+        var _this$fieldMap$get2;
+        (_this$fieldMap$get2 = _this.fieldMap.get(fieldName)) === null || _this$fieldMap$get2 === void 0 || _this$fieldMap$get2.onStoreChange();
+      });
+      _this.notifyWatchers(names);
     });
     _defineProperty(this, "validateField", /*#__PURE__*/function () {
       var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(name, trigger) {
@@ -347,8 +434,8 @@ export var FormStore = /*#__PURE__*/function () {
         var changedKeys = Object.keys(newStore);
         var fieldNames = relatedFieldNames !== null && relatedFieldNames !== void 0 ? relatedFieldNames : _this.getRelatedFieldNames(changedKeys);
         fieldNames.forEach(function (fieldName) {
-          var _this$fieldMap$get;
-          (_this$fieldMap$get = _this.fieldMap.get(fieldName)) === null || _this$fieldMap$get === void 0 || _this$fieldMap$get.onStoreChange();
+          var _this$fieldMap$get3;
+          (_this$fieldMap$get3 = _this.fieldMap.get(fieldName)) === null || _this$fieldMap$get3 === void 0 || _this$fieldMap$get3.onStoreChange();
         });
         _this.notifyWatchers(changedKeys);
       } else {
@@ -577,11 +664,11 @@ export var FormStore = /*#__PURE__*/function () {
       };
     });
     _defineProperty(this, "submit", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
-      var _this$callbacks5, onFinish, onFinishFailed, fieldErrors, groupErrors, allErrors;
+      var _this$callbacks6, onFinish, onFinishFailed, fieldErrors, groupErrors, statusErrors, allErrors;
       return _regeneratorRuntime().wrap(function _callee4$(_context4) {
         while (1) switch (_context4.prev = _context4.next) {
           case 0:
-            _this$callbacks5 = _this.callbacks, onFinish = _this$callbacks5.onFinish, onFinishFailed = _this$callbacks5.onFinishFailed;
+            _this$callbacks6 = _this.callbacks, onFinish = _this$callbacks6.onFinish, onFinishFailed = _this$callbacks6.onFinishFailed;
             _context4.next = 3;
             return _this.validateFields();
           case 3:
@@ -590,7 +677,23 @@ export var FormStore = /*#__PURE__*/function () {
             return _this.validateGroups(true);
           case 6:
             groupErrors = _context4.sent;
-            allErrors = [].concat(_toConsumableArray(fieldErrors), _toConsumableArray(groupErrors));
+            statusErrors = Array.from(_this.fieldStatuses.entries()).filter(function (_ref9) {
+              var _ref10 = _slicedToArray(_ref9, 2),
+                status = _ref10[1];
+              return status.status === 'error' && status.blocking === true;
+            }).map(function (_ref11) {
+              var _status$message;
+              var _ref12 = _slicedToArray(_ref11, 2),
+                name = _ref12[0],
+                status = _ref12[1];
+              return {
+                name: name,
+                message: (_status$message = status.message) !== null && _status$message !== void 0 ? _status$message : '',
+                value: _this.getFieldValue(name),
+                status: 'error'
+              };
+            });
+            allErrors = [].concat(_toConsumableArray(fieldErrors), _toConsumableArray(groupErrors), _toConsumableArray(statusErrors));
             if (allErrors.length === 0) {
               onFinish === null || onFinish === void 0 || onFinish(_this.getFieldsValue());
             } else {
@@ -598,7 +701,7 @@ export var FormStore = /*#__PURE__*/function () {
             }
             _this.refreshField();
             return _context4.abrupt("return", allErrors);
-          case 11:
+          case 12:
           case "end":
             return _context4.stop();
         }
@@ -647,6 +750,8 @@ export var FormStore = /*#__PURE__*/function () {
     value: function getForm() {
       return {
         getFieldValidate: this.getFieldValidate,
+        getFieldStatus: this.getFieldStatus,
+        setFieldStatus: this.setFieldStatus,
         getFieldsValue: this.getFieldsValue,
         getFieldValue: this.getFieldValue,
         setFieldsValue: this.setFieldsValue,

package/dist/esm/Form/hooks/useForm.js

@@ -1,178 +1,3 @@
-// import { useRef } from 'react';
-// import type {
-//   Callbacks,
-//   FieldEntity,
-//   FormInstance,
-//   NamePath,
-//   Store,
-//   validateMessage,
-// } from './interface';
-// import validate from './utils/validate';
-
-// class FormStore {
-//   private store: Store = {};
-//   private callbacks: Callbacks = {};
-//   private fieldEntities: FieldEntity[] = [];
-//   private validateMessages: validateMessage[] = [];
-//   private initialized = false;
-//   // 初始化form实例
-//   initialize = ({
-//     initialValues,
-//     callbacks,
-//   }: {
-//     initialValues?: Store;
-//     callbacks?: Callbacks;
-//   }) => {
-//     if (!this.initialized) {
-//       this.initialized = true;
-
-//       if (initialValues) {
-//         this.store = initialValues;
-//       } else {
-//         this.store = {};
-//       }
-
-//       if (callbacks) {
-//         this.setCallbacks(callbacks);
-//       }
-//     }
-//   };
-
-//   getFieldsValue = () => {
-//     return { ...this.store };
-//   };
-
-//   getFieldValue = (name: NamePath) => {
-//     return this.store[name];
-//   };
-
-//   getFieldValidate = (name: NamePath) => {
-//     return this.validateMessages?.find((item) => item.name === name);
-//   };
-
-//   resetFields = (name?: NamePath[]) => {
-//     if (name) {
-//       name.forEach((n) => {
-//         this.setFieldsValue({ [n]: undefined });
-//       });
-//     } else {
-//       Object.keys(this.store).forEach((key) => {
-//         this.setFieldsValue({ [key]: undefined });
-//       });
-//     }
-//   };
-
-//   validateFields = () => {
-//     const err: validateMessage[] = [];
-//     this.fieldEntities.forEach((entity) => {
-//       const { name, rules, required } = entity.props;
-//       const value: NamePath = name && this.getFieldValue(name);
-
-//       const mergedRules = rules || [];
-
-//       if (required) {
-//         mergedRules.push({
-//           required: true,
-//           message: 'This is required field.',
-//         });
-//       }
-
-//       mergedRules.forEach((rule) => {
-//         const mark = validate(rule, value);
-//         if (name && !mark) {
-//           err.push({
-//             name: name,
-//             status: 'error',
-//             value,
-//             ...rule
-//           });
-//         }
-//       });
-//     });
-//     return err;
-//   };
-
-//   setFieldsValue = (newStore: Store, isChange?: boolean) => {
-//     // const { onValuesChange } = this.callbacks;
-//     this.store = {
-//       ...this.store,
-//       ...newStore,
-//     };
-//     // onValuesChange?.(newStore, this.store);
-//     this.refreshField(newStore, isChange);
-//   };
-
-//   refreshField = (newStore?: Store, isChange?: boolean) => {
-//     if (newStore) {
-//       this.fieldEntities.forEach((entity) => {
-//         Object.keys(newStore).forEach((k) => {
-//           if (k === entity.props.name) {
-//             if (isChange) {
-//               this.validateMessages = this.validateFields();
-//             }
-//             entity.onStoreChange();
-//           }
-//         });
-//       });
-//     } else {
-//       this.fieldEntities.forEach((entity) => {
-//         if (entity.props.rules || entity.props.required) {
-//           entity?.onStoreChange();
-//         }
-//       });
-//     }
-//   };
-
-//   setCallbacks = (callbacks: Callbacks) => {
-//     this.callbacks = { ...this.callbacks, ...callbacks };
-//   };
-
-//   getCallbacks = () => {
-//     return this.callbacks;
-//   };
-
-//   // 订阅与取消订阅
-//   registerFieldEntities = (entity: FieldEntity) => {
-//     this.fieldEntities.push(entity);
-//     if (entity.props.name) {
-//       this.store = { ...this.store, [entity.props.name]: undefined };
-//     }
-//     return () => {
-//       this.fieldEntities = this.fieldEntities.filter((item) => item !== entity);
-//       const { name } = entity.props;
-//       if (name) {
-//         delete this.store[name];
-//       }
-//     };
-//   };
-
-//   submit = () => {
-//     const { onFinish, onFinishFailed } = this.callbacks;
-//     this.validateMessages = this.validateFields();
-//     if (this.validateMessages.length === 0) {
-//       onFinish?.(this.getFieldsValue());
-//     } else {
-//       onFinishFailed?.(this.validateMessages);
-//     }
-//     this.refreshField();
-//   };
-
-//   getForm(): FormInstance {
-//     return {
-//       getFieldValidate: this.getFieldValidate,
-//       getFieldsValue: this.getFieldsValue,
-//       getFieldValue: this.getFieldValue,
-//       setFieldsValue: this.setFieldsValue,
-//       resetFields: this.resetFields,
-//       submit: this.submit,
-//       setCallbacks: this.setCallbacks,
-//       getCallbacks: this.getCallbacks,
-//       registerFieldEntities: this.registerFieldEntities,
-//       initialize: this.initialize,
-//     };
-//   }
-// }
-
 import { useRef } from 'react';
 import { useLocale } from "../../locale";
 import { FormStore } from "../form-store";

package/dist/esm/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/esm/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/esm/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/esm/Form/utils/path.js

@@ -73,7 +73,8 @@ export function setValueByPath(store, path, value) {
   var current = newStore;
   for (var i = 0; i < path.length - 1; i++) {
     var key = String(path[i]);
-    if (!(key in current)) {
+    // eslint-disable-next-line eqeqeq
+    if (current[key] == null) {
       // 根据下一个键的类型创建容器
       current[key] = typeof path[i + 1] === 'number' ? [] : {};
     }