fix: incorrect data display in dynamic forms

src/use/useFormItemContentController.ts

@@ -1,7 +1,6 @@
-import { useEffect } from 'react';
+import { useEffect, useRef } from 'react';
 import { Apis, GlobalProps } from 'react-form-simple/types/form';
 import { useController } from 'react-form-simple/use/useController';
-import { useControllerRef } from 'react-form-simple/use/useControllerRef';
 import { FormUtil } from 'react-form-simple/utils/FormUtil';
 import {
   getProxyValue,
@@ -54,6 +53,8 @@ export function useFormItemContentController(
     formatChangeValue,
   } = options;
 
+  const preBindId = useRef(bindId).current;
+
   const _model = useController({
     value: convertStringToObject(bindId, initialValue),
   });
@@ -77,11 +78,17 @@ export function useFormItemContentController(
     formUtil.replace({ model: modelValue });
   }, [modelValue]);
 
-  const methods = useControllerRef({
+  useEffect(() => {
+    if (bindId !== preBindId) {
+      _model.value = convertStringToObject(bindId, initialValue);
+    }
+  }, [bindId]);
+
+  const methods = {
     set(value: any) {
       updateProxyValue(modelValue, bindId as string, value);
     },
-  });
+  };
 
   const value = getProxyValue(modelValue, bindId) ?? '';
 

src/use/useSubscribe.ts

@@ -1,7 +1,8 @@
 import { cloneDeep } from 'lodash';
-import { useEffect, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import { UseSubscribeNamespace } from 'react-form-simple/types/use';
 import { useControllerRef } from 'react-form-simple/use/useControllerRef';
+import { isEqual } from 'react-form-simple/utils/util';
 
 const subscribeObject = () => {
   const object = {
@@ -26,15 +27,19 @@ export const usePrivateSubscribe = <T extends Record<string, any>>(options: {
   T,
   ReturnType<typeof subscribeObject>
 > => {
-  const { model } = options;
-
   const subscribes = useControllerRef(subscribeObject());
 
   const useSubscribe: UseSubscribeNamespace.UseSubscribe<T> = (cb) => {
     const [state, setState] = useState<any>();
+    const preValueRef = useRef(null) as any;
+
     useEffect(() => {
       subscribes.set(() => {
-        setState(cb({ model: cloneDeep(model) }));
+        const { model } = options;
+        const value = cb({ model: cloneDeep(model) });
+        if (isEqual(value, preValueRef.current)) return;
+        preValueRef.current = value;
+        setState(value);
       });
       setTimeout(() => {
         subscribes.emit();