From d30753bb5e323dd8abb3f07807c7175f12e9d1a2 Mon Sep 17 00:00:00 2001 From: "lihao.ylh" Date: Tue, 29 Jun 2021 19:09:54 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0=E4=B8=80=E4=B8=AA?= =?UTF-8?q?=E6=B8=B2=E6=9F=93=E7=94=BB=E5=B8=83=E7=9A=84=E5=8A=A0=E8=BD=BD?= =?UTF-8?q?=E5=8A=A8=E7=94=BB?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../src/builtin-simulator/create-simulator.ts | 46 +++++++++++++++---- 1 file changed, 37 insertions(+), 9 deletions(-) diff --git a/packages/designer/src/builtin-simulator/create-simulator.ts b/packages/designer/src/builtin-simulator/create-simulator.ts index d517879b6..686e61de1 100644 --- a/packages/designer/src/builtin-simulator/create-simulator.ts +++ b/packages/designer/src/builtin-simulator/create-simulator.ts @@ -8,7 +8,8 @@ import { isAssetItem, AssetType, assetItem, - isCSSUrl } from '@ali/lowcode-utils'; + isCSSUrl, +} from '@ali/lowcode-utils'; import { BuiltinSimulatorRenderer } from './renderer'; @@ -36,7 +37,10 @@ export function createSimulator( } if (isAssetBundle(asset)) { if (asset.assets) { - parseAssetList(Array.isArray(asset.assets) ? asset.assets : [asset.assets], asset.level || level); + parseAssetList( + Array.isArray(asset.assets) ? asset.assets : [asset.assets], + asset.level || level, + ); } continue; } @@ -50,13 +54,19 @@ export function createSimulator( const id = asset.id ? ` data-id="${asset.id}"` : ''; const lv = asset.level || level || AssetLevel.Environment; if (asset.type === AssetType.JSUrl) { - (scripts[lv] || scripts[AssetLevel.App]).push(``); + (scripts[lv] || scripts[AssetLevel.App]).push( + ``, + ); } else if (asset.type === AssetType.JSText) { (scripts[lv] || scripts[AssetLevel.App]).push(`${asset.content}`); } else if (asset.type === AssetType.CSSUrl) { - (styles[lv] || styles[AssetLevel.App]).push(``); + (styles[lv] || styles[AssetLevel.App]).push( + ``, + ); } else if (asset.type === AssetType.CSSText) { - (styles[lv] || styles[AssetLevel.App]).push(``); + (styles[lv] || styles[AssetLevel.App]).push( + ``, + ); } } } @@ -65,7 +75,7 @@ export function createSimulator( const styleFrags = Object.keys(styles) .map((key) => { - return `${styles[key].join('\n') }`; + return `${styles[key].join('\n')}`; }) .join(''); const scriptFrags = Object.keys(scripts) @@ -75,9 +85,27 @@ export function createSimulator( .join(''); doc.open(); - doc.write(` - ${styleFrags} -${scriptFrags}`); + doc.write(` + + + + ${styleFrags} + + + +
+
+
+ ${scriptFrags} + +`); doc.close(); return new Promise((resolve) => {