fix: resolve review comments

Author: chilingling

packages/common/js/preview.js

@@ -30,9 +30,6 @@ const { deepClone } = utils
 // 保存预览窗口引用
 let previewWindow = null
 
-// 创建 BroadcastChannel 实例用于通信
-const previewChannel = new BroadcastChannel('tiny-engine-preview-channel')
-
 const getScriptAndStyleDeps = () => {
   const { scripts, styles } = useMaterial().getCanvasDeps()
   const utilsDeps = useResource().getUtilsDeps()
@@ -184,11 +181,16 @@ const setupMessageListener = () => {
     }
   })
 
+  // 创建 BroadcastChannel 实例用于通信
+  const previewChannel = new BroadcastChannel('tiny-engine-preview-channel')
+
   // 可能是刷新，需要重新建立连接
   previewChannel.postMessage({
     event: 'connect',
     source: 'designer'
   })
+
+  previewChannel.close()
 }
 
 // 初始化消息监听

packages/design-core/src/preview/src/preview/usePreviewData.ts

@@ -186,7 +186,6 @@ const getPageAncestryFiles = (
 ) => {
   const familyPages: IPanelType[] = []
   const ancestors = params.ancestors
-  // @ts-ignore
   const { generatePageCode } = getMetaApi('engine.service.generateCode')
 
   // 区块预览，没有祖先
@@ -341,7 +340,6 @@ export const usePreviewData = ({ setFiles, store }: IUsePreviewData) => {
     const blockSet = new Set()
 
     let blocks = []
-    // @ts-ignore
     const { getAllNestedBlocksSchema, generatePageCode } = getMetaApi('engine.service.generateCode')
 
     if (params.ancestors?.length) {
@@ -371,7 +369,7 @@ export const usePreviewData = ({ setFiles, store }: IUsePreviewData) => {
 
     const newFiles = store.getFiles()
     const searchParams = new URLSearchParams(location.search)
-    const appJsCode = processAppJsCode(newFiles['app.js'], JSON.parse(searchParams.get('styles') || '{}'))
+    const appJsCode = processAppJsCode(newFiles['app.js'], JSON.parse(searchParams.get('styles') || '[]'))
 
     newFiles['app.js'] = appJsCode