fix: optimize code according to review comment

Author: chilingling

packages/canvas/container/src/interactions/common.ts

@@ -62,10 +62,7 @@ export const initialHoverState = {
 }
 
 export const clearHover = (hoverState: Ref<HoverOrSelectState>) => {
-  hoverState.value = {
-    ...initialHoverState,
-    rect: { ...initialHoverState.rect }
-  }
+  hoverState.value = structuredClone(initialHoverState)
 }
 
 export const getClosedElementHasUid = (element: Element | null): Element | undefined => {

packages/canvas/container/src/interactions/default-interactions.ts

@@ -31,30 +31,21 @@ import {
 } from './common'
 import type { HoverOrSelectState } from './common'
 
-const curHoverState = ref<HoverOrSelectState>({
-  ...initialHoverState,
-  rect: { ...initialHoverState.rect }
-})
-
+const curHoverState = ref<HoverOrSelectState>(structuredClone(initialHoverState))
 const selectState = ref<HoverOrSelectState[]>([])
-
 const clearHover = () => commonClearHover(curHoverState)
 
 const getRectAndNode = (e: MouseEvent): HoverOrSelectState | undefined => {
   const element = getClosedElementHasUid(e.target as Element)
-
-  let res: HoverOrSelectState = {
-    ...initialHoverState,
-    rect: { ...initialHoverState.rect }
-  }
+  let res: HoverOrSelectState = structuredClone(initialHoverState)
 
   if (!element) {
     return res
   }
 
   // hover 整个页面
   if (element === element?.ownerDocument?.body) {
-    res.rect = { ...getWindowRect() }
+    res.rect = getWindowRect()
 
     return res
   }
@@ -140,7 +131,7 @@ const updateSelectedNode = async (e: MouseEvent, type: string) => {
     }
 
     res = {
-      rect: { ...getWindowRect() },
+      rect: getWindowRect(),
       node: null,
       configure: null,
       element: getDocument().body,

packages/canvas/container/src/interactions/vue-interactions.ts

@@ -55,10 +55,7 @@ export const getClosedVueElement = (element: HTMLElementWithVue | null): VueInst
   return null
 }
 
-const curHoverState = ref<HoverOrSelectState>({
-  ...initialHoverState,
-  rect: { ...initialHoverState.rect }
-})
+const curHoverState = ref<HoverOrSelectState>(structuredClone(initialHoverState))
 
 const selectState = ref<HoverOrSelectState[]>([])
 
@@ -67,12 +64,7 @@ const clearHover = () => commonClearHover(curHoverState)
 const getRectAndNode = (e: { target: HTMLElementWithVue }): HoverOrSelectState => {
   // 拿到最近的带有 __vueComponent 的vue 实例
   let instance = getClosedVueElement(e.target)
-
-  const res: HoverOrSelectState = {
-    ...initialHoverState,
-    rect: { ...initialHoverState.rect }
-  }
-
+  const res: HoverOrSelectState = structuredClone(initialHoverState)
   const windowRect = getWindowRect()
 
   if (!instance) {
@@ -175,7 +167,7 @@ const updateSelectedNode = async (e: MouseEvent, type: string): Promise<void> =>
 
     // 非多选选中非激活节点，则选中整个画布
     res = {
-      rect: { ...getWindowRect() },
+      rect: getWindowRect(),
       node: null,
       configure: null,
       element: getDocument().body,