From 407294dff3d6c8845c0b77eef17a24175850b16e Mon Sep 17 00:00:00 2001
From: liujuping <liujup@foxmail.com>
Date: Tue, 22 Nov 2022 16:38:01 +0800
Subject: [PATCH] fix: fix the performance issue of batch call
 executeTransaction

---
 packages/designer/src/builtin-simulator/host.ts              | 5 ++++-
 packages/utils/src/index.ts                                  | 2 +-
 .../src/{start-transaction.ts => transaction-manager.ts}     | 0
 3 files changed, 5 insertions(+), 2 deletions(-)
 rename packages/utils/src/{start-transaction.ts => transaction-manager.ts} (100%)

diff --git a/packages/designer/src/builtin-simulator/host.ts b/packages/designer/src/builtin-simulator/host.ts
index d12427074..f9fcd0517 100644
--- a/packages/designer/src/builtin-simulator/host.ts
+++ b/packages/designer/src/builtin-simulator/host.ts
@@ -69,6 +69,7 @@ import { LiveEditing } from './live-editing/live-editing';
 import { Project } from '../project';
 import { Scroller } from '../designer/scroller';
 import { isElementNode, isDOMNodeVisible } from '../utils/misc';
+import { debounce } from 'lodash';
 
 export interface LibraryItem extends Package{
   package: string;
@@ -205,8 +206,10 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp
     transactionManager.onStartTransaction(() => {
       this.stopAutoRepaintNode();
     }, TransitionType.REPAINT);
+    // 防止批量调用 transaction 时，执行多次 rerender
+    const rerender = debounce(this.rerender.bind(this), 28);
     transactionManager.onEndTransaction(() => {
-      this.rerender();
+      rerender();
       this.enableAutoRepaintNode();
     }, TransitionType.REPAINT);
   }
diff --git a/packages/utils/src/index.ts b/packages/utils/src/index.ts
index 42f157294..4f47402a1 100644
--- a/packages/utils/src/index.ts
+++ b/packages/utils/src/index.ts
@@ -26,4 +26,4 @@ export * from './node-helper';
 export * from './clone-enumerable-property';
 export * from './logger';
 export * as css from './css-helper';
-export { transactionManager } from './start-transaction';
+export { transactionManager } from './transaction-manager';
diff --git a/packages/utils/src/start-transaction.ts b/packages/utils/src/transaction-manager.ts
similarity index 100%
rename from packages/utils/src/start-transaction.ts
rename to packages/utils/src/transaction-manager.ts