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

Merge branch 'feat/support-cdn-only-in-editor' into 'feat/0.16.14'

Browse Source 
Code review title: feat: support component's cdn urls only in editor
Code review description: 引擎支持优先加载组件「编辑态」资源

提案地址：https://yuque.antfin-inc.com/ali-lowcode/hbd2px/xdf5me
Code review Link: https://code.aone.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/codereview/6255590
This commit is contained in:
lihao.ylh 2021-10-13 10:20:30 +08:00
commit 2cc8c028d0
2 changed files with 15 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -60,6 +60,7 @@ import {
ComponentSchema,
TransformStage,
ActivityData,
Package,
} from '@ali/lowcode-types';
import { BuiltinSimulatorRenderer } from './renderer';
import clipboard from '../designer/clipboard';
@ -68,10 +69,11 @@ import { Project } from '../project';
import { Scroller } from '../designer/scroller';
import { isElementNode, isDOMNodeVisible } from '../utils/misc';
export interface LibraryItem {
export interface LibraryItem extends Package{
package: string;
library: string;
urls?: Asset;
editUrls?: Asset;
}
export interface DeviceStyleProps {
@ -336,13 +338,13 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp
* urls：Array 资源cdn地址，必须是umd类型，可以是.js或者.css
* library：String umd包直接导出的name
*/
buildLibrary(library) {
library = library || (this.get('library') as LibraryItem[]);
buildLibrary(library?: LibraryItem[]) {
const _library = library || (this.get('library') as LibraryItem[]);
const libraryAsset: AssetList = [];
const libraryExportList = [];
const libraryExportList: string[] = [];
if (library) {
library.forEach((item) => {
if (_library && _library.length) {
_library.forEach((item) => {
this.libraryMap[item.package] = item.library;
if (item.async) {
this.asyncLibraryMap[item.package] = item;
@ -352,7 +354,9 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp
`Object.defineProperty(window,'${item.exportName}',{get:()=>window.${item.library}});`,
);
}
if (item.urls) {
if (item.editUrls) {
libraryAsset.push(item.editUrls);
} else if (item.urls) {
libraryAsset.push(item.urls);
}
});
@ -376,7 +380,6 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp
this._contentWindow = iframe.contentWindow!;
this._contentDocument = this._contentWindow.document;
const library = this.get('library') as LibraryItem[];
const libraryAsset: AssetList = this.buildLibrary();
const vendors = [

5
packages/types/src/assets.ts
View File

@ -5,8 +5,11 @@ import { Snippet, ComponentMetadata } from './metadata';
export interface Package { // 应该被编辑器默认加载，定义组件大包及external资源的信息
package: string; // 包名
version: string; // 包版本号
urls?: string[] | null; // 组件打包后的CDN列表，包含js和css
urls?: string[] | any; // 组件渲染态视图打包后的 CDN url 列表，包含 js 和 css
editUrls?: string[] | any; // 组件编辑态视图打包后的 CDN url 列表，包含 js 和 css
library: string; // 作为全局变量引用时的名称，和webpack output.library字段含义一样，用来定义全局变量名
async?: boolean,
exportName?: string;
}
export interface ComponentCategory { // 组件分类