github/lowcode-engine
1
0
Fork 0
mirror of https://github.com/alibaba/lowcode-engine.git synced 2025-12-14 13:03:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: mark the loaded remote description descriptions to reduce loading

Browse Source
This commit is contained in:
liujuping 2023-08-17 15:18:31 +08:00 committed by 林熠
parent 67a0c9ebdb
commit a389ec184c
1 changed files with 17 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
packages/editor-core/src/editor.ts
View File

@ -35,6 +35,10 @@ const keyBlacklist = [
'innerPlugins', 'innerPlugins',
]; ];
const AssetsCache: {
[key: string]: IPublicTypeRemoteComponentDescription;
} = {};
export declare interface Editor extends StrictEventEmitter<EventEmitter, GlobalEvent.EventConfig> { export declare interface Editor extends StrictEventEmitter<EventEmitter, GlobalEvent.EventConfig> {
addListener(event: string | symbol, listener: (...args: any[]) => void): this; addListener(event: string | symbol, listener: (...args: any[]) => void): this;
once(event: string | symbol, listener: (...args: any[]) => void): this; once(event: string | symbol, listener: (...args: any[]) => void): this;
@ -143,9 +147,15 @@ export class Editor extends EventEmitter implements IEditor {
// 如果有远程组件描述协议，则自动加载并补充到资产包中，同时出发 designer.incrementalAssetsReady 通知组件面板更新数据 // 如果有远程组件描述协议，则自动加载并补充到资产包中，同时出发 designer.incrementalAssetsReady 通知组件面板更新数据
if (remoteComponentDescriptions && remoteComponentDescriptions.length) { if (remoteComponentDescriptions && remoteComponentDescriptions.length) {
await Promise.all( await Promise.all(
remoteComponentDescriptions.map(async (component: any) => { remoteComponentDescriptions.map(async (component: IPublicTypeRemoteComponentDescription) => {
const { exportName, url, npm } = component; const { exportName, url, npm } = component;
await (new AssetLoader()).load(url); if (!url || !exportName) {
return;
}
if (!AssetsCache[exportName] || !npm?.version || AssetsCache[exportName].npm?.version !== npm?.version) {
await (new AssetLoader()).load(url);
}
AssetsCache[exportName] = component;
function setAssetsComponent(component: any, extraNpmInfo: any = {}) { function setAssetsComponent(component: any, extraNpmInfo: any = {}) {
const components = component.components; const components = component.components;
assets.componentList = assets.componentList?.concat(component.componentList || []); assets.componentList = assets.componentList?.concat(component.componentList || []);
@ -181,14 +191,14 @@ export class Editor extends EventEmitter implements IEditor {
}); });
}); });
} }
if (window[exportName]) { if ((window as any)[exportName]) {
if (Array.isArray(window[exportName])) { if (Array.isArray((window as any)[exportName])) {
setArrayAssets(window[exportName] as any); setArrayAssets((window as any)[exportName] as any);
} else { } else {
setAssetsComponent(window[exportName] as any); setAssetsComponent((window as any)[exportName] as any);
} }
} }
return window[exportName]; return (window as any)[exportName];
}), }),
); );
} }