@flowgram.ai/form 0.2.28 → 0.2.30

package/dist/index.d.ts

@@ -165,6 +165,7 @@ declare class FieldModel<TValue extends FieldValue = FieldValue> implements Disp
     updateState(s: Partial<FieldModel>): void;
     dispose(): void;
     onDispose(fn: () => void): void;
+    get disposed(): boolean;
 }
 
 declare class FieldArrayModel<TValue = FieldValue> extends FieldModel<Array<TValue>> {

package/dist/index.js

@@ -606,6 +606,11 @@ function Field({
   const formState = toFormState(formModelState);
   const refresh = (0, import_utils4.useRefresh)();
   React2.useEffect(() => {
+    if (fieldModel.disposed) {
+      refresh();
+      return () => {
+      };
+    }
     fieldModel.renderCount = fieldModel.renderCount + 1;
     if (!formModel.getValueIn(name) !== void 0 && defaultValue !== void 0) {
       formModel.setInitValueIn(name, defaultValue);
@@ -646,6 +651,7 @@ function Field({
     }
     return React2.cloneElement(children, { ...field });
   };
+  if (fieldModel.disposed) return /* @__PURE__ */ React2.createElement(React2.Fragment, null);
   return /* @__PURE__ */ React2.createElement(FieldModelContext.Provider, { value: fieldModel }, renderInner());
 }
 
@@ -1010,6 +1016,9 @@ var FieldModel = class {
   onDispose(fn) {
     this.toDispose.onDispose(fn);
   }
+  get disposed() {
+    return this.toDispose.disposed;
+  }
 };
 
 // src/core/field-array-model.ts
@@ -1585,10 +1594,7 @@ function FieldArray({
   children
 }) {
   const formModel = useFormModel();
-  const fieldModel = React4.useMemo(
-    () => formModel.getField(name) || formModel.createFieldArray(name),
-    [name]
-  );
+  const fieldModel = formModel.getField(name) || formModel.createFieldArray(name);
   const field = React4.useMemo(() => toFieldArray(fieldModel), [fieldModel]);
   const refresh = (0, import_utils16.useRefresh)();
   const fieldModelState = (0, import_reactive4.useReadonlyReactiveState)(fieldModel.reactiveState);
@@ -1596,6 +1602,11 @@ function FieldArray({
   const fieldState = toFieldState(fieldModelState);
   const formState = React4.useMemo(() => toFormState(formModelState), [formModelState]);
   React4.useEffect(() => {
+    if (fieldModel.disposed) {
+      refresh();
+      return () => {
+      };
+    }
     fieldModel.renderCount = fieldModel.renderCount + 1;
     if (!formModel.getValueIn(name) !== void 0 && defaultValue !== void 0) {
       formModel.setInitValueIn(name, defaultValue);
@@ -1636,6 +1647,7 @@ function FieldArray({
     }
     return /* @__PURE__ */ React4.createElement(React4.Fragment, null, "Invalid Array render");
   };
+  if (fieldModel.disposed) return /* @__PURE__ */ React4.createElement(React4.Fragment, null);
   return /* @__PURE__ */ React4.createElement(FieldModelContext.Provider, { value: fieldModel }, renderInner());
 }