github/lowcode-engine
1
0
Fork 0
mirror of https://github.com/alibaba/lowcode-engine.git synced 2026-01-12 17:08:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch feat/mobx-rendererPerformanceOptimization into release/1.0.69

Browse Source 
Title: fix: 低代码组件下缺失 getNode 方法 & 低代码组件多层渲染下报错问题 

Link: https://code.aone.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/codereview/6581060
This commit is contained in:
lihao.ylh 2021-09-27 15:59:14 +08:00
commit 6aecd71e85
2 changed files with 16 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/react-simulator-renderer/src/renderer.ts
View File

@ -444,7 +444,6 @@ export class SimulatorRendererContainer implements BuiltinSimulatorRenderer {
}
const renderer = this;
const { componentsMap: components } = renderer;
class LowCodeComp extends React.Component<any, any> {
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,

22
packages/renderer-core/src/hoc/leaf.tsx
View File

@ -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: {