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

fix: 调整 components 触发视图刷新的机制, designer _componentMetasMap 引用更新才触发 renderer components 更新

Browse Source
This commit is contained in:
力皓 2021-04-14 11:18:56 +08:00
parent dc5fa1d257
commit a9cead0339
3 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/designer/src/builtin-simulator/host.ts
View File

@ -353,7 +353,6 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp
async setupComponents(library) { async setupComponents(library) {
const libraryAsset: AssetList = this.buildLibrary(library); const libraryAsset: AssetList = this.buildLibrary(library);
await this.renderer.load(libraryAsset); await this.renderer.load(libraryAsset);
await this.renderer.buildComponents();
} }
setupEvents() { setupEvents() {

4
packages/designer/src/designer/designer.ts
View File

@ -388,7 +388,7 @@ export class Designer {
this.editor.set('assets', newAssets); this.editor.set('assets', newAssets);
} }
// TODO: 因为涉及修改 prototype.view，之后在 renderer 里修改了 vc 的 view 获取逻辑后，可删除 // TODO: 因为涉及修改 prototype.view，之后在 renderer 里修改了 vc 的 view 获取逻辑后，可删除
this._componentMetasMap = new Map(this._componentMetasMap); // this._componentMetasMap = new Map(this._componentMetasMap);
// 完成加载增量资源后发送事件，方便插件监听并处理相关逻辑 // 完成加载增量资源后发送事件，方便插件监听并处理相关逻辑
this.editor.emit('designer.incrementalAssetsReady'); this.editor.emit('designer.incrementalAssetsReady');
@ -433,7 +433,7 @@ export class Designer {
this.project.load(schema); this.project.load(schema);
} }
@obx.val private _componentMetasMap = new Map<string, ComponentMeta>(); @obx.ref private _componentMetasMap = new Map<string, ComponentMeta>();
private _lostComponentMetasMap = new Map<string, ComponentMeta>(); private _lostComponentMetasMap = new Map<string, ComponentMeta>();

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

@ -309,9 +309,9 @@ export class SimulatorRendererContainer implements BuiltinSimulatorRenderer {
...this._components, ...this._components,
}; };
} }
private _components: any = {}; @obx.ref private _components: any = {};
get components(): object { @computed get components(): object {
// 根据 device 选择不同组件，进行响应式 // 根据 device 选择不同组件，进行响应式
// 更好的做法是，根据 device 选择加载不同的组件资源，甚至是 simulatorUrl // 更好的做法是，根据 device 选择加载不同的组件资源，甚至是 simulatorUrl
return this._components; return this._components;