diff --git a/packages/designer/src/document/node/node.ts b/packages/designer/src/document/node/node.ts
index 2e3ad5cdb..0369a43b1 100644
--- a/packages/designer/src/document/node/node.ts
+++ b/packages/designer/src/document/node/node.ts
@@ -517,6 +517,10 @@ export class Node<Schema extends NodeSchema = NodeSchema> {
     }
   }
 
+  toData() {
+    return this.export();
+  }
+
   /**
    * 导出 schema
    */
diff --git a/packages/editor-preset-vision/src/pages.ts b/packages/editor-preset-vision/src/pages.ts
index bc3ee9d12..504b544ba 100644
--- a/packages/editor-preset-vision/src/pages.ts
+++ b/packages/editor-preset-vision/src/pages.ts
@@ -39,10 +39,13 @@ 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
-        componentsTree[0].lifeCycles = {};
-        componentsTree[0].methods = {};
+        if (componentsTree[0].componentName === 'Page' ||
+        componentsTree[0].componentName === 'Component') {
+          componentsTree[0].lifeCycles = {};
+          componentsTree[0].methods = {};
+        }
       }
     }
 
diff --git a/packages/editor-skeleton/src/layouts/workbench.less b/packages/editor-skeleton/src/layouts/workbench.less
index deec754a1..504b1e6ff 100644
--- a/packages/editor-skeleton/src/layouts/workbench.less
+++ b/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;
diff --git a/packages/rax-render/src/utils/index.js b/packages/rax-render/src/utils/index.js
index 814f1edc9..d8fdde649 100644
--- a/packages/rax-render/src/utils/index.js
+++ b/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);
 }
 
 // 判断当前页面是否被嵌入到同域的页面中
diff --git a/packages/react-renderer/src/engine/blockEngine.jsx b/packages/react-renderer/src/engine/blockEngine.jsx
index f56342763..9712ef3ea 100644
--- a/packages/react-renderer/src/engine/blockEngine.jsx
+++ b/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结构异常！';
     }
 
diff --git a/packages/react-renderer/src/engine/index.jsx b/packages/react-renderer/src/engine/index.jsx
index 0853a39e0..9147f347c 100644
--- a/packages/react-renderer/src/engine/index.jsx
+++ b/packages/react-renderer/src/engine/index.jsx
@@ -23,6 +23,7 @@ const ENGINE_COMPS = {
   BlockEngine,
   AddonEngine,
   TempEngine,
+  DivEngine: BlockEngine,
 };
 
 class FaultComponent extends PureComponent {
diff --git a/packages/react-renderer/src/utils/index.js b/packages/react-renderer/src/utils/index.js
index cc5c5a256..9dc2469a0 100644
--- a/packages/react-renderer/src/utils/index.js
+++ b/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);
 }
 
 // 判断当前页面是否被嵌入到同域的页面中