docs: update registry code example

Author: chilingling

docs/api/frontend-api/preview-api.md

@@ -74,11 +74,14 @@ const registry = {
 
 <pre>
 <code>
-import { Preview } from '@opentiny/tiny-engine'
+// registry.js
+import { META_APP } from '@opentiny/tiny-engine-meta-register'
 export default {
-   toolbars: [
-     [Preview, { options: { ...Preview.options,  previewUrl:  import.meta<wbr>.env.MODE.includes('prod') ? 'http://tiny-engine-preview.com/customPreview' : '' } }]
-   ]
+  [META_APP.Preview]: {
+    options: {
+      previewUrl:  import.meta<wbr>.env.MODE.includes('prod') ? 'http://tiny-engine-preview.com/customPreview' : '' 
+    }
+  }
 }
 </code>
 </pre>
@@ -91,22 +94,17 @@ export default {
 
 例如：
 ```javascript
-import { Preview } from '@opentiny/tiny-engine'
+// registry.js
+import { META_APP } from '@opentiny/tiny-engine-meta-register'
 export default {
-   toolbars: [
-     [
-       Preview,
-       {
-          options: { 
-              ...Preview.options,
-              previewUrl: (originUrl, query) => {
-                // 这里我们增加了自定义的 query： `test=1`
-                return `http://tiny-engine-preview.com/customPreview?test=1&${query}`
-             }
-          }
-       }
-    ]
-   ]
+  [META_APP.Preview]: {
+    options: { 
+        previewUrl: (originUrl, query) => {
+          // 这里我们增加了自定义的 query： `test=1`
+          return `http://tiny-engine-preview.com/customPreview?test=1&${query}`
+        }
+    }
+  }
 }
 ```
 
@@ -119,7 +117,12 @@ export default {
 
 initPreview({
   registry: {
-    config: { id: 'engine.config', theme: 'light', previewHotReload: false },
+    'engine.config': {
+      id: 'engine.config',
+      theme: 'light',
+      // 配置 false 关闭热更新
+      previewHotReload: false
+    }
     // ... other config
   }
 })

docs/development-getting-started/dev-quick-start.md

@@ -88,11 +88,7 @@ import engineConfig from './engine.config'
 
 export default {
 	// ...
---  plugins: [Materials, Tree, Page, Block, Datasource, Bridge, I18n, Script, State, Schema, Help, Robot],
-++  plugins: [DemoPlugin, Materials, Tree, Page, Block, Datasource, Bridge, I18n, Script, State, Schema, Help, Robot],
-  dsls: [{ id: 'engine.dsls.dslvue' }],
-  settings: [Props, Styles, Events],
-  canvas: Canvas
+++  [DemoPlugin.id]: DemoPlugin
 }
 
 ```

docs/extension-capabilities-tutorial/customize-page-configured.md

@@ -18,11 +18,11 @@
 import { handleClickDelete } from './tests/utils'
 export default {
   // ...
-  plugins: [
-    // ...
-    [Page, { options: { ...Page.options, customPageOperations: [{type: 'delete', label: '删除',  action: handleClickDelete}] } }]
-    // ...
-  ]
+  [META_APP.AppManage]: {
+    options: {
+      customPageOperations: [{type: 'delete', label: '删除',  action: handleClickDelete}]
+    }
+  }
   // ...
 }
 ```

docs/extension-capabilities-tutorial/customize-plugin-ui.md

@@ -8,24 +8,17 @@
 
 - `title`。标题
 - `icon`。图标，可以为字符串或者组件。如果是字符串，则会使用 tiny-engine 自带的 svg 图标
-- `align`。对齐位置，根据插件位置的不同可以为不同的值。如果是顶部工具栏，可以为 `left`, `center`, `right`；如果是左侧插件栏，可以为 `top`, `bottom`
 
 比如替换 Page 插件的图标和对齐位置
 
 ```js
 // registry.js
 export default {
   // ...
-  plugins: [
-    // ...
-    {
-      ...Page,
-      title: '定制页面插件位置',
-      icon: 'box',
-      align: 'bottom'
-    }
-    // ...
-  ]
+  [META_APP.AppManage]: {
+    title: '定制页面插件位置',
+    icon: 'box'
+  }
   // ...
 }
 ```
@@ -43,11 +36,9 @@ export default {
 import CustomPage from './custom-page'
 export default {
   // ...
-  plugins: [
-    // ...
-    { ...Page, entry: CustomPage }
-    // ...
-  ]
+  [META_APP.AppManage]: {
+    entry: CustomPage
+  }
   // ...
 }
 ```