chore: 无界测试

apps/renderer/src/App.vue

@@ -5,12 +5,12 @@ import { useQuery } from '@tanstack/vue-query';
 import { jsonp, request } from '@vtj/utils';
 import { createProvider } from '@vtj/web';
 import { ElLoading } from 'element-plus';
-import { Url } from 'licia-es';
-import Postmate from 'postmate';
 
 import { LowCodeService } from './service';
 
-console.log('Url', Url);
+// 从 wujie props 获取数据
+const wujieProps = window.$wujie?.props || {};
+console.log('wujie props:', wujieProps);
 
 // 文件加载时，清空一次 sessionStorage
 sessionStorage.clear();
@@ -19,49 +19,15 @@ sessionStorage.clear();
 const renderer = ref();
 const lowCodeService = new LowCodeService();
 const isLoading = ref(false);
-const handshakeCompleted = ref(false);
-const accessToken = ref('');
-const urlParams = ref(parseUrlParams());
+const accessToken = ref(wujieProps.accessToken || '');
+const urlParams = ref({
+  fileId: wujieProps.fileId || '',
+  projectId: Number(wujieProps.projectId) || -1,
+  applicationId: Number(wujieProps.applicationId) || -1,
+  name: wujieProps.name || '',
+});
 const provider = ref(null);
 
-// 从 URL 解析参数
-function parseUrlParams() {
-  const urlParams = new URLSearchParams(window.location.search);
-  const params = {
-    fileId: urlParams.get('fileId') || '',
-    projectId: Number(urlParams.get('projectId')) || -1,
-    applicationId: Number(urlParams.get('applicationId')) || -1,
-    name: urlParams.get('name') || '',
-  };
-  console.log('解析URL参数:', params);
-  return params;
-}
-
-// 初始化 Postmate 握手
-const initPostmateHandshake = async () => {
-  const model = new Postmate.Model({
-    sayHi: (data: any) => {
-      console.log('sayHi', data);
-    },
-  });
-
-  return model.then((parent) => {
-    console.log('parent', parent);
-    // 只获取 accessToken
-    accessToken.value = parent.model.accessToken || '';
-    sessionStorage.setItem('y-code-access-token', accessToken.value);
-    parent.emit('renderer-ready', 'y-code-renderer is ready');
-
-    // 更新请求配置
-    if (accessToken.value) {
-      initRequestConfig(accessToken.value);
-    }
-
-    handshakeCompleted.value = true;
-    return accessToken.value;
-  });
-};
-
 // 初始化请求配置
 const initRequestConfig = (token: string) => {
   request.useRequest((req) => {
@@ -75,10 +41,10 @@ const initLowCodeEngine = async () => {
   // 如果已经初始化过，直接返回
   if (provider.value) return provider.value;
 
-  const token =
-    accessToken.value || sessionStorage.getItem('y-code-access-token') || '';
+  const token = accessToken.value;
   if (token) {
     initRequestConfig(token);
+    sessionStorage.setItem('y-code-access-token', token);
   }
 
   const { provider: lowCodeProvider, onReady } = createProvider({
@@ -104,7 +70,7 @@ const getRenderComponent = async () => {
     // 1. 确保低代码引擎已初始化
     const { provider: lowCodeProvider, onReady } = await initLowCodeEngine();
 
-    // 3. 获取渲染组件
+    // 2. 获取渲染组件
     return new Promise<any>((resolve) => {
       onReady(async () => {
         const instance = getCurrentInstance();
@@ -130,7 +96,7 @@ const getRenderComponent = async () => {
   }
 };
 
-// 使用 useQuery 管理渲染组件（但不实际使用）
+// 使用 useQuery 管理渲染组件
 const { data: rendererComponent } = useQuery({
   queryKey: ['getRenderer'],
   queryFn: getRenderComponent,
@@ -145,34 +111,20 @@ watch(rendererComponent, (newVal) => {
   }
 });
 
-// 监听握手完成状态
-watch(handshakeCompleted, (newVal) => {
-  if (newVal) {
-    console.log('握手完成，开始获取渲染组件');
-    getRenderComponent().then((component) => {
-      if (component) {
-        renderer.value = component;
-      }
-    });
-  }
-});
-
 // 组件挂载后执行初始化
 onMounted(async () => {
-  // 1. 初始化低代码引擎
-  await initLowCodeEngine();
+  // 通知父应用已准备就绪
+  if (window.$wujie) {
+    window.$wujie.bus.$emit('ready', 'y-code-renderer is ready');
+  }
 
-  // 2. 开始获取渲染组件
+  // 初始化低代码引擎并获取渲染组件
+  await initLowCodeEngine();
   getRenderComponent().then((component) => {
     if (component) {
       renderer.value = component;
     }
   });
-
-  // 3. 同时启动握手过程，但不阻塞主流程
-  initPostmateHandshake().catch((error) => {
-    console.warn('握手失败:', error);
-  });
 });
 </script>