chore(release): publish 1.1.9-beta.7

docs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alilc/lowcode-engine-docs",
-  "version": "1.0.32",
+  "version": "1.0.33",
   "description": "低代码引擎版本化文档",
   "license": "MIT",
   "files": [

lerna.json

@@ -1,6 +1,6 @@
 {
   "lerna": "4.0.0",
-  "version": "1.1.8",
+  "version": "1.1.9-beta.7",
   "npmClient": "yarn",
   "useWorkspaces": true,
   "packages": [

modules/code-generator/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alilc/lowcode-code-generator",
-  "version": "1.1.4",
+  "version": "1.1.5",
   "description": "出码引擎 for LowCode Engine",
   "license": "MIT",
   "main": "lib/index.js",

modules/code-generator/src/cli/solutions/example-solution.ts

@@ -635,18 +635,20 @@ export default function createHelloWorldProjectBuilder() {
     template: CodeGen.solutionParts.icejs.template,
     plugins: {
       components: [
-        CodeGen.plugins.react.reactCommonDeps(),
+        CodeGen.plugins.icejs.reactCommonDeps(),
-        CodeGen.plugins.common.esmodule({ fileType: 'jsx' }),
+        CodeGen.plugins.common.esModule({ fileType: 'jsx' }),
-        CodeGen.plugins.react.containerClass(),
+        CodeGen.plugins.common.styleImport(),
-        CodeGen.plugins.react.containerInjectContext(),
+        CodeGen.plugins.icejs.containerClass(),
-        CodeGen.plugins.react.containerInjectUtils(),
+        CodeGen.plugins.icejs.containerInjectContext(),
-        CodeGen.plugins.react.containerInjectDataSourceEngine(),
+        CodeGen.plugins.icejs.containerInjectUtils(),
-        CodeGen.plugins.react.containerInjectI18n(),
+        CodeGen.plugins.icejs.containerInjectDataSourceEngine(),
-        CodeGen.plugins.react.containerInitState(),
+        CodeGen.plugins.icejs.containerInjectI18n(),
-        CodeGen.plugins.react.containerLifeCycle(),
+        CodeGen.plugins.icejs.containerInjectConstants(),
-        CodeGen.plugins.react.containerMethod(),
+        CodeGen.plugins.icejs.containerInitState(),
+        CodeGen.plugins.icejs.containerLifeCycle(),
+        CodeGen.plugins.icejs.containerMethod(),
         examplePlugin(),
-        CodeGen.plugins.react.jsx({
+        CodeGen.plugins.icejs.jsx({
           nodeTypeMapping: {
             Div: 'div',
             Component: 'div',
@@ -657,18 +659,20 @@ export default function createHelloWorldProjectBuilder() {
         CodeGen.plugins.style.css(),
       ],
       pages: [
-        CodeGen.plugins.react.reactCommonDeps(),
+        CodeGen.plugins.icejs.reactCommonDeps(),
-        CodeGen.plugins.common.esmodule({ fileType: 'jsx' }),
+        CodeGen.plugins.common.esModule({ fileType: 'jsx' }),
-        CodeGen.plugins.react.containerClass(),
+        CodeGen.plugins.common.styleImport(),
-        CodeGen.plugins.react.containerInjectContext(),
+        CodeGen.plugins.icejs.containerClass(),
-        CodeGen.plugins.react.containerInjectUtils(),
+        CodeGen.plugins.icejs.containerInjectContext(),
-        CodeGen.plugins.react.containerInjectDataSourceEngine(),
+        CodeGen.plugins.icejs.containerInjectUtils(),
-        CodeGen.plugins.react.containerInjectI18n(),
+        CodeGen.plugins.icejs.containerInjectDataSourceEngine(),
-        CodeGen.plugins.react.containerInitState(),
+        CodeGen.plugins.icejs.containerInjectI18n(),
-        CodeGen.plugins.react.containerLifeCycle(),
+        CodeGen.plugins.icejs.containerInjectConstants(),
-        CodeGen.plugins.react.containerMethod(),
+        CodeGen.plugins.icejs.containerInitState(),
+        CodeGen.plugins.icejs.containerLifeCycle(),
+        CodeGen.plugins.icejs.containerMethod(),
         examplePlugin(),
-        CodeGen.plugins.react.jsx({
+        CodeGen.plugins.icejs.jsx({
           nodeTypeMapping: {
             Div: 'div',
             Component: 'div',
@@ -679,13 +683,13 @@ export default function createHelloWorldProjectBuilder() {
         CodeGen.plugins.style.css(),
       ],
       router: [
-        CodeGen.plugins.common.esmodule(),
+        CodeGen.plugins.common.esModule(),
         CodeGen.solutionParts.icejs.plugins.router(),
       ],
       entry: [CodeGen.solutionParts.icejs.plugins.entry()],
       constants: [CodeGen.plugins.project.constants()],
       utils: [
-        CodeGen.plugins.common.esmodule(),
+        CodeGen.plugins.common.esModule(),
         CodeGen.plugins.project.utils('react'),
       ],
       i18n: [CodeGen.plugins.project.i18n()],

modules/code-generator/src/plugins/component/react/containerLifeCycle.ts

@@ -16,13 +16,14 @@ import { isJSFunction, isJSExpression } from '@alilc/lowcode-types';
 import { isJSExpressionFn } from '../../../utils/common';
 
 export interface PluginConfig {
-  fileType: string;
+  fileType?: string;
-  exportNameMapping: Record<string, string>;
+  exportNameMapping?: Record<string, string>;
-  normalizeNameMapping: Record<string, string>;
+  normalizeNameMapping?: Record<string, string>;
+  exclude?: string[];
 }
 
 const pluginFactory: BuilderComponentPluginFactory<PluginConfig> = (config?) => {
-  const cfg: PluginConfig = {
+  const cfg = {
     fileType: FileType.JSX,
     exportNameMapping: {},
     normalizeNameMapping: {},
@@ -56,6 +57,10 @@ const pluginFactory: BuilderComponentPluginFactory<PluginConfig> = (config?) =>
           normalizeName = cfg.normalizeNameMapping[lifeCycleName] || lifeCycleName;
         }
 
+        if (cfg?.exclude?.includes(normalizeName)) {
+          return null;
+        }
+
         const exportName = cfg.exportNameMapping[lifeCycleName] || lifeCycleName;
         if (normalizeName === 'constructor') {
           return {
@@ -97,7 +102,7 @@ const pluginFactory: BuilderComponentPluginFactory<PluginConfig> = (config?) =>
           }),
           linkAfter: [...DEFAULT_LINK_AFTER[CLASS_DEFINE_CHUNK_NAME.InsMethod]],
         };
-      });
+      }).filter((i) => !!i);
 
       next.chunks.push(...chunks.filter((x): x is ICodeChunk => x !== null));
     }

modules/code-generator/src/solutions/icejs.ts

@@ -45,6 +45,7 @@ export default function createIceJsProjectBuilder(
         containerInjectUtils(),
         containerInjectDataSourceEngine(),
         containerInjectI18n(),
+        containerInjectConstants(),
         containerInitState(),
         containerLifeCycle(),
         containerMethod(),

modules/code-generator/src/solutions/icejs3.ts

@@ -45,6 +45,7 @@ export default function createIceJsProjectBuilder(
         containerInjectUtils(),
         containerInjectDataSourceEngine(),
         containerInjectI18n(),
+        containerInjectConstants(),
         containerInitState(),
         containerLifeCycle(),
         containerMethod(),

packages/designer/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alilc/lowcode-designer",
-  "version": "1.1.8",
+  "version": "1.1.9-beta.7",
   "description": "Designer for Ali LowCode Engine",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -16,9 +16,9 @@
   "license": "MIT",
   "dependencies": {
     "@alilc/build-plugin-lce": "^0.0.4-beta.2",
-    "@alilc/lowcode-editor-core": "1.1.8",
+    "@alilc/lowcode-editor-core": "1.1.9-beta.7",
-    "@alilc/lowcode-types": "1.1.8",
+    "@alilc/lowcode-types": "1.1.9-beta.7",
-    "@alilc/lowcode-utils": "1.1.8",
+    "@alilc/lowcode-utils": "1.1.9-beta.7",
     "classnames": "^2.2.6",
     "react": "^16",
     "react-dom": "^16.7.0",
@@ -53,7 +53,7 @@
     "type": "http",
     "url": "https://github.com/alibaba/lowcode-engine/tree/main/packages/designer"
   },
-  "gitHead": "2669f179e6f899d395ce1942d0fe04f9c5ed48a6",
+  "gitHead": "a78a31a7f310c7e4410f71a5845a6a297b2a9c67",
   "bugs": "https://github.com/alibaba/lowcode-engine/issues",
   "homepage": "https://github.com/alibaba/lowcode-engine/#readme"
 }

packages/editor-core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alilc/lowcode-editor-core",
-  "version": "1.1.8",
+  "version": "1.1.9-beta.7",
   "description": "Core Api for Ali lowCode engine",
   "license": "MIT",
   "main": "lib/index.js",
@@ -14,8 +14,8 @@
   },
   "dependencies": {
     "@alifd/next": "^1.19.16",
-    "@alilc/lowcode-types": "1.1.8",
+    "@alilc/lowcode-types": "1.1.9-beta.7",
-    "@alilc/lowcode-utils": "1.1.8",
+    "@alilc/lowcode-utils": "1.1.9-beta.7",
     "classnames": "^2.2.6",
     "debug": "^4.1.1",
     "intl-messageformat": "^9.3.1",
@@ -47,7 +47,7 @@
     "type": "http",
     "url": "https://github.com/alibaba/lowcode-engine/tree/main/packages/editor-core"
   },
-  "gitHead": "2669f179e6f899d395ce1942d0fe04f9c5ed48a6",
+  "gitHead": "a78a31a7f310c7e4410f71a5845a6a297b2a9c67",
   "bugs": "https://github.com/alibaba/lowcode-engine/issues",
   "homepage": "https://github.com/alibaba/lowcode-engine/#readme"
 }

packages/editor-core/src/config.ts

@@ -155,6 +155,10 @@ const VALID_ENGINE_OPTIONS = {
     description: '是否开启应用级设计模式',
     default: false,
   },
+  workspaceEmptyComponent: {
+    type: 'function',
+    description: '应用级设计模式下，窗口为空时展示的占位组件',
+  },
 };
 
 const getStrictModeValue = (engineOptions: IPublicTypeEngineOptions, defaultValue: boolean): boolean => {

packages/editor-core/src/hotkey.ts

@@ -317,8 +317,8 @@ function getKeyInfo(combination: string, action?: string): KeyInfo {
 function fireCallback(callback: IPublicTypeHotkeyCallback, e: KeyboardEvent, combo?: string, sequence?: string): void {
   try {
     const workspace = globalContext.get('workspace');
-    const editor = workspace.isActive ? workspace.window.editor : globalContext.get('editor');
+    const editor = workspace.isActive ? workspace.window?.editor : globalContext.get('editor');
-    const designer = editor.get('designer');
+    const designer = editor?.get('designer');
     const node = designer?.currentSelection?.getNodes()?.[0];
     const npm = node?.componentMeta?.npm;
     const selected =

packages/editor-skeleton/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alilc/lowcode-editor-skeleton",
-  "version": "1.1.8",
+  "version": "1.1.9-beta.7",
   "description": "alibaba lowcode editor skeleton",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -19,10 +19,10 @@
   ],
   "dependencies": {
     "@alifd/next": "^1.20.12",
-    "@alilc/lowcode-designer": "1.1.8",
+    "@alilc/lowcode-designer": "1.1.9-beta.7",
-    "@alilc/lowcode-editor-core": "1.1.8",
+    "@alilc/lowcode-editor-core": "1.1.9-beta.7",
-    "@alilc/lowcode-types": "1.1.8",
+    "@alilc/lowcode-types": "1.1.9-beta.7",
-    "@alilc/lowcode-utils": "1.1.8",
+    "@alilc/lowcode-utils": "1.1.9-beta.7",
     "classnames": "^2.2.6",
     "react": "^16.8.1",
     "react-dom": "^16.8.1"
@@ -42,7 +42,7 @@
     "type": "http",
     "url": "https://github.com/alibaba/lowcode-engine/tree/main/packages/editor-skeleton"
   },
-  "gitHead": "2669f179e6f899d395ce1942d0fe04f9c5ed48a6",
+  "gitHead": "a78a31a7f310c7e4410f71a5845a6a297b2a9c67",
   "bugs": "https://github.com/alibaba/lowcode-engine/issues",
   "homepage": "https://github.com/alibaba/lowcode-engine/#readme"
 }

packages/editor-skeleton/src/layouts/left-float-pane.tsx

@@ -4,6 +4,7 @@ import { observer, Focusable } from '@alilc/lowcode-editor-core';
 import { Area } from '../area';
 import { Panel } from '../widget/panel';
 import { PanelConfig } from '../types';
+import { IPublicApiProject } from '@alilc/lowcode-types';
 
 @observer
 export default class LeftFloatPane extends Component<{ area: Area<PanelConfig, Panel> }> {
@@ -31,6 +32,8 @@ export default class LeftFloatPane extends Component<{ area: Area<PanelConfig, P
       area.skeleton.editor.removeListener('designer.drag', triggerClose);
     };
 
+    const project: IPublicApiProject | undefined = area.skeleton.editor.get('project');
+
     this.focusing = area.skeleton.focusTracker.create({
       range: (e) => {
         const target = e.target as HTMLElement;
@@ -44,6 +47,9 @@ export default class LeftFloatPane extends Component<{ area: Area<PanelConfig, P
         if ((document.querySelector('.lc-simulator-content-frame') as HTMLIFrameElement)?.contentWindow?.document.documentElement.contains(target)) {
           return false;
         }
+        if (project?.simulatorHost?.contentWindow?.document.documentElement.contains(target)) {
+          return false;
+        }
         // 点击设置区
         if (document.querySelector('.lc-right-area')?.contains(target)) {
           return false;

packages/editor-skeleton/src/layouts/workbench.less

@@ -318,7 +318,7 @@ body {
         align-items: center;
         .lc-title {
           flex-direction: column;
-          width: 46px;
+          width: calc(var(--left-area-width) - 2px);
           height: 46px;
           display: flex;
           align-items: center;

packages/engine/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alilc/lowcode-engine",
-  "version": "1.1.8",
+  "version": "1.1.9-beta.7",
   "description": "An enterprise-class low-code technology stack with scale-out design / 一套面向扩展设计的企业级低代码技术体系",
   "main": "lib/engine-core.js",
   "module": "es/engine-core.js",
@@ -19,15 +19,15 @@
   "license": "MIT",
   "dependencies": {
     "@alifd/next": "^1.19.12",
-    "@alilc/lowcode-designer": "1.1.8",
+    "@alilc/lowcode-designer": "1.1.9-beta.7",
-    "@alilc/lowcode-editor-core": "1.1.8",
+    "@alilc/lowcode-editor-core": "1.1.9-beta.7",
-    "@alilc/lowcode-editor-skeleton": "1.1.8",
+    "@alilc/lowcode-editor-skeleton": "1.1.9-beta.7",
     "@alilc/lowcode-engine-ext": "^1.0.0",
-    "@alilc/lowcode-plugin-designer": "1.1.8",
+    "@alilc/lowcode-plugin-designer": "1.1.9-beta.7",
-    "@alilc/lowcode-plugin-outline-pane": "1.1.8",
+    "@alilc/lowcode-plugin-outline-pane": "1.1.9-beta.7",
-    "@alilc/lowcode-shell": "1.1.8",
+    "@alilc/lowcode-shell": "1.1.9-beta.7",
-    "@alilc/lowcode-utils": "1.1.8",
+    "@alilc/lowcode-utils": "1.1.9-beta.7",
-    "@alilc/lowcode-workspace": "1.1.8",
+    "@alilc/lowcode-workspace": "1.1.9-beta.7",
     "react": "^16.8.1",
     "react-dom": "^16.8.1"
   },
@@ -53,7 +53,7 @@
     "type": "http",
     "url": "https://github.com/alibaba/lowcode-engine/tree/main/packages/engine"
   },
-  "gitHead": "2669f179e6f899d395ce1942d0fe04f9c5ed48a6",
+  "gitHead": "a78a31a7f310c7e4410f71a5845a6a297b2a9c67",
   "bugs": "https://github.com/alibaba/lowcode-engine/issues",
   "homepage": "https://github.com/alibaba/lowcode-engine/#readme"
 }

packages/ignitor/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alilc/lowcode-ignitor",
-  "version": "1.1.8",
+  "version": "1.1.9-beta.7",
   "description": "点火器，bootstrap lce project",
   "main": "lib/index.js",
   "private": true,

packages/plugin-designer/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alilc/lowcode-plugin-designer",
-  "version": "1.1.8",
+  "version": "1.1.9-beta.7",
   "description": "alibaba lowcode editor designer plugin",
   "files": [
     "es",
@@ -18,9 +18,9 @@
   ],
   "author": "xiayang.xy",
   "dependencies": {
-    "@alilc/lowcode-designer": "1.1.8",
+    "@alilc/lowcode-designer": "1.1.9-beta.7",
-    "@alilc/lowcode-editor-core": "1.1.8",
+    "@alilc/lowcode-editor-core": "1.1.9-beta.7",
-    "@alilc/lowcode-utils": "1.1.8",
+    "@alilc/lowcode-utils": "1.1.9-beta.7",
     "react": "^16.8.1",
     "react-dom": "^16.8.1"
   },
@@ -37,7 +37,7 @@
     "type": "http",
     "url": "https://github.com/alibaba/lowcode-engine/tree/main/packages/plugin-designer"
   },
-  "gitHead": "2669f179e6f899d395ce1942d0fe04f9c5ed48a6",
+  "gitHead": "a78a31a7f310c7e4410f71a5845a6a297b2a9c67",
   "bugs": "https://github.com/alibaba/lowcode-engine/issues",
   "homepage": "https://github.com/alibaba/lowcode-engine/#readme"
 }

packages/plugin-outline-pane/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alilc/lowcode-plugin-outline-pane",
-  "version": "1.1.8",
+  "version": "1.1.9-beta.7",
   "description": "Outline pane for Ali lowCode engine",
   "files": [
     "es",
@@ -13,8 +13,8 @@
   },
   "dependencies": {
     "@alifd/next": "^1.19.16",
-    "@alilc/lowcode-types": "1.1.8",
+    "@alilc/lowcode-types": "1.1.9-beta.7",
-    "@alilc/lowcode-utils": "1.1.8",
+    "@alilc/lowcode-utils": "1.1.9-beta.7",
     "classnames": "^2.2.6",
     "react": "^16",
     "react-dom": "^16.7.0",
@@ -38,7 +38,7 @@
     "type": "http",
     "url": "https://github.com/alibaba/lowcode-engine/tree/main/packages/plugin-outline-pane"
   },
-  "gitHead": "2669f179e6f899d395ce1942d0fe04f9c5ed48a6",
+  "gitHead": "a78a31a7f310c7e4410f71a5845a6a297b2a9c67",
   "bugs": "https://github.com/alibaba/lowcode-engine/issues",
   "homepage": "https://github.com/alibaba/lowcode-engine/#readme"
 }

packages/plugin-outline-pane/src/controllers/tree.ts

@@ -30,6 +30,10 @@ export class Tree {
       treeNode?.notifyExpandableChanged();
     });
 
+    doc?.history.onChangeCursor(() => {
+      this.root?.notifyExpandableChanged();
+    });
+
     doc?.onChangeNodeProp((info: IPublicTypePropChangeOptions) => {
       const { node, key } = info;
       if (key === '___title___') {

packages/rax-renderer/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alilc/lowcode-rax-renderer",
-  "version": "1.1.8",
+  "version": "1.1.9-beta.7",
   "description": "Rax renderer for Ali lowCode engine",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -30,8 +30,8 @@
     "build": "build-scripts build"
   },
   "dependencies": {
-    "@alilc/lowcode-renderer-core": "1.1.8",
+    "@alilc/lowcode-renderer-core": "1.1.9-beta.7",
-    "@alilc/lowcode-utils": "1.1.8",
+    "@alilc/lowcode-utils": "1.1.9-beta.7",
     "rax-find-dom-node": "^1.0.1"
   },
   "devDependencies": {
@@ -49,6 +49,6 @@
   },
   "license": "MIT",
   "homepage": "https://github.com/alibaba/lowcode-engine/#readme",
-  "gitHead": "2669f179e6f899d395ce1942d0fe04f9c5ed48a6",
+  "gitHead": "a78a31a7f310c7e4410f71a5845a6a297b2a9c67",
   "bugs": "https://github.com/alibaba/lowcode-engine/issues"
 }

packages/rax-simulator-renderer/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alilc/lowcode-rax-simulator-renderer",
-  "version": "1.1.8",
+  "version": "1.1.9-beta.7",
   "description": "rax simulator renderer for alibaba lowcode designer",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -13,10 +13,10 @@
     "build:umd": "build-scripts build --config build.umd.json"
   },
   "dependencies": {
-    "@alilc/lowcode-designer": "1.1.8",
+    "@alilc/lowcode-designer": "1.1.9-beta.7",
-    "@alilc/lowcode-rax-renderer": "1.1.8",
+    "@alilc/lowcode-rax-renderer": "1.1.9-beta.7",
-    "@alilc/lowcode-types": "1.1.8",
+    "@alilc/lowcode-types": "1.1.9-beta.7",
-    "@alilc/lowcode-utils": "1.1.8",
+    "@alilc/lowcode-utils": "1.1.9-beta.7",
     "classnames": "^2.2.6",
     "driver-universal": "^3.1.3",
     "history": "^5.0.0",
@@ -50,6 +50,6 @@
     "url": "https://github.com/alibaba/lowcode-engine/tree/main/packages/rax-simulator-renderer"
   },
   "homepage": "https://github.com/alibaba/lowcode-engine/#readme",
-  "gitHead": "2669f179e6f899d395ce1942d0fe04f9c5ed48a6",
+  "gitHead": "a78a31a7f310c7e4410f71a5845a6a297b2a9c67",
   "bugs": "https://github.com/alibaba/lowcode-engine/issues"
 }

packages/react-renderer/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alilc/lowcode-react-renderer",
-  "version": "1.1.8",
+  "version": "1.1.9-beta.7",
   "description": "react renderer for ali lowcode engine",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -22,7 +22,7 @@
   ],
   "dependencies": {
     "@alifd/next": "^1.21.16",
-    "@alilc/lowcode-renderer-core": "1.1.8"
+    "@alilc/lowcode-renderer-core": "1.1.9-beta.7"
   },
   "devDependencies": {
     "@alib/build-scripts": "^0.1.18",
@@ -42,6 +42,6 @@
     "url": "https://github.com/alibaba/lowcode-engine/tree/main/packages/react-renderer"
   },
   "homepage": "https://github.com/alibaba/lowcode-engine/#readme",
-  "gitHead": "2669f179e6f899d395ce1942d0fe04f9c5ed48a6",
+  "gitHead": "a78a31a7f310c7e4410f71a5845a6a297b2a9c67",
   "bugs": "https://github.com/alibaba/lowcode-engine/issues"
 }

packages/react-simulator-renderer/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alilc/lowcode-react-simulator-renderer",
-  "version": "1.1.8",
+  "version": "1.1.9-beta.7",
   "description": "react simulator renderer for alibaba lowcode designer",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -17,10 +17,10 @@
     "test:cov": "build-scripts test --config build.test.json --jest-coverage"
   },
   "dependencies": {
-    "@alilc/lowcode-designer": "1.1.8",
+    "@alilc/lowcode-designer": "1.1.9-beta.7",
-    "@alilc/lowcode-react-renderer": "1.1.8",
+    "@alilc/lowcode-react-renderer": "1.1.9-beta.7",
-    "@alilc/lowcode-types": "1.1.8",
+    "@alilc/lowcode-types": "1.1.9-beta.7",
-    "@alilc/lowcode-utils": "1.1.8",
+    "@alilc/lowcode-utils": "1.1.9-beta.7",
     "classnames": "^2.2.6",
     "mobx": "^6.3.0",
     "mobx-react": "^7.2.0",
@@ -43,7 +43,7 @@
     "type": "http",
     "url": "https://github.com/alibaba/lowcode-engine/tree/main/packages/react-simulator-renderer"
   },
-  "gitHead": "2669f179e6f899d395ce1942d0fe04f9c5ed48a6",
+  "gitHead": "a78a31a7f310c7e4410f71a5845a6a297b2a9c67",
   "bugs": "https://github.com/alibaba/lowcode-engine/issues",
   "homepage": "https://github.com/alibaba/lowcode-engine/#readme"
 }

packages/renderer-core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alilc/lowcode-renderer-core",
-  "version": "1.1.8",
+  "version": "1.1.9-beta.7",
   "description": "renderer core",
   "license": "MIT",
   "main": "lib/index.js",
@@ -16,8 +16,8 @@
   },
   "dependencies": {
     "@alilc/lowcode-datasource-engine": "^1.0.0",
-    "@alilc/lowcode-types": "1.1.8",
+    "@alilc/lowcode-types": "1.1.9-beta.7",
-    "@alilc/lowcode-utils": "1.1.8",
+    "@alilc/lowcode-utils": "1.1.9-beta.7",
     "classnames": "^2.2.6",
     "debug": "^4.1.1",
     "fetch-jsonp": "^1.1.3",
@@ -32,7 +32,7 @@
   "devDependencies": {
     "@alib/build-scripts": "^0.1.18",
     "@alifd/next": "^1.26.0",
-    "@alilc/lowcode-designer": "1.1.8",
+    "@alilc/lowcode-designer": "1.1.9-beta.7",
     "@babel/plugin-transform-typescript": "^7.16.8",
     "@testing-library/react": "^11.2.2",
     "@types/classnames": "^2.2.11",
@@ -55,7 +55,7 @@
     "type": "http",
     "url": "https://github.com/alibaba/lowcode-engine/tree/main/packages/renderer-core"
   },
-  "gitHead": "2669f179e6f899d395ce1942d0fe04f9c5ed48a6",
+  "gitHead": "a78a31a7f310c7e4410f71a5845a6a297b2a9c67",
   "bugs": "https://github.com/alibaba/lowcode-engine/issues",
   "homepage": "https://github.com/alibaba/lowcode-engine/#readme"
 }

packages/renderer-core/src/hoc/leaf.tsx

@@ -193,8 +193,8 @@ export function leafWrapper(Comp: types.IBaseRenderComponent, {
     getNode,
   });
 
-  if (curDocumentId && cache.component.has(componentCacheId)) {
+  if (curDocumentId && cache.component.has(componentCacheId) && (cache.component.get(componentCacheId).Comp === Comp)) {
-    return cache.component.get(componentCacheId);
+    return cache.component.get(componentCacheId).LeafWrapper;
   }
 
   class LeafHoc extends Component {
@@ -590,7 +590,10 @@ export function leafWrapper(Comp: types.IBaseRenderComponent, {
 
   LeafWrapper.displayName = (Comp as any).displayName;
 
-  cache.component.set(componentCacheId, LeafWrapper);
+  cache.component.set(componentCacheId, {
+    LeafWrapper,
+    Comp,
+  });
 
   return LeafWrapper;
 }

packages/shell/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alilc/lowcode-shell",
-  "version": "1.1.8",
+  "version": "1.1.9-beta.7",
   "description": "Shell Layer for AliLowCodeEngine",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -13,12 +13,12 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@alilc/lowcode-designer": "1.1.8",
+    "@alilc/lowcode-designer": "1.1.9-beta.7",
-    "@alilc/lowcode-editor-core": "1.1.8",
+    "@alilc/lowcode-editor-core": "1.1.9-beta.7",
-    "@alilc/lowcode-editor-skeleton": "1.1.8",
+    "@alilc/lowcode-editor-skeleton": "1.1.9-beta.7",
-    "@alilc/lowcode-types": "1.1.8",
+    "@alilc/lowcode-types": "1.1.9-beta.7",
-    "@alilc/lowcode-utils": "1.1.8",
+    "@alilc/lowcode-utils": "1.1.9-beta.7",
-    "@alilc/lowcode-workspace": "1.1.8",
+    "@alilc/lowcode-workspace": "1.1.9-beta.7",
     "classnames": "^2.2.6",
     "enzyme": "^3.11.0",
     "enzyme-adapter-react-16": "^1.15.5",
@@ -48,7 +48,7 @@
     "type": "http",
     "url": "https://github.com/alibaba/lowcode-engine/tree/main/packages/shell"
   },
-  "gitHead": "2669f179e6f899d395ce1942d0fe04f9c5ed48a6",
+  "gitHead": "a78a31a7f310c7e4410f71a5845a6a297b2a9c67",
   "bugs": "https://github.com/alibaba/lowcode-engine/issues",
   "homepage": "https://github.com/alibaba/lowcode-engine/#readme"
 }

packages/shell/src/api/setters.ts

@@ -19,7 +19,7 @@ export class Setters implements IPublicApiSetters {
     const workspace = globalContext.get('workspace');
     if (workspace.isActive) {
       return untracked(() => {
-        if (!workspace.window.innerSetters) {
+        if (!workspace.window?.innerSetters) {
           logger.error('setter api 调用时机出现问题，请检查');
           return this[innerSettersSymbol];
         }

packages/shell/src/api/skeleton.ts

@@ -22,7 +22,7 @@ export class Skeleton implements IPublicApiSkeleton {
     }
     const workspace = globalContext.get('workspace');
     if (workspace.isActive) {
-      if (!workspace.window.innerSkeleton) {
+      if (!workspace.window?.innerSkeleton) {
         logger.error('skeleton api 调用时机出现问题，请检查');
         return this[innerSkeletonSymbol];
       }

packages/types/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alilc/lowcode-types",
-  "version": "1.1.8",
+  "version": "1.1.9-beta.7",
   "description": "Types for Ali lowCode engine",
   "files": [
     "es",
@@ -29,7 +29,7 @@
     "type": "http",
     "url": "https://github.com/alibaba/lowcode-engine/tree/main/packages/types"
   },
-  "gitHead": "2669f179e6f899d395ce1942d0fe04f9c5ed48a6",
+  "gitHead": "a78a31a7f310c7e4410f71a5845a6a297b2a9c67",
   "bugs": "https://github.com/alibaba/lowcode-engine/issues",
   "homepage": "https://github.com/alibaba/lowcode-engine/#readme"
 }

packages/utils/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alilc/lowcode-utils",
-  "version": "1.1.8",
+  "version": "1.1.9-beta.7",
   "description": "Utils for Ali lowCode engine",
   "files": [
     "lib",
@@ -14,7 +14,7 @@
   },
   "dependencies": {
     "@alifd/next": "^1.19.16",
-    "@alilc/lowcode-types": "1.1.8",
+    "@alilc/lowcode-types": "1.1.9-beta.7",
     "lodash": "^4.17.21",
     "mobx": "^6.3.0",
     "react": "^16"
@@ -32,7 +32,7 @@
     "type": "http",
     "url": "https://github.com/alibaba/lowcode-engine/tree/main/packages/utils"
   },
-  "gitHead": "2669f179e6f899d395ce1942d0fe04f9c5ed48a6",
+  "gitHead": "a78a31a7f310c7e4410f71a5845a6a297b2a9c67",
   "bugs": "https://github.com/alibaba/lowcode-engine/issues",
   "homepage": "https://github.com/alibaba/lowcode-engine/#readme"
 }

packages/workspace/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alilc/lowcode-workspace",
-  "version": "1.1.8",
+  "version": "1.1.9-beta.7",
   "description": "Shell Layer for AliLowCodeEngine",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -15,11 +15,11 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@alilc/lowcode-designer": "1.1.8",
+    "@alilc/lowcode-designer": "1.1.9-beta.7",
-    "@alilc/lowcode-editor-core": "1.1.8",
+    "@alilc/lowcode-editor-core": "1.1.9-beta.7",
-    "@alilc/lowcode-editor-skeleton": "1.1.8",
+    "@alilc/lowcode-editor-skeleton": "1.1.9-beta.7",
-    "@alilc/lowcode-types": "1.1.8",
+    "@alilc/lowcode-types": "1.1.9-beta.7",
-    "@alilc/lowcode-utils": "1.1.8",
+    "@alilc/lowcode-utils": "1.1.9-beta.7",
     "classnames": "^2.2.6",
     "enzyme": "^3.11.0",
     "enzyme-adapter-react-16": "^1.15.5",
@@ -49,7 +49,7 @@
     "type": "http",
     "url": "https://github.com/alibaba/lowcode-engine/tree/main/packages/workspace"
   },
-  "gitHead": "2669f179e6f899d395ce1942d0fe04f9c5ed48a6",
+  "gitHead": "a78a31a7f310c7e4410f71a5845a6a297b2a9c67",
   "bugs": "https://github.com/alibaba/lowcode-engine/issues",
   "homepage": "https://github.com/alibaba/lowcode-engine/#readme"
 }

packages/workspace/src/layouts/left-float-pane.tsx

@@ -2,6 +2,7 @@ import { Component, Fragment } from 'react';
 import classNames from 'classnames';
 import { observer, Focusable } from '@alilc/lowcode-editor-core';
 import { Area, Panel } from '@alilc/lowcode-editor-skeleton';
+import { IPublicApiProject } from '@alilc/lowcode-types';
 
 @observer
 export default class LeftFloatPane extends Component<{ area: Area<any, Panel> }> {
@@ -29,6 +30,8 @@ export default class LeftFloatPane extends Component<{ area: Area<any, Panel> }>
       area.skeleton.editor.removeListener('designer.drag', triggerClose);
     };
 
+    const project: IPublicApiProject | undefined = area.skeleton.editor.get('project');
+
     this.focusing = area.skeleton.focusTracker.create({
       range: (e) => {
         const target = e.target as HTMLElement;
@@ -42,6 +45,9 @@ export default class LeftFloatPane extends Component<{ area: Area<any, Panel> }>
         if ((document.querySelector('.lc-simulator-content-frame') as HTMLIFrameElement)?.contentWindow?.document.documentElement.contains(target)) {
           return false;
         }
+        if (project?.simulatorHost?.contentWindow?.document.documentElement.contains(target)) {
+          return false;
+        }
         // 点击设置区
         if (document.querySelector('.lc-right-area')?.contains(target)) {
           return false;

packages/workspace/src/layouts/workbench.less

@@ -276,7 +276,7 @@ body {
         align-items: center;
         .lc-title {
           flex-direction: column;
-          width: 46px;
+          width: calc(var(--left-area-width) - 2px);
           height: 46px;
           display: flex;
           align-items: center;

packages/workspace/src/layouts/workbench.tsx

@@ -1,5 +1,5 @@
 import { Component } from 'react';
-import { TipContainer, observer } from '@alilc/lowcode-editor-core';
+import { TipContainer, engineConfig, observer } from '@alilc/lowcode-editor-core';
 import { WindowView } from '../view/window-view';
 import classNames from 'classnames';
 import TopArea from './top-area';
@@ -21,17 +21,29 @@ export class Workbench extends Component<{
   components?: PluginClassSet;
   className?: string;
   topAreaItemClassName?: string;
+}, {
+  workspaceEmptyComponent: any;
 }> {
   constructor(props: any) {
     super(props);
     const { config, components, workspace } = this.props;
     const { skeleton } = workspace;
     skeleton.buildFromConfig(config, components);
+    engineConfig.onGot('workspaceEmptyComponent', (workspaceEmptyComponent) => {
+      this.setState({
+        workspaceEmptyComponent,
+      });
+    });
+    this.state = {
+      workspaceEmptyComponent: engineConfig.get('workspaceEmptyComponent'),
+    };
   }
 
   render() {
     const { workspace, className, topAreaItemClassName } = this.props;
     const { skeleton } = workspace;
+    const WorkspaceEmptyComponent = this.state.workspaceEmptyComponent;
+
     return (
       <div className={classNames('lc-workspace-workbench', className)}>
         <SkeletonContext.Provider value={skeleton}>
@@ -53,6 +65,10 @@ export class Workbench extends Component<{
                       />
                     ))
                   }
+
+                  {
+                    !workspace.windows.length && WorkspaceEmptyComponent ? <WorkspaceEmptyComponent /> : null
+                  }
                 </div>
               </div>
               <MainArea area={skeleton.mainArea} />

packages/workspace/src/workspace.ts

@@ -103,6 +103,7 @@ export class Workspace implements IWorkspace {
     readonly shellModelFactory: any,
   ) {
     this.context = new BasicContext(this, '', IPublicEnumPluginRegisterLevel.Workspace);
+    this.context.innerHotkey.activate(true);
     makeObservable(this);
   }
 
@@ -199,7 +200,7 @@ export class Workspace implements IWorkspace {
     this.windows.splice(index, 1);
     if (this.window === window) {
       this.window = this.windows[index] || this.windows[index + 1] || this.windows[index - 1];
-      if (this.window.sleep) {
+      if (this.window?.sleep) {
         this.window.init();
       }
       this.emitChangeActiveWindow();