chore: 排查无界加载异常的问题

This commit is contained in:
wangxuefeng
2025-03-19 00:08:19 +08:00
parent a2d308bc1a
commit 9b39f265d3
12 changed files with 369 additions and 260 deletions

View File

@@ -6,15 +6,8 @@ import { jsonp, request } from '@vtj/utils';
import { createProvider } from '@vtj/web';
import { ElLoading, ElMessage } from 'element-plus';
import { getFile } from './io';
import { LowCodeService } from './service';
console.log('window', window);
const rawWindow = window;
console.log('window.$wujie', window.$wujie);
// 定义 wujie props 的类型
interface WujieProps {
accessToken?: string;
@@ -26,7 +19,7 @@ interface WujieProps {
}
// 从 wujie props 获取数据,提供默认值
const wujieProps: WujieProps = window.$wujie?.props || {};
const wujieProps: WujieProps = window.$wujie?.props;
console.log('wujie props:', wujieProps);
// 响应式状态
@@ -104,15 +97,11 @@ const getRenderComponent = async () => {
const instance = getCurrentInstance();
instance?.appContext.app.use(lowCodeProvider);
try {
const file = await getFile(wujieProps.fileId);
const { renderer } = await lowCodeProvider.createDslRenderer(
file.published_dsl,
{
// window: rawWindow,
},
const renderComponent = await lowCodeProvider.getRenderComponent(
wujieProps.fileId,
);
console.log('渲染组件获取成功');
resolve(renderer);
resolve(renderComponent);
} catch (error) {
console.error('获取渲染组件失败:', error);
ElMessage.error('获取渲染组件失败');
@@ -177,7 +166,7 @@ onMounted(async () => {
<template>
<div class="renderer-container">
<component :is="renderer" v-if="renderer" :wujie-props="wujieProps" />
<component :is="renderer" v-if="renderer" v-bind="wujieProps" />
<div v-else-if="!isLoading && isError" class="error-message">
组件加载失败请检查参数和网络连接
@@ -191,6 +180,7 @@ onMounted(async () => {
<style scoped>
.renderer-container {
box-sizing: border-box;
padding: 20px;
height: 100%;
width: 100%;