fix(core): fix void field child field reactions not work in some cases (#3415)

* feat: set Form indexes observable

* feat: add test cases

Author: coolbob1998

packages/core/src/__tests__/void.spec.ts

@@ -285,3 +285,44 @@ test('fault tolerance', () => {
   expect(field.display).toEqual('visible')
   expect(field.pattern).toEqual('editable')
 })
+
+test('child field reactions', () => {
+  const form = attach(createForm())
+  const voidField = attach(form.createVoidField({ name: 'void' }))
+  const field1 = attach(
+    form.createField({
+      name: 'field1',
+      basePath: voidField.address,
+      reactions: [
+        (field) => {
+          field.value = field.query('field3').getIn('value')
+        },
+      ],
+    })
+  )
+  const field2 = attach(
+    form.createField({
+      name: 'field2',
+      basePath: voidField.address,
+      reactions: [
+        (field) => {
+          field.value = field.query('.field3').getIn('value')
+        },
+      ],
+    })
+  )
+  expect(field1.value).toBeUndefined()
+  expect(field2.value).toBeUndefined()
+  const field3 = attach(
+    form.createField({
+      name: 'field3',
+      basePath: voidField.address,
+      value: 1,
+    })
+  )
+  expect(field1.value).toBe(1)
+  expect(field2.value).toBe(1)
+  field3.value = 2
+  expect(field1.value).toBe(2)
+  expect(field2.value).toBe(2)
+})

packages/core/src/models/Form.ts

@@ -122,6 +122,7 @@ export class Form<ValueType extends object = any> {
   protected makeObservable() {
     define(this, {
       fields: observable.shallow,
+      indexes: observable.shallow,
       initialized: observable.ref,
       validating: observable.ref,
       submitting: observable.ref,