foxit-component 1.0.1-beta.6 → 1.0.2

package/es/Form/Form.js

@@ -22,14 +22,15 @@ var Form = function (_a, ref) {
         }
     }, [onFinish]);
     useImperativeHandle(ref, function () {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d, _e, _f, _g;
         return ({
             setFieldsValue: (_a = formRef.current) === null || _a === void 0 ? void 0 : _a.setFieldsValue,
             getFieldsValue: (_b = formRef.current) === null || _b === void 0 ? void 0 : _b.getFieldsValue,
             resetFields: (_c = formRef.current) === null || _c === void 0 ? void 0 : _c.resetFields,
             validateFields: (_d = formRef.current) === null || _d === void 0 ? void 0 : _d.validateFields,
             setFieldsStatus: (_e = formRef.current) === null || _e === void 0 ? void 0 : _e.setFieldsStatus,
-            subscribe: (_f = formRef.current) === null || _f === void 0 ? void 0 : _f.subscribe
+            subscribe: (_f = formRef.current) === null || _f === void 0 ? void 0 : _f.subscribe,
+            updateFieldRules: (_g = formRef.current) === null || _g === void 0 ? void 0 : _g.updateFieldRules
         });
     });
     return (jsx(FormProvider, __assign({ initialValues: initialValues, layout: layout, ref: formRef }, { children: jsx("form", __assign({ onSubmit: handleSubmit, className: className, style: style }, { children: children })) })));

package/es/Form/Form.types.d.ts

@@ -35,6 +35,7 @@ export interface FormInstance {
     }[]) => void;
     registerField: (name: string, rules: ValidationRule[]) => void;
     unregisterField: (name: string) => void;
+    updateFieldRules: (name: string, rules: ValidationRule[]) => void;
     subscribe: (fieldNames: string[], callback: (values: {
         [key: string]: unknown;
     }) => void) => () => void;

package/es/Form/FormItem.js

@@ -1,6 +1,6 @@
 import { __assign } from '../node_modules/tslib/tslib.es6.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import React, { useContext, useEffect, useCallback } from 'react';
+import React, { useContext, useRef, useEffect, useCallback } from 'react';
 import { FormContext } from './FormContext.js';
 import classNames from 'classnames';
 
@@ -8,13 +8,21 @@ var FormItem = function (_a) {
     var _b, _c, _d;
     var name = _a.name, label = _a.label, extra = _a.extra, _e = _a.rules, rules = _e === void 0 ? [] : _e, children = _a.children, className = _a.className;
     var _f = useContext(FormContext), form = _f.form, formFields = _f.formFields, layout = _f.layout;
+    var rulesRef = useRef(rules);
     // Register field when component mounts
     useEffect(function () {
         form.registerField(name, rules);
+        rulesRef.current = rules;
         return function () {
             form.unregisterField(name);
         };
     }, []);
+    useEffect(function () {
+        if (JSON.stringify(rulesRef.current) !== JSON.stringify(rules)) {
+            form.updateFieldRules(name, rules);
+            rulesRef.current = rules;
+        }
+    }, [rules]);
     var error = (_b = formFields[name]) === null || _b === void 0 ? void 0 : _b.error;
     var warning = (_c = formFields[name]) === null || _c === void 0 ? void 0 : _c.warning;
     var value = (_d = formFields[name]) === null || _d === void 0 ? void 0 : _d.value;

package/es/Form/FormProvider.js

@@ -243,6 +243,28 @@ var FormProvider = function (_a, ref) {
         });
         forceUpdate({}); // Trigger re-render
     }, []);
+    // 更新字段规则
+    var updateFieldRules = useCallback(function (name, rules) {
+        if (formFieldsRef.current[name]) {
+            formFieldsRef.current = __assign({}, formFieldsRef.current); // Create a new object
+            formFieldsRef.current[name] = __assign(__assign({}, formFieldsRef.current[name]), { rules: rules || [] });
+            // 立即重新验证该字段
+            var currentValue = formFieldsRef.current[name].value;
+            var validation = validateField(name, currentValue, rules);
+            if (validation) {
+                if (validation.type === 'error') {
+                    formFieldsRef.current[name] = __assign(__assign({}, formFieldsRef.current[name]), { error: validation.message, warning: undefined });
+                }
+                else if (validation.type === 'warning') {
+                    formFieldsRef.current[name] = __assign(__assign({}, formFieldsRef.current[name]), { warning: validation.message, error: undefined });
+                }
+            }
+            else {
+                formFieldsRef.current[name] = __assign(__assign({}, formFieldsRef.current[name]), { error: undefined, warning: undefined });
+            }
+            forceUpdate({}); // Trigger re-render
+        }
+    }, [validateField]);
     formInstanceRef.current = {
         setFieldsValue: setFieldsValue,
         getFieldsValue: getFieldsValue,
@@ -251,6 +273,7 @@ var FormProvider = function (_a, ref) {
         setFieldsStatus: setFieldsStatus,
         registerField: registerField,
         unregisterField: unregisterField,
+        updateFieldRules: updateFieldRules,
         subscribe: subscribe
     };
     // 暴露给外部的方法

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "foxit-component",
-  "version": "1.0.1-beta.6",
+  "version": "1.0.2",
   "author": {
     "name": "linye",
     "email": "869675630@qq.com"