react-form-manage 1.0.8-beta.20 → 1.0.8-beta.22

package/CHANGELOG.md

@@ -2,6 +2,21 @@
 
 All notable changes to this project will be documented in this file.
 
+## [1.0.8-beta.22] - 2026-02-02
+
+### Changes
+- Refactor: Adjust useFormItemControl and main.tsx for better performance
+
+## [1.0.8-beta.21] - 2026-02-02
+
+### Fixes
+- Patch: Minor adjustments in useFormItemControl
+
+## [1.0.8-beta.20] - 2026-02-02
+
+### Features
+- Trigger `initied` flag for onChange in `useFormItemControl` to properly mark form items as initialized
+
 ## [1.0.8-beta.19] - 2026-02-02
 
 ### Features

package/dist/hooks/useFormItemControl.js

@@ -80,7 +80,8 @@ function useFormItemControl({ formName, form, name, initialValue, formItemId, ru
     setListener({
       formItemId,
       isDirty: false,
-      isTouched: false
+      isTouched: false,
+      isInitied: false
     });
     onChange(isNil(value2) ? getInitData(formName || (form == null ? void 0 : form.formName) || (contextForm == null ? void 0 : contextForm.formName), name) : value2, { notTriggerDirty: true, initiedData: true });
   };
@@ -268,13 +269,11 @@ function useFormItemControl({ formName, form, name, initialValue, formItemId, ru
       for (const rAsync of ruleToTask) {
         await rAsync();
       }
+      setListener({ formItemId, internalErrors: listErrors });
       return listErrors;
     },
     deps: [internalRules, value, listener == null ? void 0 : listener.isInitied],
     enabled: Boolean(listener == null ? void 0 : listener.isInitied),
-    onSuccess(result) {
-      setListener({ formItemId, internalErrors: result });
-    },
     onError(err) {
     }
   });
@@ -282,9 +281,7 @@ function useFormItemControl({ formName, form, name, initialValue, formItemId, ru
     if (isStateInitied) {
       if (isNil(value)) {
         if (isNil(internalInitValue)) {
-          if (!isNil(initialValue)) {
-            onInitData(initialValue);
-          }
+          onInitData(initialValue);
         } else {
           onChange(internalInitValue, {
             notTriggerDirty: true,
@@ -307,6 +304,7 @@ function useFormItemControl({ formName, form, name, initialValue, formItemId, ru
         emitFocus,
         isTouched: false,
         isDirty: false,
+        isInitied: true,
         name,
         formName: formName || (form == null ? void 0 : form.formName) || (contextForm == null ? void 0 : contextForm.formName),
         formItemId,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-form-manage",
-  "version": "1.0.8-beta.20",
+  "version": "1.0.8-beta.22",
   "description": "Lightweight React form management with list and listener support.",
   "license": "MIT",
   "type": "module",

package/src/hooks/useFormItemControl.ts

@@ -201,6 +201,7 @@ export default function useFormItemControl<T = any>({
       formItemId,
       isDirty: false,
       isTouched: false,
+      isInitied: false,
     });
     onChange(
       isNil(value)
@@ -514,13 +515,13 @@ export default function useFormItemControl<T = any>({
         await rAsync();
       }
 
+      setListener({ formItemId, internalErrors: listErrors });
+
       return listErrors;
     },
     deps: [internalRules, value, listener?.isInitied],
     enabled: Boolean(listener?.isInitied),
-    onSuccess(result) {
-      setListener({ formItemId, internalErrors: result });
-    },
+
     onError(err) {
       console.log(err);
     },
@@ -544,9 +545,7 @@ export default function useFormItemControl<T = any>({
 
       if (isNil(value)) {
         if (isNil(internalInitValue)) {
-          if (!isNil(initialValue)) {
-            onInitData(initialValue);
-          }
+          onInitData(initialValue);
         } else {
           onChange(internalInitValue, {
             notTriggerDirty: true,
@@ -570,6 +569,7 @@ export default function useFormItemControl<T = any>({
         emitFocus,
         isTouched: false,
         isDirty: false,
+        isInitied: true,
         name,
         formName: formName || form?.formName || contextForm?.formName,
         formItemId,

package/src/main.tsx

@@ -1,3 +1,4 @@
+import React from "react";
 import { createRoot } from "react-dom/client";
 import App from "./App";
 import "./index.css";
@@ -7,4 +8,8 @@ if (!container) {
   throw new Error("Root container missing");
 }
 
-createRoot(container).render(<App />);
+createRoot(container).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>,
+);