fix(amis): table嵌套在crud下面，setValue时通过crud进行操作，解决crud的setValue动作失效的问题

closes:11453
baidu · Jan 11, 2025 · 3b0391e · 3b0391e
1 parent 4032263
commit 3b0391e
Show file tree

Hide file tree

Showing 2 changed files with 56 additions and 7 deletions.
diff --git a/packages/amis/__tests__/renderers/CRUD.test.tsx b/packages/amis/__tests__/renderers/CRUD.test.tsx
@@ -1896,3 +1896,46 @@ test('25. CRUD Table Cell sync data to store', async () => {
   const listDoms2 = container.querySelectorAll('.cxd-ListItem-title');
   expect(listDoms2.length).toEqual(0);
 });
+
+describe.only('26. setValue 动作', () => {
+  it('table模式下，设置值后，页面能够自动更新', async () => {
+    render(
+      amisRender({
+        type: 'crud',
+        id: 'crud',
+        data: {
+          label: '点击前'
+        },
+        headerToolbar: [
+          {
+            type: 'button',
+            label: '${label}',
+            onEvent: {
+              click: {
+                actions: [
+                  {
+                    actionType: 'setValue',
+                    componentId: 'crud',
+                    args: {
+                      value: {label: '点击后'}
+                    }
+                  }
+                ]
+              }
+            }
+          }
+        ]
+      })
+    );
+
+    await waitFor(() => {
+      expect(screen.getByText('点击前')).toBeInTheDocument();
+    });
+
+    fireEvent.click(screen.getByText('点击前'));
+
+    await waitFor(() => {
+      expect(screen.getByText('点击后')).toBeInTheDocument();
+    });
+  });
+});
diff --git a/packages/amis/src/renderers/Table/index.tsx b/packages/amis/src/renderers/Table/index.tsx
@@ -3049,7 +3049,7 @@ export class TableRendererBase<
     index?: number | string,
     condition?: any
   ) {
-    const {store} = this.props;
+    const {store, host} = this.props;
 
     if (index !== undefined || condition !== undefined) {
       const targets = await this.getEventTargets(
@@ -3060,13 +3060,19 @@ export class TableRendererBase<
       targets.forEach(target => {
         target.updateData(values);
       });
-    } else {
-      const data = {
-        ...values,
-        rows: values.rows ?? values.items // 做个兼容
-      };
-      return store.updateData(data, undefined, replace);
+      return;
     }
+
+    if (host) {
+      host.setData?.(values, replace);
+    }
+
+    const data = {
+      ...values,
+      rows: values.rows ?? values.items // 做个兼容
+    };
+
+    return store.updateData(data, undefined, replace);
   }
 
   getData() {