diff --git a/packages/code-generator/CHANGELOG.md b/packages/code-generator/CHANGELOG.md
index 257f7c5bc..dc048682a 100644
--- a/packages/code-generator/CHANGELOG.md
+++ b/packages/code-generator/CHANGELOG.md
@@ -3,6 +3,35 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+<a name="0.8.9"></a>
+## [0.8.9](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-code-generator@0.8.7...@ali/lowcode-code-generator@0.8.9) (2020-07-12)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-code-generator
+
+<a name="0.8.7"></a>
+## [0.8.7](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-code-generator@0.8.6...@ali/lowcode-code-generator@0.8.7) (2020-07-12)
+
+
+### Bug Fixes
+
+* demo data ([b4a27fc](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/b4a27fc))
+* factory api ([237b866](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/237b866))
+* same name chunk case ([d6855e2](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/d6855e2))
+
+
+### Features
+
+* add recore project template ([267953b](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/267953b))
+* add template create tool ([e906683](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/e906683))
+* recore solution ([3bfe758](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/3bfe758))
+* rewrite demo & export plugins and utils ([6cf7c3d](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/6cf7c3d))
+
+
+
+
 <a name="0.8.6"></a>
 ## [0.8.6](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-code-generator@0.8.5...@ali/lowcode-code-generator@0.8.6) (2020-06-23)
 
diff --git a/packages/code-generator/package.json b/packages/code-generator/package.json
index 3bffb2689..28121c879 100644
--- a/packages/code-generator/package.json
+++ b/packages/code-generator/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ali/lowcode-code-generator",
-  "version": "0.8.6",
+  "version": "0.8.9",
   "description": "出码引擎 for LowCode Engine",
   "main": "lib/index.js",
   "files": [
diff --git a/packages/demo/CHANGELOG.md b/packages/demo/CHANGELOG.md
index afd875066..95527c4d6 100644
--- a/packages/demo/CHANGELOG.md
+++ b/packages/demo/CHANGELOG.md
@@ -3,6 +3,38 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+<a name="0.8.37"></a>
+## [0.8.37](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.36...@ali/lowcode-demo@0.8.37) (2020-07-14)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-demo
+
+<a name="0.8.36"></a>
+## [0.8.36](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.35...@ali/lowcode-demo@0.8.36) (2020-07-13)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-demo
+
+<a name="0.8.35"></a>
+## [0.8.35](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.34...@ali/lowcode-demo@0.8.35) (2020-07-12)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-demo
+
+<a name="0.8.34"></a>
+## [0.8.34](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.33...@ali/lowcode-demo@0.8.34) (2020-07-12)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-demo
+
 <a name="0.8.33"></a>
 ## [0.8.33](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-demo@0.8.32...@ali/lowcode-demo@0.8.33) (2020-06-24)
 
diff --git a/packages/demo/package.json b/packages/demo/package.json
index 6fb0effa4..85c3fe9df 100644
--- a/packages/demo/package.json
+++ b/packages/demo/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ali/lowcode-demo",
-  "version": "0.8.33",
+  "version": "0.8.37",
   "private": true,
   "description": "低代码引擎 DEMO",
   "scripts": {
@@ -9,21 +9,21 @@
   },
   "config": {},
   "dependencies": {
-    "@ali/lowcode-editor-core": "^0.8.19",
-    "@ali/lowcode-editor-skeleton": "^0.8.29",
-    "@ali/lowcode-plugin-components-pane": "^0.8.25",
-    "@ali/lowcode-plugin-designer": "^0.9.23",
-    "@ali/lowcode-plugin-event-bind-dialog": "^0.8.18",
-    "@ali/lowcode-plugin-outline-pane": "^0.8.29",
-    "@ali/lowcode-plugin-sample-logo": "^0.8.17",
-    "@ali/lowcode-plugin-sample-preview": "^0.8.27",
+    "@ali/lowcode-editor-core": "^0.8.21",
+    "@ali/lowcode-editor-skeleton": "^0.8.33",
+    "@ali/lowcode-plugin-components-pane": "^0.8.29",
+    "@ali/lowcode-plugin-designer": "^0.9.27",
+    "@ali/lowcode-plugin-event-bind-dialog": "^0.8.20",
+    "@ali/lowcode-plugin-outline-pane": "^0.8.33",
+    "@ali/lowcode-plugin-sample-logo": "^0.8.19",
+    "@ali/lowcode-plugin-sample-preview": "^0.8.31",
     "@ali/lowcode-plugin-settings-pane": "^0.8.8",
-    "@ali/lowcode-plugin-undo-redo": "^0.8.27",
-    "@ali/lowcode-plugin-variable-bind-dialog": "^0.8.16",
-    "@ali/lowcode-plugin-zh-en": "^0.8.20",
-    "@ali/lowcode-react-renderer": "^0.8.12",
+    "@ali/lowcode-plugin-undo-redo": "^0.8.31",
+    "@ali/lowcode-plugin-variable-bind-dialog": "^0.8.18",
+    "@ali/lowcode-plugin-zh-en": "^0.8.22",
+    "@ali/lowcode-react-renderer": "^0.8.13",
     "@ali/lowcode-runtime": "^0.8.16",
-    "@ali/lowcode-utils": "^0.8.10",
+    "@ali/lowcode-utils": "^0.8.12",
     "@ali/ve-action-pane": "^4.7.0-beta.0",
     "@ali/ve-datapool-pane": "^6.4.3",
     "@ali/ve-history-pane": "4.0.0",
diff --git a/packages/demo/public/index.html b/packages/demo/public/index.html
index 5a4ed76dd..7b1286b5e 100644
--- a/packages/demo/public/index.html
+++ b/packages/demo/public/index.html
@@ -16,7 +16,7 @@
     <script src="https://g.alicdn.com/mylib/moment/2.24.0/min/moment.min.js"></script>
     <link rel="stylesheet" href="https://alifd.alicdn.com/npm/@alifd/next/1.11.6/next.min.css" />
     <script src="https://unpkg.alibaba-inc.com/@alifd/next@1.18.17/dist/next.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/rax@1.1.3/dist/rax.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/rax@1.1.3/dist/rax.js"></script>
     <link rel="stylesheet" href="/css/editor-preset-vision.css" />
     <script>
       window.pageConfig = {
diff --git a/packages/demo/public/rax.json b/packages/demo/public/rax.json
index f5f4238ff..b928c2e9a 100644
--- a/packages/demo/public/rax.json
+++ b/packages/demo/public/rax.json
@@ -4,7 +4,7 @@
   "props": {},
   "children": [
     {
-      "componentName": "View",
+      "componentName": "Container",
       "props": {},
       "children": [
         {
diff --git a/packages/demo/public/raxAssets.json b/packages/demo/public/raxAssets.json
index 1a2ea09bf..118ad7abc 100644
--- a/packages/demo/public/raxAssets.json
+++ b/packages/demo/public/raxAssets.json
@@ -1,83 +1,367 @@
 {
-  "version": "1.0.0",
-  "externals": [],
-  "componentDependencies": [{
-    "prototypeConfigsUrl": ["https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-deep-mobile/2.0.1-beta.4/proto.c0b2ef2.js"],
-    "prototypeViewsUrl": null,
-    "alias": "",
-    "library": "AliVcDiv",
-    "urls": [
-      "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-deep-mobile/2.0.1-beta.4/view.c0b2ef2.css",
-      "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-deep-mobile/2.0.1-beta.4/view.c0b2ef2.js"
-    ],
-    "components": null,
-    "packageName": "@ali/vc-deep-mobile",
-    "version": "1.0.1"
-  }],
-  "packages": [
+  "externals": [
     {
-      "title": "view",
-      "package": "rax-view",
-      "version": "1.19.18",
-      "urls": ["https://cdn.jsdelivr.net/npm/rax-view@1.1.2/build/index.js"],
-      "library": "View"
+      "urls": ["//g.alicdn.com/platform/c/react/16.5.2/react.min.js"],
+      "library": "React",
+      "name": "react",
+      "version": "16.5.2"
     },
     {
-      "title": "view",
-      "package": "rax-text",
-      "version": "1.19.18",
-      "urls": ["https://cdn.jsdelivr.net/npm/rax-text@1.3.1/build/index.js"],
-      "library": "Text"
+      "urls": ["//g.alicdn.com/platform/c/react-dom/16.5.2/react-dom.min.js"],
+      "library": "ReactDOM",
+      "name": "react-dom",
+      "version": "16.12.0"
+    },
+    {
+      "urls": ["//g.alicdn.com/platform/c/prop-types/15.6.2/prop-types.js"],
+      "library": "PropTypes",
+      "name": "prop-types",
+      "version": "15.6.2"
+    },
+    { "library": "ReactRouter", "name": "react-router" },
+    { "library": "ReactRouterDOM", "name": "react-router-dom" },
+    { "library": "Babel", "name": "babel-standalone" },
+    { "library": "Recore", "name": "@ali/recore" },
+    {
+      "urls": ["https://g.alicdn.com/code/lib/moment.js/2.24.0/moment-with-locales.min.js"],
+      "library": "moment",
+      "name": "moment",
+      "version": "2.24.0"
+    },
+    { "library": "VisualEngine", "name": "engine" },
+    { "library": "VisualEngine", "name": "visualengine" },
+    { "library": "VisualEngine", "name": "@ali/visualengine" },
+    { "library": "VisualEngineUtils", "name": "engine-utils" },
+    { "library": "VisualEngineUtils", "name": "@ali/visualengine-utils" },
+    { "library": "VisualEngine.ui.Popup", "name": "@ali/ve-popups" },
+    { "library": "VisualEngineUtils.FieldControl", "name": "@ali/ve-field" },
+    { "library": "VisualEngineUtils.BoolControl", "name": "@ali/ve-bool-control" },
+    { "library": "VisualEngineUtils.ChoiceControl", "name": "@ali/ve-choice-control" },
+    { "library": "VisualEngineUtils.ColorControl", "name": "@ali/ve-color-control" },
+    { "library": "VisualEngineUtils.DateControl", "name": "@ali/ve-date-control" },
+    { "library": "VisualEngineUtils.I18nControl", "name": "@ali/ve-i18n-control" },
+    { "library": "VisualEngineUtils.NumberControl", "name": "@ali/ve-number-control" },
+    { "library": "VisualEngineUtils.SelectControl", "name": "@ali/ve-select-control" },
+    { "library": "VisualEngineUtils.SortableControl", "name": "@ali/ve-sortable" },
+    { "library": "VisualEngineUtils.TextControl", "name": "@ali/ve-text-control" },
+    { "library": "VisualEngineUtils.ImageControl", "name": "@ali/ve-image-control" },
+    { "library": "VisualEngineUtils.SearchControl", "name": "@ali/ve-search-control" },
+    { "library": "VisualEngineUtils.BoolSetter", "name": "@ali/vs-bool" },
+    { "library": "VisualEngineUtils.ChoiceSetter", "name": "@ali/vs-choice" },
+    { "library": "VisualEngineUtils.CodeSetter", "name": "@ali/vs-code" },
+    { "library": "VisualEngineUtils.ColorSetter", "name": "@ali/vs-color" },
+    { "library": "VisualEngineUtils.DateSetter", "name": "@ali/vs-date" },
+    { "library": "VisualEngineUtils.I18nSetter", "name": "@ali/vs-i18n" },
+    { "library": "VisualEngineUtils.JsonSetter", "name": "@ali/vs-json" },
+    { "library": "VisualEngineUtils.ListSetter", "name": "@ali/vs-list" },
+    { "library": "VisualEngineUtils.NumberSetter", "name": "@ali/vs-number" },
+    { "library": "VisualEngineUtils.OptionsSetter", "name": "@ali/vs-options" },
+    { "library": "VisualEngineUtils.SelectSetter", "name": "@ali/vs-select" },
+    { "library": "VisualEngineUtils.TextSetter", "name": "@ali/vs-text" },
+    { "library": "VisualEngineUtils.ValidationSetter", "name": "@ali/vs-validation" },
+    { "library": "VisualEngineUtils.ImageSetter", "name": "@ali/vs-image" },
+    { "library": "VisualEngineUtils.StyleSetter", "name": "@ali/vs-style" },
+    { "library": "VisualEngineUtils.EventSetter", "name": "@ali/vs-event" },
+    { "library": "RenderEngine", "name": "@ali/render-engine" },
+    { "library": "Highcharts", "name": "highcharts" },
+    { "library": "Object", "name": "highcharts-more" },
+    { "library": "Highcharts && window.Highcharts.map", "name": "highcharts/highmaps" },
+    { "library": "jQuery", "name": "$" },
+    { "library": "jQuery", "name": "jquery" },
+    { "library": "_", "name": "lodash" },
+    { "library": "nattyFetch", "name": "natty-fetch" },
+    { "library": "nattyFetch", "name": "natty-fetch/dist/natty-fetch.pc" },
+    { "library": "nattyFetch", "name": "natty-fetch/dist/natty-fetch" },
+    { "library": "nattyStorage", "name": "natty-storage" },
+    { "library": "Rax", "name": "rax" },
+    {
+      "urls": ["https://g.alicdn.com/ib-fe/ib-vendor/mx/gl.js"],
+      "library": "mapboxgl",
+      "name": "@ali/ib-mapbox",
+      "version": "1.0.0"
     }
   ],
-  "components": [{
-    "componentName": "Page",
-    "title": "页面",
-    "configure": {
-      "events": {
-        "supportedLifecycles": [{
-          "description": "初始化时",
-          "name": "constructor"
-        }, {
-          "description": "装载后",
-          "name": "componentDidMount"
-        }, {
-          "description": "更新时",
-          "name": "componentDidMount"
-        }, {
-          "description": "卸载时",
-          "name": "componentWillUnmount"
-        }]
+  "appKey": "template_deep_mobile",
+  "systemType": "",
+  "componentDependencies": [
+    {
+      "prototypeViewsUrl": null,
+      "prototypeUrls": {
+        "default": [
+          "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-rax-page/4.0.4/proto.c94ee38.css",
+          "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-rax-page/4.0.4/proto.bf61331.js"
+        ]
       },
-      "component": {
-        "isContainer": true
-      }
-    }
-  },{
-    "componentName": "View",
-    "npm": {
-      "package": "rax-view",
-      "destructuring": true,
-      "exportName": "View"
+      "prototypeConfigsUrl": [
+        "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-rax-page/4.0.4/proto.c94ee38.css",
+        "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-rax-page/4.0.4/proto.bf61331.js"
+      ],
+      "alias": "",
+      "urls": [
+        "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-rax-page/4.0.4/view.5030228.css",
+        "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-rax-page/4.0.4/view.6186d2f.js"
+      ],
+      "library": "AliVcRaxPage",
+      "components": null,
+      "packageName": "@ali/vc-rax-page",
+      "version": "4.0.4"
     },
-    "title": "视图",
-    "configure": {
-      "component": {
-        "isContainer": true
-      }
-    }
-  },{
-    "componentName": "Text",
-    "npm": {
-      "package": "rax-text",
-      "destructuring": true,
-      "exportName": "Text"
+    {
+      "prototypeViewsUrl": null,
+      "prototypeUrls": {
+        "default": [
+          "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-deep-mobile-open-button/1.0.5/proto.798dd4e.css",
+          "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-deep-mobile-open-button/1.0.5/proto.78c100c.js"
+        ]
+      },
+      "prototypeConfigsUrl": [
+        "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-deep-mobile-open-button/1.0.5/proto.798dd4e.css",
+        "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-deep-mobile-open-button/1.0.5/proto.78c100c.js"
+      ],
+      "alias": "",
+      "urls": [
+        "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-deep-mobile-open-button/1.0.5/view.23d106a.css",
+        "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-deep-mobile-open-button/1.0.5/view.314cec4.js"
+      ],
+      "library": "AliVcDeepMobileOpenButton",
+      "components": null,
+      "packageName": "@ali/vc-deep-mobile-open-button",
+      "version": "1.0.5"
     },
-    "title": "文本",
-    "configure": {
-      "component": {
-        "isContainer": true
-      }
+    {
+      "prototypeViewsUrl": null,
+      "prototypeUrls": {
+        "default": [
+          "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-deep-mobile/2.0.1-beta.5/proto.bb4ec38.css",
+          "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-deep-mobile/2.0.1-beta.5/proto.ed31eab.js"
+        ]
+      },
+      "prototypeConfigsUrl": [
+        "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-deep-mobile/2.0.1-beta.5/proto.bb4ec38.css",
+        "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-deep-mobile/2.0.1-beta.5/proto.ed31eab.js"
+      ],
+      "alias": "",
+      "urls": [
+        "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-deep-mobile/2.0.1-beta.5/view.f2b6dde.css",
+        "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-deep-mobile/2.0.1-beta.5/view.46f546f.js",
+        "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-deep-mobile/2.0.1-beta.5/view.mobile.f2b6dde.css",
+        "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-deep-mobile/2.0.1-beta.5/view.mobile.6b901e9.js"
+      ],
+      "library": "AliVcDeepMobile",
+      "components": null,
+      "packageName": "@ali/vc-deep-mobile",
+      "version": "2.0.1-beta.5"
+    },
+    {
+      "prototypeViewsUrl": null,
+      "prototypeUrls": {
+        "default": ["https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-component/1.1.1/proto.55a6360.js"]
+      },
+      "prototypeConfigsUrl": [
+        "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-component/1.1.1/proto.55a6360.js"
+      ],
+      "alias": "",
+      "urls": [
+        "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-component/1.1.1/view.0e43387.css",
+        "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-component/1.1.1/view.4ea485d.js"
+      ],
+      "library": "AliVcComponent",
+      "components": null,
+      "packageName": "@ali/vc-component",
+      "version": "1.1.1"
+    },
+    {
+      "prototypeViewsUrl": null,
+      "prototypeUrls": {
+        "default": [
+          "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-block-wrapper/1.0.6/proto.1cca36a.css",
+          "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-block-wrapper/1.0.6/proto.a3ca779.js"
+        ]
+      },
+      "prototypeConfigsUrl": [
+        "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-block-wrapper/1.0.6/proto.1cca36a.css",
+        "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-block-wrapper/1.0.6/proto.a3ca779.js"
+      ],
+      "alias": "",
+      "urls": ["https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vc-block-wrapper/1.0.6/view.54ba1c5.js"],
+      "library": "AliVcBlockWrapper",
+      "components": null,
+      "packageName": "@ali/vc-block-wrapper",
+      "version": "1.0.6"
     }
-  }]
+  ],
+  "utilsDependencies": [
+    {
+      "prototypeViewsUrl": null,
+      "prototypeUrls": null,
+      "prototypeConfigsUrl": null,
+      "alias": "",
+      "urls": ["https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vu-toolkit/1.0.8/main.e3b517b.js"],
+      "library": "AliVuToolkit",
+      "components": null,
+      "packageName": "@ali/vu-toolkit",
+      "version": "1.0.8"
+    },
+    {
+      "prototypeViewsUrl": null,
+      "prototypeUrls": null,
+      "prototypeConfigsUrl": null,
+      "alias": "",
+      "urls": [
+        "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vu-fusion-miniapp/2.0.0/main.a9303b0.css",
+        "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vu-fusion-miniapp/2.0.0/main.0a9dcbf.js"
+      ],
+      "library": "AliVuFusionMiniapp",
+      "components": null,
+      "packageName": "@ali/vu-fusion-miniapp",
+      "version": "2.0.0"
+    },
+    {
+      "prototypeViewsUrl": null,
+      "prototypeUrls": null,
+      "prototypeConfigsUrl": null,
+      "alias": "",
+      "urls": ["https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vu-legao-builtin/1.4.0-beta.5/main.ce04344.js"],
+      "library": "AliVuLegaoBuiltin",
+      "components": null,
+      "packageName": "@ali/vu-legao-builtin",
+      "version": "1.4.0-beta.5"
+    },
+    {
+      "prototypeViewsUrl": null,
+      "prototypeUrls": null,
+      "prototypeConfigsUrl": null,
+      "alias": "",
+      "urls": ["https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vu-dataSource/1.0.4/main.f11b596.js"],
+      "library": "AliVuDataSource",
+      "components": null,
+      "packageName": "@ali/vu-dataSource",
+      "version": "1.0.4"
+    },
+    {
+      "prototypeViewsUrl": null,
+      "prototypeUrls": null,
+      "prototypeConfigsUrl": null,
+      "alias": "",
+      "urls": ["https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vu-formatter/2.0.0/main.60e759a.js"],
+      "library": "AliVuFormatter",
+      "components": null,
+      "packageName": "@ali/vu-formatter",
+      "version": "2.0.0"
+    },
+    {
+      "prototypeViewsUrl": null,
+      "prototypeUrls": null,
+      "prototypeConfigsUrl": null,
+      "alias": "",
+      "urls": ["https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vu-router-miniapp/0.1.1/main.3d126aa.js"],
+      "library": "AliVuRouterMiniapp",
+      "components": null,
+      "packageName": "@ali/vu-router-miniapp",
+      "version": "0.1.1"
+    },
+    {
+      "prototypeViewsUrl": null,
+      "prototypeUrls": null,
+      "prototypeConfigsUrl": null,
+      "alias": "universal",
+      "urls": ["https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/deep-mobile-universal-api/1.1.2/main.0cfe8ef.js"],
+      "library": "AliDeepMobileUniversalApi",
+      "components": null,
+      "packageName": "@ali/deep-mobile-universal-api",
+      "version": "1.1.2"
+    },
+    {
+      "prototypeViewsUrl": null,
+      "prototypeUrls": null,
+      "prototypeConfigsUrl": null,
+      "alias": "",
+      "urls": [
+        "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vu-router/1.2.1/main.5a856a4.css",
+        "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vu-router/1.2.1/main.e896278.js"
+      ],
+      "library": "AliVuRouter",
+      "components": null,
+      "packageName": "@ali/vu-router",
+      "version": "1.2.1"
+    },
+    {
+      "prototypeViewsUrl": null,
+      "prototypeUrls": null,
+      "prototypeConfigsUrl": null,
+      "alias": "",
+      "urls": [
+        "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vu-router-spa/1.3.13/main.bc8c738.css",
+        "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vu-router-spa/1.3.13/main.1cff595.js"
+      ],
+      "library": "AliVuRouterSpa",
+      "components": null,
+      "packageName": "@ali/vu-router-spa",
+      "version": "1.3.13"
+    },
+    {
+      "prototypeViewsUrl": null,
+      "prototypeUrls": null,
+      "prototypeConfigsUrl": null,
+      "alias": "",
+      "urls": ["https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vu-spm/1.1.11/main.2f6a6e1.js"],
+      "library": "AliVuSpm",
+      "components": null,
+      "packageName": "@ali/vu-spm",
+      "version": "1.1.11"
+    },
+    {
+      "prototypeViewsUrl": null,
+      "prototypeUrls": null,
+      "prototypeConfigsUrl": null,
+      "alias": "",
+      "urls": [
+        "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vu-switch-schema/1.0.7/main.1d9ec8c.css",
+        "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vu-switch-schema/1.0.7/main.0e44788.js"
+      ],
+      "library": "AliVuSwitchSchema",
+      "components": null,
+      "packageName": "@ali/vu-switch-schema",
+      "version": "1.0.7"
+    }
+  ],
+  "otherDependencies": [
+    {
+      "prototypeViewsUrl": null,
+      "prototypeUrls": null,
+      "prototypeConfigsUrl": null,
+      "alias": "",
+      "urls": [
+        "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vp-rax-vision-page/2.0.3/main.a344c97.css",
+        "https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vp-rax-vision-page/2.0.3/main.1b46312.js"
+      ],
+      "library": "AliVpRaxVisionPage",
+      "components": null,
+      "packageName": "@ali/vp-rax-vision-page",
+      "version": "2.0.3"
+    },
+    {
+      "prototypeViewsUrl": null,
+      "prototypeUrls": null,
+      "prototypeConfigsUrl": null,
+      "alias": "",
+      "urls": ["https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vm-router/1.0.8/main.fd43d18.js"],
+      "library": "AliVmRouter",
+      "components": null,
+      "packageName": "@ali/vm-router",
+      "version": "1.0.8"
+    },
+    {
+      "prototypeViewsUrl": null,
+      "prototypeUrls": null,
+      "prototypeConfigsUrl": null,
+      "alias": "",
+      "urls": ["https://g.alicdn.com/legao-comp/web_bundle_0724/@ali/vm-schema-nav/1.0.0/main.427ff0d.js"],
+      "library": "AliVmSchemaNav",
+      "components": null,
+      "packageName": "@ali/vm-schema-nav",
+      "version": "1.0.0"
+    }
+  ],
+  "lowCodeDependencies": []
 }
diff --git a/packages/demo/src/vision/index.ts b/packages/demo/src/vision/index.ts
index 3f9fc7dcb..27923d679 100644
--- a/packages/demo/src/vision/index.ts
+++ b/packages/demo/src/vision/index.ts
@@ -1,7 +1,7 @@
 /* eslint-disable */
 import { createElement } from 'react';
 import { Button } from '@alifd/next';
-import Engine, { Panes, Prototype } from '@ali/visualengine';
+import Engine, { Panes, Prototype, Editor } from '@ali/visualengine';
 import { ActionUtil as actionUtil } from '@ali/visualengine-utils';
 import getTrunkPane from '@ali/ve-trunk-pane';
 import DatapoolPane from '@ali/ve-datapool-pane';
@@ -102,8 +102,8 @@ context.use(HOOKS.VE_SETTING_FIELD_VARIABLE_SETTER, VariableSetter);
 const externals = ['react', 'react-dom', 'prop-types', 'react-router', 'react-router-dom', '@ali/recore'];
 
 async function loadAssets() {
-  // const legaoAssets = await editor.utils.get('./raxAssets.json');
-  const legaoAssets = await editor.utils.get('./legao-assets.json');
+  const legaoAssets = await editor.utils.get('./raxAssets.json');
+  // const legaoAssets = await editor.utils.get('./legao-assets.json');
 
   const assets = upgradeAssetsBundle(legaoAssets);
 
@@ -145,9 +145,12 @@ async function loadAssets() {
 }
 
 async function loadSchema() {
-  // const schema = await editor.utils.get('./rax.json');
-  const schema = await editor.utils.get('./schema.json');
+  const schema = await editor.utils.get('./rax.json');
+  // const schema = await editor.utils.get('./schema.json');
   editor.set('schema', schema);
+  editor.set('renderEnv', 'rax');
+  editor.set('clientTypes', ['mobile']);
+
 }
 
 // demo
@@ -515,5 +518,7 @@ async function init() {
   initDemoPanes();
   // initHistoryPane();
   Engine.init();
+  // Engine.Env.set('renderEnv', 'rax');
+
 }
 init();
diff --git a/packages/designer/CHANGELOG.md b/packages/designer/CHANGELOG.md
index 9243bc743..dbd839efc 100644
--- a/packages/designer/CHANGELOG.md
+++ b/packages/designer/CHANGELOG.md
@@ -3,6 +3,43 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+<a name="0.9.27"></a>
+## [0.9.27](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-designer@0.9.26...@ali/lowcode-designer@0.9.27) (2020-07-14)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-designer
+
+<a name="0.9.26"></a>
+## [0.9.26](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-designer@0.9.25...@ali/lowcode-designer@0.9.26) (2020-07-13)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-designer
+
+<a name="0.9.25"></a>
+## [0.9.25](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-designer@0.9.24...@ali/lowcode-designer@0.9.25) (2020-07-12)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-designer
+
+<a name="0.9.24"></a>
+## [0.9.24](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-designer@0.9.23...@ali/lowcode-designer@0.9.24) (2020-07-12)
+
+
+### Bug Fixes
+
+* nextId append the id of document ([80a5c93](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/80a5c93))
+* NodeChildren伪装为Array保证向前兼容 ([7950bf5](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/7950bf5))
+* 低代码组件 props 显示 object 问题 ([116498e](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/116498e))
+
+
+
+
 <a name="0.9.23"></a>
 ## [0.9.23](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-designer@0.9.21...@ali/lowcode-designer@0.9.23) (2020-06-23)
 
diff --git a/packages/designer/package.json b/packages/designer/package.json
index 2e7888cda..8fed27d67 100644
--- a/packages/designer/package.json
+++ b/packages/designer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ali/lowcode-designer",
-  "version": "0.9.23",
+  "version": "0.9.27",
   "description": "Designer for Ali LowCode Engine",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -15,9 +15,9 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@ali/lowcode-editor-core": "^0.8.19",
-    "@ali/lowcode-types": "^0.8.9",
-    "@ali/lowcode-utils": "^0.8.10",
+    "@ali/lowcode-editor-core": "^0.8.21",
+    "@ali/lowcode-types": "^0.8.11",
+    "@ali/lowcode-utils": "^0.8.12",
     "classnames": "^2.2.6",
     "event": "^1.0.0",
     "react": "^16",
diff --git a/packages/designer/src/builtin-simulator/host.ts b/packages/designer/src/builtin-simulator/host.ts
index 90dcb608c..6f555e9e7 100644
--- a/packages/designer/src/builtin-simulator/host.ts
+++ b/packages/designer/src/builtin-simulator/host.ts
@@ -442,7 +442,8 @@ export class BuiltinSimulatorHost implements ISimulatorHost<BuiltinSimulatorProp
         const node = nodeInst.node || this.document.rootNode;
 
         const rootElement = this.findDOMNodes(nodeInst.instance, node.componentMeta.rootSelector)?.find((item) =>
-          item.contains(targetElement),
+          // 可能是 [null];
+          item && item.contains(targetElement),
         ) as HTMLElement;
         if (!rootElement) {
           return;
diff --git a/packages/designer/src/document/document-model.ts b/packages/designer/src/document/document-model.ts
index 2b00d5239..8e0eb3911 100644
--- a/packages/designer/src/document/document-model.ts
+++ b/packages/designer/src/document/document-model.ts
@@ -119,13 +119,6 @@ export class DocumentModel {
   }
 
   readonly designer = this.project.designer;
-  //  getAddonData(name: string) {
-  //   const addon = this.addons.find((item) => item.name === name);
-  //   if (addon) {
-  //     return addon.exportData();
-  //   }
-  //   return this.addonsData[name];
-  // }
 
   /**
    * 生成唯一id
@@ -170,7 +163,7 @@ export class DocumentModel {
     }
 
     let node: Node | null = null;
-    if (!this.inited) {
+    if (this.inited) {
       schema.id = null;
     }
     if (schema.id) {
@@ -254,14 +247,6 @@ export class DocumentModel {
     this.selection.remove(node.id);
     node.remove();
   }
-  getAddonData(name: string) {
-    const addon = this.getNode(name);
-    if (addon) {
-      // 无法确定是否有这个api
-      // return addon.exportData();
-    }
-    return addon;
-  }
 
   @obx.ref private _dropLocation: DropLocation | null = null;
   /**
@@ -520,7 +505,7 @@ export class DocumentModel {
     };
   }
 
-  setRendererReady(renderer) {
+  setRendererReady(renderer: any) {
     this.emitter.emit('lowcode_engine_renderer_ready', renderer);
   }
 
diff --git a/packages/designer/src/document/node/node.ts b/packages/designer/src/document/node/node.ts
index 0369a43b1..ba4db3378 100644
--- a/packages/designer/src/document/node/node.ts
+++ b/packages/designer/src/document/node/node.ts
@@ -101,7 +101,7 @@ export class Node<Schema extends NodeSchema = NodeSchema> {
   /**
    * @deprecated
    */
-  private _addons: { [key: string]: any } = {};
+  private _addons: { [key: string]: { exportData: () => any; isProp: boolean; } } = {};
   @obx.ref private _parent: ParentalNode | null = null;
   /**
    * 父级节点
@@ -157,17 +157,18 @@ export class Node<Schema extends NodeSchema = NodeSchema> {
       this.props = new Props(this, props, extras);
       this._children = new NodeChildren(this as ParentalNode, this.initialChildren(children));
       this._children.interalInitParent();
-      this.props.import(this.transformProps(props || {}), extras);
+      this.props.import(this.upgradeProps(this.initProps(props || {})), this.upgradeProps(extras || {}));
       this.setupAutoruns();
     }
 
     this.settingEntry = this.document.designer.createSettingEntry([ this ]);
   }
 
-  private transformProps(props: any): any {
-    // FIXME! support PropsList
+  private initProps(props: any): any {
     return this.document.designer.transformProps(props, this, TransformStage.Init);
-    // TODO: run transducers in metadata.experimental
+  }
+  private upgradeProps(props: any): any {
+    return this.document.designer.transformProps(props, this, TransformStage.Upgrade);
   }
 
   private autoruns?: Array<() => void>;
@@ -542,14 +543,16 @@ export class Node<Schema extends NodeSchema = NodeSchema> {
     const _extras_: { [key: string]: any } = {
       ...extras,
     };
-    if (_extras_) {
-      Object.keys(_extras_).forEach((key) => {
-        const addon = this._addons[key];
-        if (addon) {
-          _extras_[key] = addon();
+    Object.keys(this._addons).forEach((key) => {
+      const addon = this._addons[key];
+      if (addon) {
+        if (addon.isProp) {
+          (props as any)[getConvertedExtraKey(key)] = addon.exportData();
+        } else {
+          _extras_[key] = addon.exportData();
         }
-      });
-    }
+      }
+    });
 
     const schema: any = {
       ...baseSchema,
@@ -755,19 +758,19 @@ export class Node<Schema extends NodeSchema = NodeSchema> {
   getAddonData(key: string) {
     const addon = this._addons[key];
     if (addon) {
-      return addon();
+      return addon.exportData();
     }
-    return this.getExtraProp(key)?.value;
+    return this.getExtraProp(key)?.getValue();
   }
   /**
    * @deprecated
    */
-  registerAddon(key: string, exportData: any) {
+  registerAddon(key: string, exportData: () => any, isProp: boolean = false) {
     if (this._addons[key]) {
       throw new Error(`node addon ${key} exist`);
     }
 
-    this._addons[key] = exportData;
+    this._addons[key] = { exportData, isProp };
   }
 
   getRect(): DOMRect | null {
diff --git a/packages/editor-core/CHANGELOG.md b/packages/editor-core/CHANGELOG.md
index 71f977c99..b0e58b5bb 100644
--- a/packages/editor-core/CHANGELOG.md
+++ b/packages/editor-core/CHANGELOG.md
@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+<a name="0.8.21"></a>
+## [0.8.21](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-editor-core@0.8.20...@ali/lowcode-editor-core@0.8.21) (2020-07-13)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-editor-core
+
+<a name="0.8.20"></a>
+## [0.8.20](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-editor-core@0.8.19...@ali/lowcode-editor-core@0.8.20) (2020-07-12)
+
+
+### Bug Fixes
+
+* 修复删除时，当前组件信息丢失问题 ([3bd1248](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/3bd1248))
+
+
+
+
 <a name="0.8.19"></a>
 ## [0.8.19](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-editor-core@0.8.17...@ali/lowcode-editor-core@0.8.19) (2020-06-23)
 
diff --git a/packages/editor-core/package.json b/packages/editor-core/package.json
index 4eef2a14f..9a850913f 100644
--- a/packages/editor-core/package.json
+++ b/packages/editor-core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ali/lowcode-editor-core",
-  "version": "0.8.19",
+  "version": "0.8.21",
   "description": "Core Api for Ali lowCode engine",
   "license": "MIT",
   "main": "lib/index.js",
@@ -15,8 +15,8 @@
     "cloud-build": "build-scripts build --skip-demo"
   },
   "dependencies": {
-    "@ali/lowcode-types": "^0.8.9",
-    "@ali/lowcode-utils": "^0.8.10",
+    "@ali/lowcode-types": "^0.8.11",
+    "@ali/lowcode-utils": "^0.8.12",
     "@alifd/next": "^1.19.16",
     "@recore/obx": "^1.0.9",
     "@recore/obx-react": "^1.0.8",
diff --git a/packages/editor-preset-general/CHANGELOG.md b/packages/editor-preset-general/CHANGELOG.md
index 28faee4c7..da8819415 100644
--- a/packages/editor-preset-general/CHANGELOG.md
+++ b/packages/editor-preset-general/CHANGELOG.md
@@ -3,6 +3,38 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+<a name="0.9.12"></a>
+## [0.9.12](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-editor-preset-general@0.9.11...@ali/lowcode-editor-preset-general@0.9.12) (2020-07-14)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-editor-preset-general
+
+<a name="0.9.11"></a>
+## [0.9.11](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-editor-preset-general@0.9.10...@ali/lowcode-editor-preset-general@0.9.11) (2020-07-13)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-editor-preset-general
+
+<a name="0.9.10"></a>
+## [0.9.10](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-editor-preset-general@0.9.9...@ali/lowcode-editor-preset-general@0.9.10) (2020-07-12)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-editor-preset-general
+
+<a name="0.9.9"></a>
+## [0.9.9](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-editor-preset-general@0.9.8...@ali/lowcode-editor-preset-general@0.9.9) (2020-07-12)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-editor-preset-general
+
 <a name="0.9.8"></a>
 ## [0.9.8](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-editor-preset-general@0.9.7...@ali/lowcode-editor-preset-general@0.9.8) (2020-06-23)
 
diff --git a/packages/editor-preset-general/package.json b/packages/editor-preset-general/package.json
index e98a17209..9857247d8 100644
--- a/packages/editor-preset-general/package.json
+++ b/packages/editor-preset-general/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ali/lowcode-editor-preset-general",
-  "version": "0.9.8",
+  "version": "0.9.12",
   "private": true,
   "description": "Ali General Editor Preset",
   "main": "lib/index.js",
@@ -15,12 +15,12 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@ali/lowcode-editor-core": "^0.8.19",
-    "@ali/lowcode-editor-skeleton": "^0.8.29",
-    "@ali/lowcode-plugin-designer": "^0.9.23",
-    "@ali/lowcode-plugin-outline-pane": "^0.8.29",
-    "@ali/lowcode-types": "^0.8.9",
-    "@ali/lowcode-utils": "^0.8.10",
+    "@ali/lowcode-editor-core": "^0.8.21",
+    "@ali/lowcode-editor-skeleton": "^0.8.33",
+    "@ali/lowcode-plugin-designer": "^0.9.27",
+    "@ali/lowcode-plugin-outline-pane": "^0.8.33",
+    "@ali/lowcode-types": "^0.8.11",
+    "@ali/lowcode-utils": "^0.8.12",
     "@alifd/next": "^1.19.12",
     "@alife/theme-lowcode-dark": "^0.1.0",
     "@alife/theme-lowcode-light": "^0.1.0",
@@ -28,7 +28,7 @@
     "react-dom": "^16.8.1"
   },
   "devDependencies": {
-    "@ali/lowcode-editor-setters": "^0.9.5",
+    "@ali/lowcode-editor-setters": "^0.9.7",
     "@alib/build-scripts": "^0.1.18",
     "@types/events": "^3.0.0",
     "@types/react": "^16.8.3",
diff --git a/packages/editor-preset-vision/CHANGELOG.md b/packages/editor-preset-vision/CHANGELOG.md
index aeca1e8b2..b6e31334f 100644
--- a/packages/editor-preset-vision/CHANGELOG.md
+++ b/packages/editor-preset-vision/CHANGELOG.md
@@ -3,6 +3,38 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+<a name="0.8.28"></a>
+## [0.8.28](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-editor-preset-vision@0.8.27...@ali/lowcode-editor-preset-vision@0.8.28) (2020-07-14)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-editor-preset-vision
+
+<a name="0.8.27"></a>
+## [0.8.27](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-editor-preset-vision@0.8.26...@ali/lowcode-editor-preset-vision@0.8.27) (2020-07-13)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-editor-preset-vision
+
+<a name="0.8.26"></a>
+## [0.8.26](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-editor-preset-vision@0.8.25...@ali/lowcode-editor-preset-vision@0.8.26) (2020-07-12)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-editor-preset-vision
+
+<a name="0.8.25"></a>
+## [0.8.25](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-editor-preset-vision@0.8.24...@ali/lowcode-editor-preset-vision@0.8.25) (2020-07-12)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-editor-preset-vision
+
 <a name="0.8.24"></a>
 ## [0.8.24](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-editor-preset-vision@0.8.23...@ali/lowcode-editor-preset-vision@0.8.24) (2020-06-24)
 
diff --git a/packages/editor-preset-vision/package.json b/packages/editor-preset-vision/package.json
index 36c5428d2..eb02c827d 100644
--- a/packages/editor-preset-vision/package.json
+++ b/packages/editor-preset-vision/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ali/lowcode-editor-preset-vision",
-  "version": "0.8.24",
+  "version": "0.8.28",
   "private": true,
   "description": "Vision Polyfill for Ali lowCode engine",
   "main": "lib/index.js",
@@ -15,11 +15,11 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@ali/lowcode-designer": "^0.9.23",
-    "@ali/lowcode-editor-core": "^0.8.19",
-    "@ali/lowcode-editor-skeleton": "^0.8.29",
-    "@ali/lowcode-plugin-designer": "^0.9.23",
-    "@ali/lowcode-plugin-outline-pane": "^0.8.29",
+    "@ali/lowcode-designer": "^0.9.27",
+    "@ali/lowcode-editor-core": "^0.8.21",
+    "@ali/lowcode-editor-skeleton": "^0.8.33",
+    "@ali/lowcode-plugin-designer": "^0.9.27",
+    "@ali/lowcode-plugin-outline-pane": "^0.8.33",
     "@ali/ve-i18n-util": "^2.0.0",
     "@ali/ve-icons": "^4.1.9",
     "@ali/ve-less-variables": "2.0.3",
diff --git a/packages/editor-preset-vision/src/editor.ts b/packages/editor-preset-vision/src/editor.ts
index d8669460a..efc3accb5 100644
--- a/packages/editor-preset-vision/src/editor.ts
+++ b/packages/editor-preset-vision/src/editor.ts
@@ -74,14 +74,16 @@ function upgradePropsReducer(props: any) {
   return newProps;
 }
 // 升级 Props
-designer.addPropsReducer(upgradePropsReducer, TransformStage.Init);
+designer.addPropsReducer(upgradePropsReducer, TransformStage.Upgrade);
 
 // 节点 props 初始化
 designer.addPropsReducer((props, node) => {
   // run initials
   const initials = node.componentMeta.getMetadata().experimental?.initials;
   if (initials) {
-    const newProps: any = {};
+    const newProps: any = {
+      ...props,
+    };
     initials.forEach((item) => {
       // FIXME! this implements SettingTarget
       try {
diff --git a/packages/editor-setters/CHANGELOG.md b/packages/editor-setters/CHANGELOG.md
index 3ea9745a1..ecfe30ddf 100644
--- a/packages/editor-setters/CHANGELOG.md
+++ b/packages/editor-setters/CHANGELOG.md
@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+<a name="0.9.7"></a>
+## [0.9.7](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-editor-setters@0.9.6...@ali/lowcode-editor-setters@0.9.7) (2020-07-13)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-editor-setters
+
+<a name="0.9.6"></a>
+## [0.9.6](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-editor-setters@0.9.5...@ali/lowcode-editor-setters@0.9.6) (2020-07-12)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-editor-setters
+
 <a name="0.9.5"></a>
 ## [0.9.5](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-editor-setters@0.9.4...@ali/lowcode-editor-setters@0.9.5) (2020-06-23)
 
diff --git a/packages/editor-setters/package.json b/packages/editor-setters/package.json
index bf579ff12..45381b226 100644
--- a/packages/editor-setters/package.json
+++ b/packages/editor-setters/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ali/lowcode-editor-setters",
-  "version": "0.9.5",
+  "version": "0.9.7",
   "description": "Builtin setters for Ali lowCode engine",
   "files": [
     "es",
@@ -22,7 +22,7 @@
     "@ali/iceluna-comp-react-node": "^1.0.5",
     "@ali/iceluna-sdk": "^1.0.5-beta.24",
     "@ali/lc-style-setter": "^0.0.1",
-    "@ali/lowcode-editor-core": "^0.8.19",
+    "@ali/lowcode-editor-core": "^0.8.21",
     "@alifd/next": "^1.19.16",
     "acorn": "^6.4.1",
     "classnames": "^2.2.6",
diff --git a/packages/editor-skeleton/CHANGELOG.md b/packages/editor-skeleton/CHANGELOG.md
index f015ab3db..bc616b774 100644
--- a/packages/editor-skeleton/CHANGELOG.md
+++ b/packages/editor-skeleton/CHANGELOG.md
@@ -3,6 +3,44 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+<a name="0.8.33"></a>
+## [0.8.33](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-editor-skeleton@0.8.32...@ali/lowcode-editor-skeleton@0.8.33) (2020-07-14)
+
+
+### Bug Fixes
+
+* 右侧配置面板面包屑点击无效 ([353fb10](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/353fb10))
+
+
+
+
+<a name="0.8.32"></a>
+## [0.8.32](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-editor-skeleton@0.8.31...@ali/lowcode-editor-skeleton@0.8.32) (2020-07-13)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-editor-skeleton
+
+<a name="0.8.31"></a>
+## [0.8.31](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-editor-skeleton@0.8.30...@ali/lowcode-editor-skeleton@0.8.31) (2020-07-12)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-editor-skeleton
+
+<a name="0.8.30"></a>
+## [0.8.30](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-editor-skeleton@0.8.29...@ali/lowcode-editor-skeleton@0.8.30) (2020-07-12)
+
+
+### Bug Fixes
+
+* 区块模板切换之后数据不显示 ([292c1c3](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/292c1c3))
+
+
+
+
 <a name="0.8.29"></a>
 ## [0.8.29](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-editor-skeleton@0.8.27...@ali/lowcode-editor-skeleton@0.8.29) (2020-06-23)
 
diff --git a/packages/editor-skeleton/package.json b/packages/editor-skeleton/package.json
index c57202c22..891e1d872 100644
--- a/packages/editor-skeleton/package.json
+++ b/packages/editor-skeleton/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ali/lowcode-editor-skeleton",
-  "version": "0.8.29",
+  "version": "0.8.33",
   "description": "alibaba lowcode editor skeleton",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -19,10 +19,10 @@
     "editor"
   ],
   "dependencies": {
-    "@ali/lowcode-designer": "^0.9.23",
-    "@ali/lowcode-editor-core": "^0.8.19",
-    "@ali/lowcode-types": "^0.8.9",
-    "@ali/lowcode-utils": "^0.8.10",
+    "@ali/lowcode-designer": "^0.9.27",
+    "@ali/lowcode-editor-core": "^0.8.21",
+    "@ali/lowcode-types": "^0.8.11",
+    "@ali/lowcode-utils": "^0.8.12",
     "@alifd/next": "^1.20.12",
     "classnames": "^2.2.6",
     "react": "^16.8.1",
diff --git a/packages/editor-skeleton/src/components/field/index.less b/packages/editor-skeleton/src/components/field/index.less
index 180832167..6e4cc3560 100644
--- a/packages/editor-skeleton/src/components/field/index.less
+++ b/packages/editor-skeleton/src/components/field/index.less
@@ -1,8 +1,7 @@
-@x-gap: 10px;
+@x-gap: 12px;
 @y-gap: 8px;
 
 .lc-field {
-  // head
   .lc-field-head {
     display: flex;
     align-items: center;
@@ -61,23 +60,11 @@
       }
     }
     .lc-field-icon {
-      // margin-right: @x-gap;
       transform-origin: center;
       transition: transform 0.1s;
     }
   }
 
-  // &.lc-plain-field {
-  //   // for top-level style
-  //   // padding: 8px 10px;
-  //   > .lc-field-body {
-  //     flex: 1;
-  //     min-width: 0;
-  //     display: flex;
-  //     align-items: center;
-  //   }
-  // }
-
   &.lc-inline-field {
     display: flex;
     align-items: center;
@@ -111,29 +98,33 @@
 
   &.lc-block-field, &.lc-accordion-field {
     display: block;
-    &:not(:first-child) {
-      border-top: 1px solid var(--color-line-normal);
+    &:first-child {
+      > .lc-field-head {
+        border-top: none;
+      }
     }
     > .lc-field-head {
-      // padding-left: @x-gap;
       height: 32px;
       display: flex;
       align-items: center;
       font-weight: 500;
-      // background: var(--color-block-background-shallow, rgba(31,56,88,.06));
-      // border-bottom: 1px solid var(--color-line-normal);
-      // color: var(--color-title);
+      background: var(--color-block-background-shallow, rgba(31,56,88,.06));
+      border-top: 1px solid var(--color-line-normal,rgba(31,56,88,.1));
+      border-bottom: 1px solid var(--color-line-normal,rgba(31,56,88,.1));
+      color: var(--color-title);
       padding: 0 16px;
-      background-color: #F7F9FC;
-      color: #8F9BB3;
       user-select: none;
+
+      > .lc-field-icon {
+        color: #8F9BB3;
+      }
     }
 
     > .lc-field-body {
       // padding: @y-gap @x-gap/2;
-      padding: 16px;
+      padding: 12px;
       .lc-inline-field{
-        margin-bottom: 16px;
+        margin-bottom: 12px;
         &:last-child{
           margin-bottom: 0;
         }
@@ -162,10 +153,15 @@
 
   &.lc-accordion-field {
     position: relative;
-    // collapsed
-    &:last-child.lc-field-is-collapsed{
-      border-bottom: 1px solid var(--color-line-normal);
+    
+    &.lc-field-is-collapsed {
+      margin-bottom: 6px;
     }
+
+    // collapsed
+    // &:last-child.lc-field-is-collapsed{
+    //   border-bottom: 1px solid var(--color-line-normal);
+    // }
     &.lc-field-is-collapsed {
       > .lc-field-head .lc-field-icon {
         transform: rotate(180deg);
@@ -200,14 +196,19 @@
 
     .lc-accordion-field, .lc-block-field {
       > .lc-field-head {
-        padding-left: @x-gap/2;
+        padding-left: @x-gap;
         background: var(--color-block-background-light);
-        border-bottom-color: var(--color-line-light, rgba(31, 56, 88, .1));
+        border-bottom: none;
+        border-top: none;
         > .lc-field-icon {
           // margin-right: @x-gap/2;
           margin-right: 0;
         }
       }
+
+      > .lc-field-body {
+        padding: 8px;
+      }
     }
 
     // 3rd level field title width should short
diff --git a/packages/editor-skeleton/src/components/mixed-setter/style.less b/packages/editor-skeleton/src/components/mixed-setter/style.less
index 759fab709..7c81faab6 100644
--- a/packages/editor-skeleton/src/components/mixed-setter/style.less
+++ b/packages/editor-skeleton/src/components/mixed-setter/style.less
@@ -6,7 +6,7 @@
   position: relative;
   >.lc-setter-actions {
     position: absolute;
-    right: -2px;
+    right: -4px;
     top: 50%;
     transform: translate(100%, -50%);
     .lc-switch-trigger {
@@ -18,11 +18,19 @@
     }
     .lc-title {
       cursor: pointer;
+
+      .lc-title-icon svg {
+        fill: #8F9BB3;
+      }
     }
     .variable-binded {
       background: var(--color-brand, #006cff);
       color: #fff!important;
       border-radius: 3px;
+
+      .lc-title-icon svg {
+        fill: #fff;
+      }
     }
   }
   .next-input,.next-date-picker,.next-month-picker {
@@ -42,7 +50,7 @@
   margin-right: 0;
   >.lc-setter-actions {
     position: absolute;
-    right: 16px;
+    right: 12px;
     top: 0;
     height: 32px;
     transform: none;
@@ -56,8 +64,8 @@
   position: static;
   margin-right: 0;
   > .lc-setter-actions{
-    right: 32px;
-    top: 6px;
+    right: 36px;
+    top: 4px;
     transform: none;
   }
 }
diff --git a/packages/editor-skeleton/src/components/settings/settings-primary-pane.tsx b/packages/editor-skeleton/src/components/settings/settings-primary-pane.tsx
index 7ce04e9ca..02a49f112 100644
--- a/packages/editor-skeleton/src/components/settings/settings-primary-pane.tsx
+++ b/packages/editor-skeleton/src/components/settings/settings-primary-pane.tsx
@@ -42,22 +42,26 @@ export class SettingsPrimaryPane extends Component<{ editor: Editor }> {
     const items = [];
     let l = 3;
     while (l-- > 0 && node) {
+      const _node = node;
       const props =
         l === 2
           ? {}
           : {
-            onMouseOver: hoverNode.bind(null, node, true),
-            onMouseOut: hoverNode.bind(null, node, false),
+            onMouseOver: hoverNode.bind(null, _node, true),
+            onMouseOut: hoverNode.bind(null, _node, false),
             onClick: () => {
-              selectNode.call(null, node);
-              const getName = (node) => {
+              if (!_node) {
+                return;
+              }
+              selectNode.call(null, _node);
+              const getName = (node: any) => {
                 const npm = node?.componentMeta?.npm;
                 return [npm?.package, npm?.componentName].filter((item) => !!item).join('-') ||
                   node?.componentMeta?.componentName ||
                   '';
               };
               const selected = getName(current);
-              const target = getName(node);
+              const target = getName(_node);
               editor?.emit('skeleton.settingsPane.Breadcrumb', {
                 selected,
                 target,
diff --git a/packages/plugin-components-pane/CHANGELOG.md b/packages/plugin-components-pane/CHANGELOG.md
index 49eae1ceb..5db5e527a 100644
--- a/packages/plugin-components-pane/CHANGELOG.md
+++ b/packages/plugin-components-pane/CHANGELOG.md
@@ -3,6 +3,38 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+<a name="0.8.29"></a>
+## [0.8.29](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-plugin-components-pane@0.8.28...@ali/lowcode-plugin-components-pane@0.8.29) (2020-07-14)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-plugin-components-pane
+
+<a name="0.8.28"></a>
+## [0.8.28](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-plugin-components-pane@0.8.27...@ali/lowcode-plugin-components-pane@0.8.28) (2020-07-13)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-plugin-components-pane
+
+<a name="0.8.27"></a>
+## [0.8.27](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-plugin-components-pane@0.8.26...@ali/lowcode-plugin-components-pane@0.8.27) (2020-07-12)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-plugin-components-pane
+
+<a name="0.8.26"></a>
+## [0.8.26](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-plugin-components-pane@0.8.25...@ali/lowcode-plugin-components-pane@0.8.26) (2020-07-12)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-plugin-components-pane
+
 <a name="0.8.25"></a>
 ## [0.8.25](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-plugin-components-pane@0.8.24...@ali/lowcode-plugin-components-pane@0.8.25) (2020-06-23)
 
diff --git a/packages/plugin-components-pane/package.json b/packages/plugin-components-pane/package.json
index 77e9ab350..d1f936966 100644
--- a/packages/plugin-components-pane/package.json
+++ b/packages/plugin-components-pane/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ali/lowcode-plugin-components-pane",
-  "version": "0.8.25",
+  "version": "0.8.29",
   "description": "alibaba lowcode editor component-list plugin",
   "files": [
     "es/",
@@ -20,9 +20,9 @@
   ],
   "author": "xiayang.xy",
   "dependencies": {
-    "@ali/lowcode-designer": "^0.9.23",
-    "@ali/lowcode-editor-core": "^0.8.19",
-    "@ali/lowcode-types": "^0.8.9",
+    "@ali/lowcode-designer": "^0.9.27",
+    "@ali/lowcode-editor-core": "^0.8.21",
+    "@ali/lowcode-types": "^0.8.11",
     "@ali/ve-component-list": "^1.1.1",
     "@alifd/next": "^1.19.19",
     "react": "^16.8.1"
diff --git a/packages/plugin-designer/CHANGELOG.md b/packages/plugin-designer/CHANGELOG.md
index 5f29c5be8..d885ed6ca 100644
--- a/packages/plugin-designer/CHANGELOG.md
+++ b/packages/plugin-designer/CHANGELOG.md
@@ -3,6 +3,38 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+<a name="0.9.27"></a>
+## [0.9.27](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-plugin-designer@0.9.26...@ali/lowcode-plugin-designer@0.9.27) (2020-07-14)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-plugin-designer
+
+<a name="0.9.26"></a>
+## [0.9.26](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-plugin-designer@0.9.25...@ali/lowcode-plugin-designer@0.9.26) (2020-07-13)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-plugin-designer
+
+<a name="0.9.25"></a>
+## [0.9.25](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-plugin-designer@0.9.24...@ali/lowcode-plugin-designer@0.9.25) (2020-07-12)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-plugin-designer
+
+<a name="0.9.24"></a>
+## [0.9.24](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-plugin-designer@0.9.23...@ali/lowcode-plugin-designer@0.9.24) (2020-07-12)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-plugin-designer
+
 <a name="0.9.23"></a>
 ## [0.9.23](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-plugin-designer@0.9.21...@ali/lowcode-plugin-designer@0.9.23) (2020-06-23)
 
diff --git a/packages/plugin-designer/package.json b/packages/plugin-designer/package.json
index bed8ea603..80797c689 100644
--- a/packages/plugin-designer/package.json
+++ b/packages/plugin-designer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ali/lowcode-plugin-designer",
-  "version": "0.9.23",
+  "version": "0.9.27",
   "description": "alibaba lowcode editor designer plugin",
   "files": [
     "es",
@@ -20,8 +20,8 @@
   ],
   "author": "xiayang.xy",
   "dependencies": {
-    "@ali/lowcode-designer": "^0.9.23",
-    "@ali/lowcode-editor-core": "^0.8.19",
+    "@ali/lowcode-designer": "^0.9.27",
+    "@ali/lowcode-editor-core": "^0.8.21",
     "react": "^16.8.1",
     "react-dom": "^16.8.1"
   },
diff --git a/packages/plugin-event-bind-dialog/CHANGELOG.md b/packages/plugin-event-bind-dialog/CHANGELOG.md
index 79faa2569..8efff9246 100644
--- a/packages/plugin-event-bind-dialog/CHANGELOG.md
+++ b/packages/plugin-event-bind-dialog/CHANGELOG.md
@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+<a name="0.8.20"></a>
+## [0.8.20](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-plugin-event-bind-dialog@0.8.19...@ali/lowcode-plugin-event-bind-dialog@0.8.20) (2020-07-13)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-plugin-event-bind-dialog
+
+<a name="0.8.19"></a>
+## [0.8.19](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-plugin-event-bind-dialog@0.8.18...@ali/lowcode-plugin-event-bind-dialog@0.8.19) (2020-07-12)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-plugin-event-bind-dialog
+
 <a name="0.8.18"></a>
 ## [0.8.18](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-plugin-event-bind-dialog@0.8.17...@ali/lowcode-plugin-event-bind-dialog@0.8.18) (2020-06-23)
 
diff --git a/packages/plugin-event-bind-dialog/package.json b/packages/plugin-event-bind-dialog/package.json
index 546449d67..e53473bcd 100644
--- a/packages/plugin-event-bind-dialog/package.json
+++ b/packages/plugin-event-bind-dialog/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ali/lowcode-plugin-event-bind-dialog",
-  "version": "0.8.18",
+  "version": "0.8.20",
   "description": "alibaba lowcode editor event bind dialog plugin",
   "files": [
     "es",
@@ -19,8 +19,8 @@
   ],
   "author": "zude.hzd",
   "dependencies": {
-    "@ali/lowcode-editor-core": "^0.8.19",
-    "@ali/lowcode-types": "^0.8.9",
+    "@ali/lowcode-editor-core": "^0.8.21",
+    "@ali/lowcode-types": "^0.8.11",
     "@alifd/next": "^1.19.16",
     "react": "^16.8.1",
     "react-dom": "^16.8.1"
diff --git a/packages/plugin-outline-pane/CHANGELOG.md b/packages/plugin-outline-pane/CHANGELOG.md
index 3b1c92629..b897664b2 100644
--- a/packages/plugin-outline-pane/CHANGELOG.md
+++ b/packages/plugin-outline-pane/CHANGELOG.md
@@ -3,6 +3,38 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+<a name="0.8.33"></a>
+## [0.8.33](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-plugin-outline-pane@0.8.32...@ali/lowcode-plugin-outline-pane@0.8.33) (2020-07-14)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-plugin-outline-pane
+
+<a name="0.8.32"></a>
+## [0.8.32](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-plugin-outline-pane@0.8.31...@ali/lowcode-plugin-outline-pane@0.8.32) (2020-07-13)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-plugin-outline-pane
+
+<a name="0.8.31"></a>
+## [0.8.31](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-plugin-outline-pane@0.8.30...@ali/lowcode-plugin-outline-pane@0.8.31) (2020-07-12)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-plugin-outline-pane
+
+<a name="0.8.30"></a>
+## [0.8.30](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-plugin-outline-pane@0.8.29...@ali/lowcode-plugin-outline-pane@0.8.30) (2020-07-12)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-plugin-outline-pane
+
 <a name="0.8.29"></a>
 ## [0.8.29](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-plugin-outline-pane@0.8.27...@ali/lowcode-plugin-outline-pane@0.8.29) (2020-06-23)
 
diff --git a/packages/plugin-outline-pane/package.json b/packages/plugin-outline-pane/package.json
index 7cfa70527..c7330826d 100644
--- a/packages/plugin-outline-pane/package.json
+++ b/packages/plugin-outline-pane/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ali/lowcode-plugin-outline-pane",
-  "version": "0.8.29",
+  "version": "0.8.33",
   "description": "Outline pane for Ali lowCode engine",
   "files": [
     "es",
@@ -14,10 +14,10 @@
     "test:snapshot": "ava --update-snapshots"
   },
   "dependencies": {
-    "@ali/lowcode-designer": "^0.9.23",
-    "@ali/lowcode-editor-core": "^0.8.19",
-    "@ali/lowcode-types": "^0.8.9",
-    "@ali/lowcode-utils": "^0.8.10",
+    "@ali/lowcode-designer": "^0.9.27",
+    "@ali/lowcode-editor-core": "^0.8.21",
+    "@ali/lowcode-types": "^0.8.11",
+    "@ali/lowcode-utils": "^0.8.12",
     "@alifd/next": "^1.19.16",
     "classnames": "^2.2.6",
     "react": "^16",
diff --git a/packages/plugin-sample-logo/CHANGELOG.md b/packages/plugin-sample-logo/CHANGELOG.md
index 37d8bc183..c9fdfa3f1 100644
--- a/packages/plugin-sample-logo/CHANGELOG.md
+++ b/packages/plugin-sample-logo/CHANGELOG.md
@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+<a name="0.8.19"></a>
+## [0.8.19](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-plugin-sample-logo@0.8.18...@ali/lowcode-plugin-sample-logo@0.8.19) (2020-07-13)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-plugin-sample-logo
+
+<a name="0.8.18"></a>
+## [0.8.18](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-plugin-sample-logo@0.8.17...@ali/lowcode-plugin-sample-logo@0.8.18) (2020-07-12)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-plugin-sample-logo
+
 <a name="0.8.17"></a>
 ## [0.8.17](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-plugin-sample-logo@0.8.16...@ali/lowcode-plugin-sample-logo@0.8.17) (2020-06-23)
 
diff --git a/packages/plugin-sample-logo/package.json b/packages/plugin-sample-logo/package.json
index 3f44f30da..b5247553d 100644
--- a/packages/plugin-sample-logo/package.json
+++ b/packages/plugin-sample-logo/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ali/lowcode-plugin-sample-logo",
-  "version": "0.8.17",
+  "version": "0.8.19",
   "description": "alibaba lowcode editor logo plugin",
   "files": [
     "es/",
@@ -20,7 +20,7 @@
   ],
   "author": "xiayang.xy",
   "dependencies": {
-    "@ali/lowcode-editor-core": "^0.8.19",
+    "@ali/lowcode-editor-core": "^0.8.21",
     "react": "^16.8.1"
   },
   "devDependencies": {
diff --git a/packages/plugin-sample-preview/CHANGELOG.md b/packages/plugin-sample-preview/CHANGELOG.md
index 241436b35..1a529346c 100644
--- a/packages/plugin-sample-preview/CHANGELOG.md
+++ b/packages/plugin-sample-preview/CHANGELOG.md
@@ -3,6 +3,38 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+<a name="0.8.31"></a>
+## [0.8.31](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-plugin-sample-preview@0.8.30...@ali/lowcode-plugin-sample-preview@0.8.31) (2020-07-14)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-plugin-sample-preview
+
+<a name="0.8.30"></a>
+## [0.8.30](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-plugin-sample-preview@0.8.29...@ali/lowcode-plugin-sample-preview@0.8.30) (2020-07-13)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-plugin-sample-preview
+
+<a name="0.8.29"></a>
+## [0.8.29](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-plugin-sample-preview@0.8.28...@ali/lowcode-plugin-sample-preview@0.8.29) (2020-07-12)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-plugin-sample-preview
+
+<a name="0.8.28"></a>
+## [0.8.28](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-plugin-sample-preview@0.8.27...@ali/lowcode-plugin-sample-preview@0.8.28) (2020-07-12)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-plugin-sample-preview
+
 <a name="0.8.27"></a>
 ## [0.8.27](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-plugin-sample-preview@0.8.26...@ali/lowcode-plugin-sample-preview@0.8.27) (2020-06-23)
 
diff --git a/packages/plugin-sample-preview/package.json b/packages/plugin-sample-preview/package.json
index 9b786d98b..66edd7417 100644
--- a/packages/plugin-sample-preview/package.json
+++ b/packages/plugin-sample-preview/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ali/lowcode-plugin-sample-preview",
-  "version": "0.8.27",
+  "version": "0.8.31",
   "description": "alibaba lowcode editor sample preview plugin",
   "files": [
     "es",
@@ -18,8 +18,8 @@
     "editor"
   ],
   "dependencies": {
-    "@ali/lowcode-designer": "^0.9.23",
-    "@ali/lowcode-editor-core": "^0.8.19",
+    "@ali/lowcode-designer": "^0.9.27",
+    "@ali/lowcode-editor-core": "^0.8.21",
     "@alifd/next": "^1.x",
     "react": "^16.8.1"
   },
diff --git a/packages/plugin-source-editor/CHANGELOG.md b/packages/plugin-source-editor/CHANGELOG.md
index 492e4dadc..48f518f4e 100644
--- a/packages/plugin-source-editor/CHANGELOG.md
+++ b/packages/plugin-source-editor/CHANGELOG.md
@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+<a name="0.8.17"></a>
+## [0.8.17](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-plugin-source-editor@0.8.16...@ali/lowcode-plugin-source-editor@0.8.17) (2020-07-13)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-plugin-source-editor
+
+<a name="0.8.16"></a>
+## [0.8.16](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-plugin-source-editor@0.8.15...@ali/lowcode-plugin-source-editor@0.8.16) (2020-07-12)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-plugin-source-editor
+
 <a name="0.8.15"></a>
 ## [0.8.15](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-plugin-source-editor@0.8.14...@ali/lowcode-plugin-source-editor@0.8.15) (2020-06-23)
 
diff --git a/packages/plugin-source-editor/package.json b/packages/plugin-source-editor/package.json
index 7ccf98fbf..bbc58bb7b 100644
--- a/packages/plugin-source-editor/package.json
+++ b/packages/plugin-source-editor/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ali/lowcode-plugin-source-editor",
-  "version": "0.8.15",
+  "version": "0.8.17",
   "description": "alibaba lowcode editor source-editor plugin",
   "files": [
     "es",
@@ -19,7 +19,7 @@
   ],
   "author": "zude.hzd",
   "dependencies": {
-    "@ali/lowcode-editor-core": "^0.8.19",
+    "@ali/lowcode-editor-core": "^0.8.21",
     "@alifd/next": "^1.19.16",
     "js-beautify": "^1.10.1",
     "prettier": "^1.18.2",
diff --git a/packages/plugin-undo-redo/CHANGELOG.md b/packages/plugin-undo-redo/CHANGELOG.md
index 4a4fff7e6..f8d7fc259 100644
--- a/packages/plugin-undo-redo/CHANGELOG.md
+++ b/packages/plugin-undo-redo/CHANGELOG.md
@@ -3,6 +3,38 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+<a name="0.8.31"></a>
+## [0.8.31](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-plugin-undo-redo@0.8.30...@ali/lowcode-plugin-undo-redo@0.8.31) (2020-07-14)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-plugin-undo-redo
+
+<a name="0.8.30"></a>
+## [0.8.30](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-plugin-undo-redo@0.8.29...@ali/lowcode-plugin-undo-redo@0.8.30) (2020-07-13)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-plugin-undo-redo
+
+<a name="0.8.29"></a>
+## [0.8.29](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-plugin-undo-redo@0.8.28...@ali/lowcode-plugin-undo-redo@0.8.29) (2020-07-12)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-plugin-undo-redo
+
+<a name="0.8.28"></a>
+## [0.8.28](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-plugin-undo-redo@0.8.27...@ali/lowcode-plugin-undo-redo@0.8.28) (2020-07-12)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-plugin-undo-redo
+
 <a name="0.8.27"></a>
 ## [0.8.27](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-plugin-undo-redo@0.8.26...@ali/lowcode-plugin-undo-redo@0.8.27) (2020-06-23)
 
diff --git a/packages/plugin-undo-redo/package.json b/packages/plugin-undo-redo/package.json
index 50f13180f..2bacd62f1 100644
--- a/packages/plugin-undo-redo/package.json
+++ b/packages/plugin-undo-redo/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ali/lowcode-plugin-undo-redo",
-  "version": "0.8.27",
+  "version": "0.8.31",
   "description": "alibaba lowcode editor undo redo plugin",
   "files": [
     "es",
@@ -19,11 +19,11 @@
   ],
   "author": "xiayang.xy",
   "dependencies": {
-    "@ali/lowcode-designer": "^0.9.23",
-    "@ali/lowcode-editor-core": "^0.8.19",
-    "@ali/lowcode-editor-skeleton": "^0.8.29",
-    "@ali/lowcode-types": "^0.8.9",
-    "@ali/lowcode-utils": "^0.8.10",
+    "@ali/lowcode-designer": "^0.9.27",
+    "@ali/lowcode-editor-core": "^0.8.21",
+    "@ali/lowcode-editor-skeleton": "^0.8.33",
+    "@ali/lowcode-types": "^0.8.11",
+    "@ali/lowcode-utils": "^0.8.12",
     "react": "^16.8.1",
     "react-dom": "^16.8.1"
   },
diff --git a/packages/plugin-variable-bind-dialog/CHANGELOG.md b/packages/plugin-variable-bind-dialog/CHANGELOG.md
index 1b40f05ad..c0b5fd0e5 100644
--- a/packages/plugin-variable-bind-dialog/CHANGELOG.md
+++ b/packages/plugin-variable-bind-dialog/CHANGELOG.md
@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+<a name="0.8.18"></a>
+## [0.8.18](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-plugin-variable-bind-dialog@0.8.17...@ali/lowcode-plugin-variable-bind-dialog@0.8.18) (2020-07-13)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-plugin-variable-bind-dialog
+
+<a name="0.8.17"></a>
+## [0.8.17](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-plugin-variable-bind-dialog@0.8.16...@ali/lowcode-plugin-variable-bind-dialog@0.8.17) (2020-07-12)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-plugin-variable-bind-dialog
+
 <a name="0.8.16"></a>
 ## [0.8.16](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-plugin-variable-bind-dialog@0.8.15...@ali/lowcode-plugin-variable-bind-dialog@0.8.16) (2020-06-23)
 
diff --git a/packages/plugin-variable-bind-dialog/package.json b/packages/plugin-variable-bind-dialog/package.json
index b84d09ffb..43c779c80 100644
--- a/packages/plugin-variable-bind-dialog/package.json
+++ b/packages/plugin-variable-bind-dialog/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ali/lowcode-plugin-variable-bind-dialog",
-  "version": "0.8.16",
+  "version": "0.8.18",
   "description": "alibaba lowcode editor variable bind dialog plugin",
   "files": [
     "es",
@@ -19,7 +19,7 @@
   ],
   "author": "zude.hzd",
   "dependencies": {
-    "@ali/lowcode-editor-core": "^0.8.19",
+    "@ali/lowcode-editor-core": "^0.8.21",
     "@alifd/next": "^1.19.16",
     "react": "^16.8.1",
     "react-dom": "^16.8.1"
diff --git a/packages/plugin-zh-en/CHANGELOG.md b/packages/plugin-zh-en/CHANGELOG.md
index 65cc7e928..df8c08f4a 100644
--- a/packages/plugin-zh-en/CHANGELOG.md
+++ b/packages/plugin-zh-en/CHANGELOG.md
@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+<a name="0.8.22"></a>
+## [0.8.22](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-plugin-zh-en@0.8.21...@ali/lowcode-plugin-zh-en@0.8.22) (2020-07-13)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-plugin-zh-en
+
+<a name="0.8.21"></a>
+## [0.8.21](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-plugin-zh-en@0.8.20...@ali/lowcode-plugin-zh-en@0.8.21) (2020-07-12)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-plugin-zh-en
+
 <a name="0.8.20"></a>
 ## [0.8.20](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-plugin-zh-en@0.8.19...@ali/lowcode-plugin-zh-en@0.8.20) (2020-06-23)
 
diff --git a/packages/plugin-zh-en/package.json b/packages/plugin-zh-en/package.json
index 9be0cf901..9ed6ec9bb 100644
--- a/packages/plugin-zh-en/package.json
+++ b/packages/plugin-zh-en/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ali/lowcode-plugin-zh-en",
-  "version": "0.8.20",
+  "version": "0.8.22",
   "description": "alibaba lowcode editor zhong english plugin",
   "files": [
     "es",
@@ -14,9 +14,9 @@
     "test:snapshot": "ava --update-snapshots"
   },
   "dependencies": {
-    "@ali/lowcode-editor-core": "^0.8.19",
-    "@ali/lowcode-types": "^0.8.9",
-    "@ali/lowcode-utils": "^0.8.10",
+    "@ali/lowcode-editor-core": "^0.8.21",
+    "@ali/lowcode-types": "^0.8.11",
+    "@ali/lowcode-utils": "^0.8.12",
     "react": "^16.8.1",
     "react-dom": "^16.8.1"
   },
diff --git a/packages/rax-provider/package.json b/packages/rax-provider/package.json
index 00b6245dd..abf3d1d4d 100644
--- a/packages/rax-provider/package.json
+++ b/packages/rax-provider/package.json
@@ -12,12 +12,15 @@
   "scripts": {
     "start": "build-scripts start"
   },
+  "peerDependencies": {
+    "prop-types": "^15.7.2",
+    "rax": "^1.1.0"
+  },
   "license": "MIT",
   "dependencies": {
     "@ali/lowcode-runtime": "^0.8.16",
     "driver-universal": "^3.1.3",
     "history": "^4.10.1",
-    "rax": "1.1.2",
     "rax-use-router": "^3.0.0"
   },
   "devDependencies": {
diff --git a/packages/rax-render/src/comp/visualDom/index.jsx b/packages/rax-render/src/comp/visualDom/index.jsx
index 7d480098a..b18e7d039 100644
--- a/packages/rax-render/src/comp/visualDom/index.jsx
+++ b/packages/rax-render/src/comp/visualDom/index.jsx
@@ -1,6 +1,4 @@
 import { Component } from 'rax';
-import View from 'rax-view';
-import Text from 'rax-text';
 import './index.css';
 
 export default class VisualDom extends Component {
@@ -12,12 +10,12 @@ export default class VisualDom extends Component {
     const { children, title, label, text, __componentName } = this.props;
 
     return (
-      <View className="visual-dom">
-        <View className="panel-container">
-          <Text className="title">{title || label || text || __componentName}</Text>
-          <View className="content">{children}</View>
-        </View>
-      </View>
+      <div className="visual-dom">
+        <div className="panel-container">
+          <span className="title">{title || label || text || __componentName}</span>
+          <div className="content">{children}</div>
+        </div>
+      </div>
     );
   }
 }
diff --git a/packages/rax-render/src/engine/base.jsx b/packages/rax-render/src/engine/base.jsx
index 016a21dbb..92f86505d 100644
--- a/packages/rax-render/src/engine/base.jsx
+++ b/packages/rax-render/src/engine/base.jsx
@@ -1,7 +1,6 @@
 import { Component, createElement } from 'rax';
 import PropTypes from 'prop-types';
 import Debug from 'debug';
-import View from 'rax-view';
 import classnames from 'classnames';
 import DataHelper from '../utils/dataHelper';
 import {
@@ -24,7 +23,7 @@ import {
 import VisualDom from '../comp/visualDom';
 import AppContext from '../context/appContext';
 
-import CompWrapper from '../hoc/compWrapper';
+import compWrapper from '../hoc/compWrapper';
 
 const debug = Debug('engine:base');
 const DESIGN_MODE = {
@@ -206,6 +205,7 @@ export default class BaseEngine extends Component {
   // parentInfo 父组件的信息，包含schema和Comp
   // idx 若为循环渲染的循环Index
   __createVirtualDom = (schema, self, parentInfo, idx) => {
+
     if (!schema) return null;
     // rax text prop 兼容处理
     if (schema.componentName === 'Text') {
@@ -239,7 +239,7 @@ export default class BaseEngine extends Component {
       return schema;
     }
     if (!isSchema(schema)) return null;
-    let Comp = components[schema.componentName] || View;
+    let Comp = components[schema.componentName] || engine.getNotFoundComponent();
 
     if (schema.loop !== undefined) {
       return this.__createLoopVirtualDom(
@@ -306,7 +306,7 @@ export default class BaseEngine extends Component {
     });
     // 对于可以获取到ref的组件做特殊处理
     if (!acceptsRef(Comp)) {
-      Comp = CompWrapper(Comp);
+      Comp = compWrapper(Comp);
     }
     otherProps.ref = (ref) => {
       const refProps = props.ref;
@@ -364,9 +364,9 @@ export default class BaseEngine extends Component {
       if (OVERLAY_LIST.includes(schema.componentName)) {
         const { ref, ...overlayProps } = otherProps;
         return (
-          <Div ref={ref} __designMode={engine.props.designMode}>
+          <div ref={ref} __designMode={engine.props.designMode}>
             {renderComp({ ...props, ...overlayProps })}
-          </Div>
+          </div>
         );
       }
       // 虚拟dom显示
diff --git a/packages/rax-render/src/engine/index.jsx b/packages/rax-render/src/engine/index.jsx
index ae16ce761..67f5d5fd9 100644
--- a/packages/rax-render/src/engine/index.jsx
+++ b/packages/rax-render/src/engine/index.jsx
@@ -11,6 +11,7 @@ import ComponentEngine from './compEngine';
 import BlockEngine from './blockEngine';
 import TempEngine from './tempEngine';
 import BaseEngine from './base';
+import compWrapper from '../hoc/compWrapper';
 
 const debug = Debug('engine:entry');
 const ENGINE_COMPS = {
@@ -24,14 +25,14 @@ class FaultComponent extends Component {
   render() {
     // FIXME: errorlog
     console.error('render error', this.props);
-    return <Div>RenderError</Div>;
+    return <div>RenderError</div>;
   }
 }
 
 class NotFoundComponent extends Component {
   render() {
     console.error('component not found', this.props);
-    return <Div {...this.props} />;
+    return <div {...this.props} />;
   }
 }
 
diff --git a/packages/rax-render/src/hoc/compFactory.js b/packages/rax-render/src/hoc/compFactory.js
index d56a8b5f3..cf4ea40e6 100644
--- a/packages/rax-render/src/hoc/compFactory.js
+++ b/packages/rax-render/src/hoc/compFactory.js
@@ -1,4 +1,4 @@
-import { Component, createElement } from 'rax';
+import { Component, createElement, forwardRef } from 'rax';
 import PropTypes from 'prop-types';
 import AppHelper from '../utils/appHelper';
 import { forEach, isFileSchema } from '../utils';
@@ -62,7 +62,7 @@ export default function compFactory(schema, components = {}, componentsMap = {},
     }
   }
 
-  const ResComp = React.forwardRef((props, ref) => <LNCompView {...props} forwardedRef={ref} />);
+  const ResComp = forwardRef((props, ref) => <LNCompView {...props} forwardedRef={ref} />);
   forEach(schema.static, (val, key) => {
     ResComp[key] = val;
   });
diff --git a/packages/rax-render/src/hoc/compWrapper.js b/packages/rax-render/src/hoc/compWrapper.js
index e9af5b3d7..8a396c22c 100644
--- a/packages/rax-render/src/hoc/compWrapper.js
+++ b/packages/rax-render/src/hoc/compWrapper.js
@@ -1,7 +1,7 @@
 import { createElement, Component } from 'rax';
 
 export default function (Comp) {
-  class CompWrapper extends Component {
+  class compWrapper extends Component {
     constructor(props, context) {
       super(props, context);
     }
@@ -13,5 +13,5 @@ export default function (Comp) {
     }
   }
 
-  return CompWrapper;
+  return compWrapper;
 }
diff --git a/packages/rax-simulator-renderer/package.json b/packages/rax-simulator-renderer/package.json
index 3a357390b..874fa07df 100644
--- a/packages/rax-simulator-renderer/package.json
+++ b/packages/rax-simulator-renderer/package.json
@@ -14,7 +14,6 @@
   },
   "dependencies": {
     "@ali/lowcode-designer": "^0.9.23",
-    "@ali/lowcode-react-renderer": "^0.8.12",
     "@ali/lowcode-types": "^0.8.9",
     "@ali/lowcode-utils": "^0.8.10",
     "@ali/recore-rax": "^1.2.4",
@@ -23,9 +22,11 @@
     "@recore/obx-react": "^1.0.7",
     "classnames": "^2.2.6",
     "driver-universal": "^3.1.3",
+    "rax-find-dom-node": "^1.0.0",
     "lodash": "^4.17.19",
     "react": "^16",
-    "react-dom": "^16.7.0"
+    "react-dom": "^16.7.0",
+    "@ali/lowcode-rax-renderer": "^0.1.2"
   },
   "devDependencies": {
     "@alib/build-scripts": "^0.1.18",
diff --git a/packages/rax-simulator-renderer/src/builtin-components/Leaf/index.tsx b/packages/rax-simulator-renderer/src/builtin-components/Leaf/index.tsx
deleted file mode 100644
index f7fd13c5c..000000000
--- a/packages/rax-simulator-renderer/src/builtin-components/Leaf/index.tsx
+++ /dev/null
@@ -1,226 +0,0 @@
-import { Component, createElement } from 'rax';
-import findDOMNode from 'rax-find-dom-node';
-import { each, get, omit } from 'lodash';
-import { getView, setNativeNode, createNodeStyleSheet } from '../renderUtils';
-
-import { FaultComponent, HiddenComponent, UnknownComponent } from '../UnusualComponent';
-
-export interface ILeaf {
-  leaf: any;
-}
-export default class Leaf extends Component<ILeaf, {}> {
-  static displayName = 'Leaf';
-
-  state = {
-    hasError: false,
-  };
-
-  willDetach: any[];
-
-  styleSheet: any;
-
-  context: any;
-  refs: any;
-
-  componentWillMount() {
-    const { leaf } = this.props;
-    this.willDetach = [
-      leaf.onPropsChange(() => {
-        // 强制刷新
-        this.setState(this.state);
-      }),
-      leaf.onChildrenChange(() => {
-        // 强制刷新
-        this.setState(this.state);
-      }),
-      leaf.onStatusChange((status: { dropping: boolean }, field: string) => {
-        // console.log({...status}, field)
-        if (status.dropping !== false) {
-          // 当 dropping 为 Insertion 对象时，强制渲染会出错，原因待查
-          return;
-        }
-        if (field === 'dragging' || field === 'dropping' || field === 'pseudo' || field === 'visibility') {
-          // 强制刷新
-          this.setState(this.state);
-        }
-      }),
-    ];
-
-    /**
-     * while props replaced
-     * bind the new event on it
-     */
-    leaf.onPropsReplace(() => {
-      this.willDetach[0]();
-      this.willDetach[0] = leaf.onPropsChange(() => {
-        // 强制刷新
-        this.setState(this.state);
-      });
-    });
-  }
-
-  componentDidMount() {
-    this.modifyDOM();
-  }
-
-  shouldComponentUpdate() {
-    // forceUpdate 的替代方案
-    return true;
-    // const pageCanRefresh = this.leaf.getPage().canRefresh();
-    // if (pageCanRefresh) {
-    //   return pageCanRefresh;
-    // }
-    // const getExtProps = obj => {
-    //   const { leaf, ...props } = obj;
-    //   return props;
-    // };
-    // return !shallowEqual(getExtProps(this.props), getExtProps(nextProps));
-  }
-
-  componentDidUpdate() {
-    this.modifyDOM();
-  }
-
-  componentWillUnmount() {
-    if (this.willDetach) {
-      this.willDetach.forEach((off) => off());
-    }
-    setNativeNode(this.props.leaf, null);
-  }
-
-  componentDidCatch() {
-    this.setState({ hasError: true }, () => {
-      console.log('error');
-    });
-  }
-
-  modifyDOM() {
-    const shell = findDOMNode(this);
-    const { leaf } = this.props;
-    // 与 React 不同，rax 的 findDOMNode 找不到节点时，
-    // shell 会是 <!-- empty -->，而不是 null，
-    // 所以这里进行是否为注释的判断
-    if (shell && shell.nodeType !== window.Node.COMMENT_NODE) {
-      setNativeNode(leaf, shell);
-      if (leaf.getStatus('dragging')) {
-        get(shell, 'classList').add('engine-dragging');
-      } else {
-        get(shell, 'classList').remove('engine-dragging');
-      }
-      each(get(shell, 'classList'), (cls) => {
-        if (cls.substring(0, 8) === '-pseudo-') {
-          get(shell, 'classList').remove(cls);
-        }
-      });
-      const pseudo = leaf.getStatus('pseudo');
-      if (pseudo) {
-        get(shell, 'classList').add(`-pseudo-${pseudo}`);
-      }
-    } else {
-      setNativeNode(leaf, null);
-    }
-  }
-
-  render() {
-    const props = omit(this.props, ['leaf']);
-    const { leaf } = this.props;
-    const componentName = leaf.getComponentName();
-
-    const View = getView(componentName);
-
-    const newProps = {
-      _componentName: componentName,
-    };
-
-    if (!View) {
-      return createElement(UnknownComponent, {
-        // _componentName: componentName,
-        ...newProps,
-      });
-    }
-
-    let staticProps = {
-      ...leaf.getStaticProps(false),
-      ...props,
-      _componentName: componentName,
-      _leaf: leaf,
-      componentId: leaf.getId(),
-    };
-
-    if (!leaf.isVisibleInPane()) {
-      return null;
-    }
-
-    if (!leaf.isVisible()) {
-      return createElement(HiddenComponent, {
-        ...staticProps,
-      });
-    }
-
-    if (this.state.hasError) {
-      return createElement(FaultComponent, {
-        // _componentName: componentName,
-        ...newProps,
-      });
-    }
-
-    if (this.styleSheet) {
-      this.styleSheet.parentNode.removeChild(this.styleSheet);
-    }
-
-    this.styleSheet = createNodeStyleSheet(staticProps);
-
-    if (leaf.ableToModifyChildren()) {
-      const children = leaf
-        .getChildren()
-        .filter((child: any) => child.getComponentName() !== 'Slot')
-        .map((child: any) =>
-          createElement(Leaf, {
-            key: child.getId(),
-            leaf: child,
-          }),
-        );
-      // const insertion = leaf.getStatus('dropping');
-      // InsertionGhost 都是React节点,用Rax渲染会报错，后面这些节点需要通过Rax组件来实现
-      // if (children.length < 1 && insertion && insertion.getIndex() !== null) {
-
-      //   //children = [];
-      //   children = [<InsertionGhost key="insertion" />];
-      // } else if (insertion && insertion.isNearEdge()) {
-      //   if (insertion.isNearAfter()) {
-      //     children.push(<InsertionGhost key="insertion" />);
-      //   } else {
-      //     children.unshift(<InsertionGhost key="insertion" />);
-      //   }
-      // }
-      staticProps = {
-        ...staticProps,
-        ...this.processSlots(this.props.leaf.getChildren()),
-      };
-
-      return createElement(
-        View,
-        {
-          ...staticProps,
-        },
-        children,
-      );
-    }
-
-    return createElement(View, {
-      ...staticProps,
-    });
-  }
-
-  processSlots(children: Rax.RaxNodeArray) {
-    const slots: any = {};
-    children &&
-      children.length &&
-      children.forEach((child: any) => {
-        if (child.getComponentName() === 'Slot') {
-          slots[child.getPropValue('slotName')] = <Leaf key={child.getId()} leaf={child} />;
-        }
-      });
-    return slots;
-  }
-}
diff --git a/packages/rax-simulator-renderer/src/builtin-components/leaf.tsx b/packages/rax-simulator-renderer/src/builtin-components/leaf.tsx
new file mode 100644
index 000000000..8967ccdf2
--- /dev/null
+++ b/packages/rax-simulator-renderer/src/builtin-components/leaf.tsx
@@ -0,0 +1,250 @@
+import { Component } from 'rax';
+
+class Leaf extends Component {
+  static displayName = 'Leaf';
+  static componentMetadata = {
+    componentName: 'Leaf',
+    configure: {
+      props: [{
+        name: 'children',
+        setter: 'StringSetter',
+      }],
+      // events/className/style/general/directives
+      supports: false,
+    }
+  };
+
+  render() {
+    const { children } = this.props;
+    return children;
+  }
+}
+
+export default Leaf;
+
+// import { Component, createElement } from 'rax';
+// import findDOMNode from 'rax-find-dom-node';
+// import { each, get, omit } from 'lodash';
+// import { getView, setNativeNode, createNodeStyleSheet } from '../renderUtils';
+
+// import { FaultComponent, HiddenComponent, UnknownComponent } from '../UnusualComponent';
+
+// export interface ILeaf {
+//   leaf: any;
+// }
+// export default class Leaf extends Component<ILeaf, {}> {
+//   static displayName = 'Leaf';
+
+//   state = {
+//     hasError: false,
+//   };
+
+//   willDetach: any[];
+
+//   styleSheet: any;
+
+//   context: any;
+//   refs: any;
+
+//   componentWillMount() {
+//     const { leaf } = this.props;
+//     this.willDetach = [
+//       leaf.onPropsChange(() => {
+//         // 强制刷新
+//         this.setState(this.state);
+//       }),
+//       leaf.onChildrenChange(() => {
+//         // 强制刷新
+//         this.setState(this.state);
+//       }),
+//       leaf.onStatusChange((status: { dropping: boolean }, field: string) => {
+//         // console.log({...status}, field)
+//         if (status.dropping !== false) {
+//           // 当 dropping 为 Insertion 对象时，强制渲染会出错，原因待查
+//           return;
+//         }
+//         if (field === 'dragging' || field === 'dropping' || field === 'pseudo' || field === 'visibility') {
+//           // 强制刷新
+//           this.setState(this.state);
+//         }
+//       }),
+//     ];
+
+//     /**
+//      * while props replaced
+//      * bind the new event on it
+//      */
+//     leaf.onPropsReplace(() => {
+//       this.willDetach[0]();
+//       this.willDetach[0] = leaf.onPropsChange(() => {
+//         // 强制刷新
+//         this.setState(this.state);
+//       });
+//     });
+//   }
+
+//   componentDidMount() {
+//     this.modifyDOM();
+//   }
+
+//   shouldComponentUpdate() {
+//     // forceUpdate 的替代方案
+//     return true;
+//     // const pageCanRefresh = this.leaf.getPage().canRefresh();
+//     // if (pageCanRefresh) {
+//     //   return pageCanRefresh;
+//     // }
+//     // const getExtProps = obj => {
+//     //   const { leaf, ...props } = obj;
+//     //   return props;
+//     // };
+//     // return !shallowEqual(getExtProps(this.props), getExtProps(nextProps));
+//   }
+
+//   componentDidUpdate() {
+//     this.modifyDOM();
+//   }
+
+//   componentWillUnmount() {
+//     if (this.willDetach) {
+//       this.willDetach.forEach((off) => off());
+//     }
+//     setNativeNode(this.props.leaf, null);
+//   }
+
+//   componentDidCatch() {
+//     this.setState({ hasError: true }, () => {
+//       console.log('error');
+//     });
+//   }
+
+//   modifyDOM() {
+//     const shell = findDOMNode(this);
+//     const { leaf } = this.props;
+//     // 与 React 不同，rax 的 findDOMNode 找不到节点时，
+//     // shell 会是 <!-- empty -->，而不是 null，
+//     // 所以这里进行是否为注释的判断
+//     if (shell && shell.nodeType !== window.Node.COMMENT_NODE) {
+//       setNativeNode(leaf, shell);
+//       if (leaf.getStatus('dragging')) {
+//         get(shell, 'classList').add('engine-dragging');
+//       } else {
+//         get(shell, 'classList').remove('engine-dragging');
+//       }
+//       each(get(shell, 'classList'), (cls) => {
+//         if (cls.substring(0, 8) === '-pseudo-') {
+//           get(shell, 'classList').remove(cls);
+//         }
+//       });
+//       const pseudo = leaf.getStatus('pseudo');
+//       if (pseudo) {
+//         get(shell, 'classList').add(`-pseudo-${pseudo}`);
+//       }
+//     } else {
+//       setNativeNode(leaf, null);
+//     }
+//   }
+
+//   render() {
+//     const props = omit(this.props, ['leaf']);
+//     const { leaf } = this.props;
+//     const componentName = leaf.getComponentName();
+
+//     const View = getView(componentName);
+
+//     const newProps = {
+//       _componentName: componentName,
+//     };
+
+//     if (!View) {
+//       return createElement(UnknownComponent, {
+//         // _componentName: componentName,
+//         ...newProps,
+//       });
+//     }
+
+//     let staticProps = {
+//       ...leaf.getStaticProps(false),
+//       ...props,
+//       _componentName: componentName,
+//       _leaf: leaf,
+//       componentId: leaf.getId(),
+//     };
+
+//     if (!leaf.isVisibleInPane()) {
+//       return null;
+//     }
+
+//     if (!leaf.isVisible()) {
+//       return createElement(HiddenComponent, {
+//         ...staticProps,
+//       });
+//     }
+
+//     if (this.state.hasError) {
+//       return createElement(FaultComponent, {
+//         // _componentName: componentName,
+//         ...newProps,
+//       });
+//     }
+
+//     if (this.styleSheet) {
+//       this.styleSheet.parentNode.removeChild(this.styleSheet);
+//     }
+
+//     this.styleSheet = createNodeStyleSheet(staticProps);
+
+//     if (leaf.ableToModifyChildren()) {
+//       const children = leaf
+//         .getChildren()
+//         .filter((child: any) => child.getComponentName() !== 'Slot')
+//         .map((child: any) =>
+//           createElement(Leaf, {
+//             key: child.getId(),
+//             leaf: child,
+//           }),
+//         );
+//       // const insertion = leaf.getStatus('dropping');
+//       // InsertionGhost 都是React节点,用Rax渲染会报错，后面这些节点需要通过Rax组件来实现
+//       // if (children.length < 1 && insertion && insertion.getIndex() !== null) {
+
+//       //   //children = [];
+//       //   children = [<InsertionGhost key="insertion" />];
+//       // } else if (insertion && insertion.isNearEdge()) {
+//       //   if (insertion.isNearAfter()) {
+//       //     children.push(<InsertionGhost key="insertion" />);
+//       //   } else {
+//       //     children.unshift(<InsertionGhost key="insertion" />);
+//       //   }
+//       // }
+//       staticProps = {
+//         ...staticProps,
+//         ...this.processSlots(this.props.leaf.getChildren()),
+//       };
+
+//       return createElement(
+//         View,
+//         {
+//           ...staticProps,
+//         },
+//         children,
+//       );
+//     }
+
+//     return createElement(View, {
+//       ...staticProps,
+//     });
+//   }
+
+//   processSlots(children: Rax.RaxNodeArray) {
+//     const slots: any = {};
+//     children &&
+//       children.length &&
+//       children.forEach((child: any) => {
+//         if (child.getComponentName() === 'Slot') {
+//           slots[child.getPropValue('slotName')] = <Leaf key={child.getId()} leaf={child} />;
+//         }
+//       });
+//     return slots;
+//   }
+// }
diff --git a/packages/rax-simulator-renderer/src/builtin-components/slot.tsx b/packages/rax-simulator-renderer/src/builtin-components/slot.tsx
new file mode 100644
index 000000000..e43b217b5
--- /dev/null
+++ b/packages/rax-simulator-renderer/src/builtin-components/slot.tsx
@@ -0,0 +1,53 @@
+import { Component } from 'rax';
+
+class Slot extends Component {
+  static displayName = 'Slot';
+  static componentMetadata = {
+    componentName: 'Slot',
+    configure: {
+      props: [{
+        name: '___title',
+        title: {
+          type: 'i18n',
+          'en-US': 'Slot Title',
+          'zh-CN': '插槽标题'
+        },
+        setter: 'StringSetter',
+        defaultValue: '插槽容器'
+      }, {
+        name: '___params',
+        title: {
+          type: 'i18n',
+          'en-US': 'Slot Params',
+          'zh-CN': '插槽入参'
+        },
+        setter: {
+          componentName: 'ArraySetter',
+          props: {
+            itemSetter: {
+              componentName: 'StringSetter',
+              props: {
+                placeholder: {
+                  type: 'i18n',
+                  'zh-CN': '参数名称',
+                  'en-US': 'Argument Name'
+                }
+              }
+            }
+          }
+        }
+      }],
+      // events/className/style/general/directives
+      supports: false,
+    }
+  };
+
+  render() {
+    const { children } = this.props;
+    return (
+      <div className="lc-container">{children}</div>
+    );
+  }
+}
+
+export default Slot;
diff --git a/packages/rax-simulator-renderer/src/renderer-view.tsx b/packages/rax-simulator-renderer/src/renderer-view.tsx
index 7047c7d3b..6956c4ceb 100644
--- a/packages/rax-simulator-renderer/src/renderer-view.tsx
+++ b/packages/rax-simulator-renderer/src/renderer-view.tsx
@@ -99,7 +99,6 @@ class Renderer extends Component<{ renderer: SimulatorRenderer }> {
   render() {
     const { renderer } = this.props;
     const { device, designMode } = renderer;
-    console.info(renderer.schema);
 
     return (
       <RaxEngine
@@ -109,7 +108,7 @@ class Renderer extends Component<{ renderer: SimulatorRenderer }> {
         designMode={renderer.designMode}
         suspended={renderer.suspended}
         self={renderer.scope}
-        onCompGetRef={(schema: any, ref: ReactInstance | null) => {
+        onCompGetRef={(schema: any, ref: any) => {
           renderer.mountInstance(schema.id, ref);
         }}
         customCreateElement={(Component: any, props: any, children: any) => {
@@ -123,7 +122,7 @@ class Renderer extends Component<{ renderer: SimulatorRenderer }> {
           //   Object.assign(viewProps, {
           //     _componentName: 'Menu',
           //     className: '_css_pesudo_menu_kbrzyh0f',
-          //     context: { VE: (window as any).VisualEngine },
+          //     context: { VE: (window as any).VisualLowCodeRenderer },
           //     direction: undefined,
           //     events: { ignored: true },
           //     fieldId: 'menu_kbrzyh0f',
diff --git a/packages/rax-simulator-renderer/src/renderer.less b/packages/rax-simulator-renderer/src/renderer.less
index 5bfd64d7c..5a1e334f1 100644
--- a/packages/rax-simulator-renderer/src/renderer.less
+++ b/packages/rax-simulator-renderer/src/renderer.less
@@ -49,6 +49,10 @@ html.engine-cursor-ew-resize, html.engine-cursor-ew-resize * {
       z-index: 1;
       width: 100%;
       white-space: nowrap;
+      height: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
     }
   }
 }
@@ -73,6 +77,10 @@ html.engine-cursor-ew-resize, html.engine-cursor-ew-resize * {
   z-index: 1;
   width: 100%;
   white-space: nowrap;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 body.engine-document {
diff --git a/packages/rax-simulator-renderer/src/renderer.ts b/packages/rax-simulator-renderer/src/renderer.ts
index 29dfe625e..177f6891d 100644
--- a/packages/rax-simulator-renderer/src/renderer.ts
+++ b/packages/rax-simulator-renderer/src/renderer.ts
@@ -1,16 +1,17 @@
 import { BuiltinSimulatorRenderer, NodeInstance, Component } from '@ali/lowcode-designer';
-import { shared, render, createElement } from 'rax';
+import { shared, render as raxRender, createElement } from 'rax';
 import DriverUniversal from 'driver-universal';
 import { computed, obx } from '@recore/obx';
 import { RootSchema, NpmInfo, ComponentSchema } from '@ali/lowcode-types';
 import { Asset, isReactComponent, isESModule, setNativeSelection, cursor, isElement } from '@ali/lowcode-utils';
 
 import SimulatorRendererView from './renderer-view';
-import RaxEngine from '../../rax-render/src/index';
+import { raxFindDOMNodes } from './utils/find-dom-nodes';
 import { getClientRects } from './utils/get-client-rects';
 import loader from './utils/loader';
 
-import Leaf from './builtin-components/Leaf';
+import Leaf from './builtin-components/leaf';
+import Slot from './builtin-components/slot';
 
 import { host } from './host';
 import { EventEmitter } from 'events';
@@ -192,7 +193,7 @@ export class SimulatorRenderer implements BuiltinSimulatorRenderer {
   }
 
   findDOMNodes(instance: any): Array<Element | Text> | null {
-    return [RaxEngine.findDOMNode(instance)];
+    return [raxFindDOMNodes(instance)];
   }
 
   /**
@@ -294,7 +295,7 @@ export class SimulatorRenderer implements BuiltinSimulatorRenderer {
     document.documentElement.classList.add('engine-page');
     document.body.classList.add('engine-document'); // important! Stylesheet.invoke depends
 
-    render(createElement(SimulatorRendererView, { renderer: this }), document.getElementById('app'), {
+    raxRender(createElement(SimulatorRendererView, { renderer: this }), container, {
       driver: DriverUniversal,
     });
     host.document.setRendererReady(this);
@@ -354,7 +355,7 @@ function findComponent(libraryMap: LibraryMap, componentName: string, npm?: NpmI
 }
 
 const builtinComponents = {
-  // Slot,
+  Slot,
   Leaf,
 };
 
@@ -390,7 +391,7 @@ function getClosestNodeInstance(from: any, specId?: string): NodeInstance<any> |
 }
 
 function matcher(parent: any) {
-  return parent.__isReactiveComponent;
+  return parent.__isReactiveComponent && parent.props.componentId;
 }
 
 function getNodeInstance(dom: HTMLElement): NodeInstance<any> | null {
diff --git a/packages/rax-simulator-renderer/src/utils/find-dom-nodes.ts b/packages/rax-simulator-renderer/src/utils/find-dom-nodes.ts
new file mode 100644
index 000000000..97a54ed36
--- /dev/null
+++ b/packages/rax-simulator-renderer/src/utils/find-dom-nodes.ts
@@ -0,0 +1,13 @@
+import { isElement } from '@ali/lowcode-utils';
+import findDOMNode from 'rax-find-dom-node';
+// import { isDOMNode } from './is-dom-node';
+
+export function raxFindDOMNodes(instance: any): Array<Element | Text> | null {
+  if (!instance) {
+    return null;
+  }
+  if (isElement(instance)) {
+    return [instance];
+  }
+  return findDOMNode(instance);
+}
diff --git a/packages/rax-simulator-renderer/src/utils/is-dom-node.ts b/packages/rax-simulator-renderer/src/utils/is-dom-node.ts
new file mode 100644
index 000000000..bfbeb79c1
--- /dev/null
+++ b/packages/rax-simulator-renderer/src/utils/is-dom-node.ts
@@ -0,0 +1,4 @@
+export function isDOMNode(node: any): node is Element | Text {
+  if (!node) return false;
+  return node.nodeType && (node.nodeType === Node.ELEMENT_NODE || node.nodeType === Node.TEXT_NODE);
+}
diff --git a/packages/react-renderer/CHANGELOG.md b/packages/react-renderer/CHANGELOG.md
index 6e24cc175..6653ca184 100644
--- a/packages/react-renderer/CHANGELOG.md
+++ b/packages/react-renderer/CHANGELOG.md
@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+<a name="0.8.13"></a>
+## [0.8.13](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-react-renderer@0.8.12...@ali/lowcode-react-renderer@0.8.13) (2020-07-12)
+
+
+### Bug Fixes
+
+* 区块模板根节点支持 Div ([c3b796e](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/c3b796e))
+
+
+### Reverts
+
+* 去掉多余注释 ([2495afa](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/2495afa))
+
+
+
+
 <a name="0.8.12"></a>
 ## [0.8.12](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-react-renderer@0.8.11...@ali/lowcode-react-renderer@0.8.12) (2020-06-24)
 
diff --git a/packages/react-renderer/package.json b/packages/react-renderer/package.json
index 713904b9d..9fa0bb24e 100644
--- a/packages/react-renderer/package.json
+++ b/packages/react-renderer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ali/lowcode-react-renderer",
-  "version": "0.8.12",
+  "version": "0.8.13",
   "description": "react renderer for ali lowcode engine",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -39,8 +39,6 @@
     "localforage": "^1.7.3",
     "lodash": "^4.17.11",
     "moment": "^2.24.0",
-    "rax": "^1.1.1",
-    "rax-find-dom-node": "^1.0.1",
     "react-is": "^16.10.1",
     "serialize-javascript": "^1.7.0",
     "socket.io-client": "^2.2.0",
diff --git a/packages/react-simulator-renderer/CHANGELOG.md b/packages/react-simulator-renderer/CHANGELOG.md
index 7317c21be..8cba6101a 100644
--- a/packages/react-simulator-renderer/CHANGELOG.md
+++ b/packages/react-simulator-renderer/CHANGELOG.md
@@ -3,6 +3,46 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+<a name="0.8.33"></a>
+## [0.8.33](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-react-simulator-renderer@0.8.32...@ali/lowcode-react-simulator-renderer@0.8.33) (2020-07-14)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-react-simulator-renderer
+
+<a name="0.8.32"></a>
+## [0.8.32](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-react-simulator-renderer@0.8.31...@ali/lowcode-react-simulator-renderer@0.8.32) (2020-07-13)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-react-simulator-renderer
+
+<a name="0.8.31"></a>
+## [0.8.31](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-react-simulator-renderer@0.8.30...@ali/lowcode-react-simulator-renderer@0.8.31) (2020-07-12)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-react-simulator-renderer
+
+<a name="0.8.30"></a>
+## [0.8.30](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-react-simulator-renderer@0.8.29...@ali/lowcode-react-simulator-renderer@0.8.30) (2020-07-12)
+
+
+### Bug Fixes
+
+* 低代码组件 props 显示 object 问题 ([116498e](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/116498e))
+
+
+### Features
+
+* 支持低代码组件设计态实时改变 ([c5a817b](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/c5a817b))
+
+
+
+
 <a name="0.8.29"></a>
 ## [0.8.29](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-react-simulator-renderer@0.8.28...@ali/lowcode-react-simulator-renderer@0.8.29) (2020-06-24)
 
diff --git a/packages/react-simulator-renderer/package.json b/packages/react-simulator-renderer/package.json
index 2b4a3e23f..d31b1deb6 100644
--- a/packages/react-simulator-renderer/package.json
+++ b/packages/react-simulator-renderer/package.json
@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "@ali/lowcode-react-simulator-renderer",
-  "version": "0.8.29",
+  "version": "0.8.33",
   "description": "react simulator renderer for alibaba lowcode designer",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -13,10 +13,10 @@
     "test:snapshot": "ava --update-snapshots"
   },
   "dependencies": {
-    "@ali/lowcode-designer": "^0.9.23",
-    "@ali/lowcode-react-renderer": "^0.8.12",
-    "@ali/lowcode-types": "^0.8.9",
-    "@ali/lowcode-utils": "^0.8.10",
+    "@ali/lowcode-designer": "^0.9.27",
+    "@ali/lowcode-react-renderer": "^0.8.13",
+    "@ali/lowcode-types": "^0.8.11",
+    "@ali/lowcode-utils": "^0.8.12",
     "@ali/vu-css-style": "^1.0.2",
     "@recore/obx": "^1.0.8",
     "@recore/obx-react": "^1.0.7",
diff --git a/packages/types/CHANGELOG.md b/packages/types/CHANGELOG.md
index 1f5fe7e10..8953e8f5c 100644
--- a/packages/types/CHANGELOG.md
+++ b/packages/types/CHANGELOG.md
@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+<a name="0.8.11"></a>
+## [0.8.11](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-types@0.8.10...@ali/lowcode-types@0.8.11) (2020-07-13)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-types
+
+<a name="0.8.10"></a>
+## [0.8.10](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-types@0.8.9...@ali/lowcode-types@0.8.10) (2020-07-12)
+
+
+### Bug Fixes
+
+* 低代码组件 props 显示 object 问题 ([116498e](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/commit/116498e))
+
+
+
+
 <a name="0.8.9"></a>
 ## [0.8.9](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-types@0.8.7...@ali/lowcode-types@0.8.9) (2020-06-23)
 
diff --git a/packages/types/package.json b/packages/types/package.json
index e732f99bf..4e22aaf01 100644
--- a/packages/types/package.json
+++ b/packages/types/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ali/lowcode-types",
-  "version": "0.8.9",
+  "version": "0.8.11",
   "description": "Types for Ali lowCode engine",
   "files": [
     "es",
diff --git a/packages/types/src/transform-stage.ts b/packages/types/src/transform-stage.ts
index e415d44ae..f3b968c08 100644
--- a/packages/types/src/transform-stage.ts
+++ b/packages/types/src/transform-stage.ts
@@ -4,4 +4,5 @@ export enum TransformStage {
   Save = 3,
   Clone = 4,
   Init = 5,
+  Upgrade = 6,
 }
diff --git a/packages/utils/CHANGELOG.md b/packages/utils/CHANGELOG.md
index 124dfe78e..994aaab03 100644
--- a/packages/utils/CHANGELOG.md
+++ b/packages/utils/CHANGELOG.md
@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+<a name="0.8.12"></a>
+## [0.8.12](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-utils@0.8.11...@ali/lowcode-utils@0.8.12) (2020-07-13)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-utils
+
+<a name="0.8.11"></a>
+## [0.8.11](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-utils@0.8.10...@ali/lowcode-utils@0.8.11) (2020-07-12)
+
+
+
+
+**Note:** Version bump only for package @ali/lowcode-utils
+
 <a name="0.8.10"></a>
 ## [0.8.10](https://gitlab.alibaba-inc.com/ali-lowcode/ali-lowcode-engine/compare/@ali/lowcode-utils@0.8.8...@ali/lowcode-utils@0.8.10) (2020-06-23)
 
diff --git a/packages/utils/package.json b/packages/utils/package.json
index 5aafff2cc..5477b47cb 100644
--- a/packages/utils/package.json
+++ b/packages/utils/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ali/lowcode-utils",
-  "version": "0.8.10",
+  "version": "0.8.12",
   "description": "Utils for Ali lowCode engine",
   "files": [
     "es",
@@ -14,7 +14,7 @@
     "test:snapshot": "ava --update-snapshots"
   },
   "dependencies": {
-    "@ali/lowcode-types": "^0.8.9",
+    "@ali/lowcode-types": "^0.8.11",
     "@alifd/next": "^1.19.16",
     "react": "^16"
   },
diff --git a/packages/utils/src/is-element.ts b/packages/utils/src/is-element.ts
index 7cb030814..5ffb60ad9 100644
--- a/packages/utils/src/is-element.ts
+++ b/packages/utils/src/is-element.ts
@@ -1,3 +1,4 @@
 export function isElement(node: any): node is Element {
+  if (!node) return false;
   return node.nodeType === Node.ELEMENT_NODE;
 }
diff --git a/scripts/deploy.sh b/scripts/deploy.sh
index a07e6f797..5d8b94081 100755
--- a/scripts/deploy.sh
+++ b/scripts/deploy.sh
@@ -21,7 +21,7 @@ echo ""
 
 # work
 mkdir packages
-cp -r $WORK_DIR/packages/demo packages/demo
+# cp -r $WORK_DIR/packages/demo packages/demo
 cp -r $WORK_DIR/packages/react-simulator-renderer packages/react-simulator-renderer
 cp -r $WORK_DIR/packages/editor-preset-vision packages/editor-preset-vision
 # cp -r $WORK_DIR/packages/editor-preset-general packages/editor-preset-general
@@ -29,10 +29,10 @@ lerna bootstrap
 lerna run cloud-build --stream
 
 cd $WORK_DIR
-mv deploy-space/packages/demo/build $BUILD_DEST
-mv deploy-space/packages/react-simulator-renderer/dist/* $BUILD_DEST
+# mv deploy-space/packages/demo/build $BUILD_DEST
+mv deploy-space/packages/react-simulator-renderer/dist $BUILD_DEST
 mv deploy-space/packages/editor-preset-vision/dist/* $BUILD_DEST
 # mv deploy-space/packages/editor-preset-general/dist/* $BUILD_DEST
-cp deploy-space/static/* $BUILD_DEST
+# cp deploy-space/static/* $BUILD_DEST
 
 echo "complete"