From 2d4bd34e5680a14686790434bf26a1b57fef7b8e Mon Sep 17 00:00:00 2001
From: xiangmaoshuo <544437819@qq.com>
Date: Thu, 16 Mar 2023 18:13:48 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=B6=88=E9=99=A4=E7=BC=96=E8=BE=91?=
 =?UTF-8?q?=E6=97=B6provide=E8=AD=A6=E5=91=8A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/chart/ContentEdit/index.vue    | 7 +++++--
 src/views/preview/hooks/useScale.hook.ts | 4 +++-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/views/chart/ContentEdit/index.vue b/src/views/chart/ContentEdit/index.vue
index 1ea44997..34b7122a 100644
--- a/src/views/chart/ContentEdit/index.vue
+++ b/src/views/chart/ContentEdit/index.vue
@@ -83,7 +83,7 @@
 </template>
 
 <script lang="ts" setup>
-import { onMounted, computed } from 'vue'
+import { onMounted, computed, provide } from 'vue'
 import { chartColors } from '@/settings/chartThemes/index'
 import { MenuEnum } from '@/enums/editPageEnum'
 import { CreateComponentType, CreateComponentGroupType } from '@/packages/index.d'
@@ -91,7 +91,7 @@ import { animationsClass, getFilterStyle, getTransformStyle, getBlendModeStyle,
 import { useContextMenu } from '@/views/chart/hooks/useContextMenu.hook'
 import { MenuOptionsItemType } from '@/views/chart/hooks/useContextMenu.hook.d'
 import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'
-
+import { SCALE_KEY } from '@/views/preview/hooks/useScale.hook'
 import { useLayout } from './hooks/useLayout.hook'
 import { useAddKeyboard } from '../hooks/useKeyboard.hook'
 import { dragHandle, dragoverHandle, mousedownHandleUnStop, useMouseHandle } from './hooks/useDrag.hook'
@@ -108,6 +108,9 @@ import { EditTools } from './components/EditTools'
 const chartEditStore = useChartEditStore()
 const { handleContextMenu } = useContextMenu()
 
+// 编辑时注入scale变量，消除警告
+provide(SCALE_KEY, null);
+
 // 布局处理
 useLayout()
 
diff --git a/src/views/preview/hooks/useScale.hook.ts b/src/views/preview/hooks/useScale.hook.ts
index 3a150460..3916c187 100644
--- a/src/views/preview/hooks/useScale.hook.ts
+++ b/src/views/preview/hooks/useScale.hook.ts
@@ -15,7 +15,9 @@ export const useScale = (localStorageInfo: ChartEditStorageType) => {
   provide(SCALE_KEY, scaleRef);
 
   const updateScaleRef = (scale: { width: number; height: number }) => {
-    scaleRef.value = scale
+    // 这里需要解构，保证赋值给scaleRef的为一个新对象
+    // 因为scale始终为同一引用
+    scaleRef.value = { ...scale }
   }
 
   // 屏幕适配