2

draggable-panels/src/fauto/materials/DesignCenter/index.vue

@@ -2,6 +2,7 @@
 import { defineAsyncComponent, markRaw, computed, watch } from 'vue'
 import { useDesignStore } from '../../stores/designStore'
 import { useVueFileStore } from '../../stores/vueFileStore'
+import InteractiveWrapper from './InteractiveWrapper.vue'
 import config from './index.json'
 
 const designStore = useDesignStore()
@@ -72,9 +73,9 @@ watch(() => vueFileStore.selectedFilePath, (newPath) => {
       </span>
     </div>
     <div class="center-body">
-      <!-- 动态渲染选中的Vue页面 -->
+      <!-- 动态渲染选中的Vue页面（使用InteractiveWrapper注入交互事件） -->
       <div v-if="selectedPageComponent" class="page-preview">
-        <component :is="selectedPageComponent" />
+        <InteractiveWrapper :component="selectedPageComponent" />
       </div>
       
       <!-- 原有的设计组件实例列表 -->