Merge branch 'fix/blockAndLowCodeComponentEditor' into 'release/0.9.0'

fix: 修复低代码组件设计器、区块设计器根节点为 Page 的问题，修复 topArea 样式



See merge request !867191

packages/designer/src/document/node/node.ts

@@ -517,6 +517,10 @@ export class Node<Schema extends NodeSchema = NodeSchema> {
     }
   }
 
+  toData() {
+    return this.export();
+  }
+
   /**
    * 导出 schema
    */

packages/editor-preset-vision/src/pages.ts

@@ -39,12 +39,15 @@ const pages = Object.assign(project, {
     } else {
       componentsTree = pages[0].componentsTree;
       if (componentsTree[0]) {
-        componentsTree[0].componentName = 'Page';
+        componentsTree[0].componentName = componentsTree[0].componentName || 'Page';
         // FIXME
+        if (componentsTree[0].componentName === 'Page' ||
+        componentsTree[0].componentName === 'Component') {
           componentsTree[0].lifeCycles = {};
           componentsTree[0].methods = {};
         }
       }
+    }
 
     project.load({
       version: '1.0.0',

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

@@ -143,6 +143,11 @@ body {
     margin-bottom: 2px;
     padding: 8px 12px 8px 16px;
 
+    .lc-top-area-left {
+      display: flex;
+      align-items: center;
+    }
+
     .lc-top-area-center{
       flex: 1;
       display: flex;

packages/rax-render/src/utils/index.js

@@ -69,7 +69,7 @@ export function isSchema(schema, ignoreArr) {
 
 export function isFileSchema(schema) {
   if (isEmpty(schema)) return false;
-  return ['Page', 'Block', 'Component', 'Addon', 'Temp'].includes(schema.componentName);
+  return ['Page', 'Block', 'Component', 'Addon', 'Temp', 'Div'].includes(schema.componentName);
 }
 
 // 判断当前页面是否被嵌入到同域的页面中

packages/react-renderer/src/engine/blockEngine.jsx

@@ -61,7 +61,7 @@ export default class BlockEngine extends BaseEngine {
   render() {
     const { __schema } = this.props;
 
-    if (!isSchema(__schema, true) || __schema.componentName !== 'Block') {
+    if (!isSchema(__schema, true) || (__schema.componentName !== 'Block' && __schema.componentName !== 'Div')) {
       return '区块schema结构异常！';
     }
 

packages/react-renderer/src/engine/index.jsx

@@ -23,6 +23,7 @@ const ENGINE_COMPS = {
   BlockEngine,
   AddonEngine,
   TempEngine,
+  DivEngine: BlockEngine,
 };
 
 class FaultComponent extends PureComponent {

packages/react-renderer/src/utils/index.js

@@ -69,7 +69,7 @@ export function isSchema(schema, ignoreArr) {
 
 export function isFileSchema(schema) {
   if (isEmpty(schema)) return false;
-  return ['Page', 'Block', 'Component', 'Addon', 'Temp'].includes(schema.componentName);
+  return ['Page', 'Block', 'Component', 'Addon', 'Temp', 'Div'].includes(schema.componentName);
 }
 
 // 判断当前页面是否被嵌入到同域的页面中