@rainbow-oh/yee-c 0.4.2 → 0.4.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rainbow-oh/yee-c",
-  "version": "0.4.2",
+  "version": "0.4.3",
   "description": "yee basic components",
   "keywords": [
     "react",

package/src/Form/form-store.ts

@@ -494,6 +494,10 @@ export class FormStore {
         } else {
           this.store = { ...this.store, [normalizedName]: value };
         }
+        // When value is not undefined, notify watchers to trigger re-rendering of useWatch
+        if (value !== undefined) {
+          this.notifyWatchers(normalizedName);
+        }
       }
     }
     entity.onStoreChange?.();

package/src/Form/hooks/useWatch.ts

@@ -27,10 +27,17 @@ function useWatch<T = any>(
             Array.isArray(namePath) ? namePath.join('.') : (namePath as string),
           );
 
-    const unsubscribe = formInstance.subscribe(namePath, () => {
+    const update = () => {
       const newValue = getWatchedValue();
       setValue((prev) => (prev === newValue ? prev : newValue));
-    });
+    };
+
+    const unsubscribe = formInstance.subscribe(namePath, update);
+    // Re-read immediately after subscribing: the parent's useWatch captured its
+    // initial snapshot before child Form.Field wrote its initialValue, and the
+    // subscription may not yet exist when that write happens. This covers the gap.
+    update();
+
     return unsubscribe;
   }, [formInstance, namePath]);
 

package/src/TextArea/textarea.tsx

@@ -36,8 +36,6 @@ const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(
       defaultValue,
     });
 
-    console.log('mergedValue: ', mergedValue, value);
-
     useEffect(() => {
       const ele = componentRef.current;
       if (ele && autoSize) {

package/src/version.ts

@@ -4,7 +4,7 @@ declare global {
   }
 }
 
-export const version = "0.4.2";
+export const version = "0.4.3";
 
 if (typeof window !== 'undefined') {
   window.__yee_c_version__ = version;