diff --git a/packages/react-simulator-renderer/src/renderer.ts b/packages/react-simulator-renderer/src/renderer.ts index 10605fc9b..79a466e97 100644 --- a/packages/react-simulator-renderer/src/renderer.ts +++ b/packages/react-simulator-renderer/src/renderer.ts @@ -444,7 +444,6 @@ export class SimulatorRendererContainer implements BuiltinSimulatorRenderer { } const renderer = this; - const { componentsMap: components } = renderer; class LowCodeComp extends React.Component { render() { @@ -458,7 +457,7 @@ export class SimulatorRendererContainer implements BuiltinSimulatorRenderer { return createElement(LowCodeRenderer, { ...extraProps, // 防止覆盖下面内置属性 schema: newSchema, - components, + components: renderer.components, designMode: renderer.designMode, device: renderer.device, appHelper: renderer.context, diff --git a/packages/renderer-core/src/hoc/leaf.tsx b/packages/renderer-core/src/hoc/leaf.tsx index 1cc0d07f5..06636a16b 100644 --- a/packages/renderer-core/src/hoc/leaf.tsx +++ b/packages/renderer-core/src/hoc/leaf.tsx @@ -1,5 +1,6 @@ import { BuiltinSimulatorHost, Node, PropChangeOptions } from '@ali/lowcode-designer'; import { GlobalEvent, TransformStage } from '@ali/lowcode-types'; +import { isReactComponent } from '@ali/lowcode-utils'; import { EngineOptions } from '@ali/lowcode-editor-core'; import adapter from '../adapter'; import * as types from '../types/index'; @@ -67,14 +68,21 @@ export function leafWrapper(Comp: types.IBaseRenderer, { const editor = host?.designer?.editor; const { Component } = adapter.getRuntime(); - /** 部分没有渲染的 node 节点进行兜底处理 or 渲染方式没有渲染 LeafWrapper */ - const leaf = getNode(schema.id); + if (!isReactComponent(Comp)) { + console.error(`${schema.componentName} component may be has errors: `, Comp); + } - const wrapDisposeFunctions: Function[] = [ - leaf?.onPropsChange?.(() => container.rerender()), - leaf?.onChildrenChange?.(() => container.rerender()), - leaf?.onVisibleChange?.(() => container.rerender()), - ]; + /** 部分没有渲染的 node 节点进行兜底处理 or 渲染方式没有渲染 LeafWrapper */ + let wrapDisposeFunctions: Function[] = []; + if (getNode) { + const leaf = getNode(schema.id); + + wrapDisposeFunctions = [ + leaf?.onPropsChange?.(() => container.rerender()), + leaf?.onChildrenChange?.(() => container.rerender()), + leaf?.onVisibleChange?.(() => container.rerender()), + ]; + } class LeafWrapper extends Component { recordInfo: {