From 47c42222b317a4a62ba1bbc3e496e5eef085dd0d Mon Sep 17 00:00:00 2001
From: roymondchen <roymondchen@tencent.com>
Date: Thu, 23 May 2024 19:32:00 +0800
Subject: [PATCH] =?UTF-8?q?fix(editor):=20stageOverlay=E4=B8=8D=E5=BA=94?=
 =?UTF-8?q?=E5=8F=97=E7=BC=96=E8=BE=91=E5=99=A8zoom=E5=BD=B1=E5=93=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/editor/src/hooks/use-stage.ts       | 2 +-
 packages/editor/src/services/stageOverlay.ts | 1 +
 packages/editor/src/type.ts                  | 1 +
 3 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/editor/src/hooks/use-stage.ts b/packages/editor/src/hooks/use-stage.ts
index e6052f29..00ae2883 100644
--- a/packages/editor/src/hooks/use-stage.ts
+++ b/packages/editor/src/hooks/use-stage.ts
@@ -24,7 +24,7 @@ export const useStage = (stageOptions: StageOptions) => {
   const stage = new StageCore({
     render: stageOptions.render,
     runtimeUrl: stageOptions.runtimeUrl,
-    zoom: zoom.value,
+    zoom: stageOptions.zoom ?? zoom.value,
     autoScrollIntoView: stageOptions.autoScrollIntoView,
     isContainer: stageOptions.isContainer,
     containerHighlightClassName: stageOptions.containerHighlightClassName,
diff --git a/packages/editor/src/services/stageOverlay.ts b/packages/editor/src/services/stageOverlay.ts
index 5047d7fd..0524d6c4 100644
--- a/packages/editor/src/services/stageOverlay.ts
+++ b/packages/editor/src/services/stageOverlay.ts
@@ -90,6 +90,7 @@ class StageOverlay extends BaseService {
   public createStage(stageOptions: StageOptions = {}) {
     return useStage({
       ...stageOptions,
+      zoom: 1,
       runtimeUrl: '',
       autoScrollIntoView: false,
       render: async (stage: StageCore) => {
diff --git a/packages/editor/src/type.ts b/packages/editor/src/type.ts
index 2958edce..897a162c 100644
--- a/packages/editor/src/type.ts
+++ b/packages/editor/src/type.ts
@@ -150,6 +150,7 @@ export interface StageOptions {
   renderType?: RenderType;
   guidesOptions?: Partial<GuidesOptions>;
   disabledMultiSelect?: boolean;
+  zoom?: number;
 }
 
 export interface StoreState {