From a6a5add72317ba4613fb58cccec0e69d16037257 Mon Sep 17 00:00:00 2001
From: hexqi <wu_12556@126.com>
Date: Fri, 5 Jul 2024 18:09:51 +0800
Subject: [PATCH 1/2] refactor: replace getPluginApi with getMetaApi

---
 .../VariableConfigurator.vue                  |  2 +-
 packages/layout/src/DesignToolbars.vue        |  7 +--
 packages/layout/src/composable/useLayout.js   | 19 +------
 .../plugins/block/src/composable/useBlock.js  |  2 +-
 packages/plugins/data/src/Main.vue            |  2 +-
 packages/register/src/constants.js            | 57 +++++++++++++++++++
 packages/register/src/index.js                |  1 +
 .../events/src/components/BindEvents.vue      |  4 +-
 .../src/components/BindEventsDialog.vue       |  4 +-
 .../components/BindEventsDialogContent.vue    |  2 +-
 .../components/BindEventsDialogSidebar.vue    |  2 +-
 packages/toolbars/lock/index.js               |  3 +-
 packages/toolbars/lock/src/Main.vue           |  2 -
 13 files changed, 71 insertions(+), 36 deletions(-)
 create mode 100644 packages/register/src/constants.js

diff --git a/packages/configurator/src/variable-configurator/VariableConfigurator.vue b/packages/configurator/src/variable-configurator/VariableConfigurator.vue
index 1c595444da..47f08f46c2 100644
--- a/packages/configurator/src/variable-configurator/VariableConfigurator.vue
+++ b/packages/configurator/src/variable-configurator/VariableConfigurator.vue
@@ -461,7 +461,7 @@ export default {
       if (item.id === 'function') {
         state.bindPrefix = CONSTANTS.THIS
         const { PLUGIN_NAME, getPluginApi } = useLayout()
-        const { getMethods } = getPluginApi(PLUGIN_NAME.PageController)
+        const { getMethods } = getPluginApi(PLUGIN_NAME.Page)
         state.variables = { ...getMethods?.() }
       } else if (item.id === 'bridge' || item.id === 'utils') {
         state.bindPrefix = `${CONSTANTS.THIS}${item.id}.`
diff --git a/packages/layout/src/DesignToolbars.vue b/packages/layout/src/DesignToolbars.vue
index 644ba96c3f..2f22ae2a7f 100644
--- a/packages/layout/src/DesignToolbars.vue
+++ b/packages/layout/src/DesignToolbars.vue
@@ -46,11 +46,8 @@ export default {
       } else {
         leftBar.push(item)
       }
-      if (item.id === 'lock') {
-        useLayout().registerPluginApi({ Lock: item.api })
-      }
-      if (item.id === 'save') {
-        useLayout().registerPluginApi({ save: item.api })
+      if (item.api) {
+        useLayout().registerPluginApi({ [item.id]: item.api })
       }
     })
     nextTick(() => {
diff --git a/packages/layout/src/composable/useLayout.js b/packages/layout/src/composable/useLayout.js
index 4623a9d02a..ed32525585 100644
--- a/packages/layout/src/composable/useLayout.js
+++ b/packages/layout/src/composable/useLayout.js
@@ -12,27 +12,10 @@
 
 import { reactive, nextTick } from 'vue'
 import { constants } from '@opentiny/tiny-engine-utils'
+import { META_APP as PLUGIN_NAME } from '@opentiny/tiny-engine-meta-register'
 
 const { PAGE_STATUS } = constants
 
-const PLUGIN_NAME = {
-  Materials: 'engine.plugins.materials',
-  AppManage: 'engine.plugins.appmanage',
-  BlockManage: 'engine.plugins.blockmanage',
-  Bridge: 'engine.plugins.bridge',
-  State: 'engine.plugins.state',
-  Collections: 'engine.plugins.collections',
-  EditorHelp: 'engine.plugins.editorhelp',
-  I18n: 'engine.plugins.i18n',
-  Robot: 'engine.plugins.robot',
-  Schema: 'engine.plugins.schema',
-  PageController: 'engine.plugins.pagecontroller',
-  OutlineTree: 'engine.plugins.outlinetree',
-  Tutorial: 'engine.plugins.tutorial',
-  Lock: 'Lock',
-  save: 'save'
-}
-
 const pluginState = reactive({
   pluginEvent: 'all'
 })
diff --git a/packages/plugins/block/src/composable/useBlock.js b/packages/plugins/block/src/composable/useBlock.js
index 99dfb09b2e..4094892d9d 100644
--- a/packages/plugins/block/src/composable/useBlock.js
+++ b/packages/plugins/block/src/composable/useBlock.js
@@ -474,7 +474,7 @@ const appendEventEmit = ({ eventName, functionName } = {}) => {
   }
 
   const { PLUGIN_NAME, getPluginApi } = useLayout()
-  const getMethods = getPluginApi(PLUGIN_NAME.PageController)?.getMethods
+  const getMethods = getPluginApi(PLUGIN_NAME.Page)?.getMethods
 
   if (getMethods && typeof getMethods === 'function') {
     const method = getMethods()?.[functionName]
diff --git a/packages/plugins/data/src/Main.vue b/packages/plugins/data/src/Main.vue
index 51be52d81a..76dec50dd7 100644
--- a/packages/plugins/data/src/Main.vue
+++ b/packages/plugins/data/src/Main.vue
@@ -114,7 +114,7 @@ export default {
     const isBlock = computed(() => useCanvas().isBlock())
     const { setSaved } = useCanvas()
     const { PLUGIN_NAME, getPluginApi } = useLayout()
-    const { openCommon } = getPluginApi(PLUGIN_NAME.save)
+    const { openCommon } = getPluginApi(PLUGIN_NAME.Save)
     const docsUrl = useHelp().getDocsUrl('data')
     const state = reactive({
       dataSource: {},
diff --git a/packages/register/src/constants.js b/packages/register/src/constants.js
new file mode 100644
index 0000000000..1dba5037f0
--- /dev/null
+++ b/packages/register/src/constants.js
@@ -0,0 +1,57 @@
+export const META_SERVICE = {
+  EditorInfo: 'engine.service.editorInfo',
+  App: 'engine.service.app',
+  GenerateCode: 'engine.service.generateCode',
+  Layout: 'engine.service.layout',
+  Breadcrumb: 'engine.service.breadcrumb',
+  SaveLocal: 'engine.service.savelocal',
+  History: 'engine.service.history',
+  Resource: 'engine.service.resource',
+  Material: 'engine.service.material',
+  Page: 'engine.service.page',
+  Block: 'engine.service.block',
+  DataSource: 'engine.service.dataSource',
+  Translate: 'engine.service.translate',
+  Help: 'engine.service.help',
+  Property: 'engine.service.property',
+  Properties: 'engine.service.properties'
+}
+
+export const META_APP = {
+  Layout: 'engine.layout',
+  Logo: 'engine.toolbars.logo',
+  Breadcrumb: 'engine.toolbars.breadcrumb',
+  Media: 'engine.toolbars.media',
+  Collaboration: 'engine.toolbars.collaboration',
+  Clean: 'engine.toolbars.clean',
+  Refresh: 'engine.toolbars.refresh',
+  Save: 'engine.toolbars.save',
+  GenerateVue: 'engine.toolbars.generate-vue',
+  Preview: 'engine.toolbars.preview',
+  RedoUndo: 'engine.toolbars.redoundo',
+  Fullscreen: 'engine.toolbars.fullscreen',
+  Lock: 'engine.toolbars.lock',
+  Setting: 'engine.toolbars.setting',
+  Lang: 'engine.toolbars.lang',
+  Block: 'engine.plugins.materials.block',
+  Component: 'engine.plugins.materials.component',
+  Materials: 'engine.plugins.materials',
+  OutlineTree: 'engine.plugins.outlinetree',
+  AppManage: 'engine.plugins.appmanage',
+  BlockManage: 'engine.plugins.blockmanage',
+  Collections: 'engine.plugins.collections',
+  Bridge: 'engine.plugins.bridge',
+  I18n: 'engine.plugins.i18n',
+  Page: 'engine.plugins.pagecontroller',
+  State: 'engine.plugins.state',
+  Schema: 'engine.plugins.schema',
+  Help: 'engine.plugins.editorhelp',
+  Robot: 'engine.plugins.robot',
+  DslVue: 'engine.dsls.dslvue',
+  Props: 'engine.setting.props',
+  Styles: 'engine.setting.styles',
+  Event: 'engine.setting.event',
+  Container: 'engine.canvas.container',
+  Canvas: 'engine.canvas',
+  Tutorial: 'engine.plugins.tutorial'
+}
diff --git a/packages/register/src/index.js b/packages/register/src/index.js
index a88b30e3c3..3faa004ef1 100644
--- a/packages/register/src/index.js
+++ b/packages/register/src/index.js
@@ -18,3 +18,4 @@ export { default as useMessage } from './useMessage'
 export { useState, useStore } from './useState'
 export { getConfigurator, addConfigurator } from './configurators'
 export * from './hooks'
+export { META_APP, META_SERVICE } from './constants'
diff --git a/packages/settings/events/src/components/BindEvents.vue b/packages/settings/events/src/components/BindEvents.vue
index 02a5ebf151..e4e37f34d4 100644
--- a/packages/settings/events/src/components/BindEvents.vue
+++ b/packages/settings/events/src/components/BindEvents.vue
@@ -113,7 +113,7 @@ export default {
     const { getMaterial } = useMaterial()
     const { confirm } = useModal()
 
-    const { highlightMethod } = getPluginApi(PLUGIN_NAME.PageController)
+    const { highlightMethod } = getPluginApi(PLUGIN_NAME.Page)
 
     const { commonEvents = {} } = getMergeMeta('engine.setting.event').options
 
@@ -212,7 +212,7 @@ export default {
 
     const openCodePanel = (action) => {
       if (action) {
-        activePlugin(PLUGIN_NAME.PageController).then(() => {
+        activePlugin(PLUGIN_NAME.Page).then(() => {
           if (highlightMethod) {
             highlightMethod(action.ref)
           }
diff --git a/packages/settings/events/src/components/BindEventsDialog.vue b/packages/settings/events/src/components/BindEventsDialog.vue
index 806711f8f8..64446c362d 100644
--- a/packages/settings/events/src/components/BindEventsDialog.vue
+++ b/packages/settings/events/src/components/BindEventsDialog.vue
@@ -55,7 +55,7 @@ export default {
 
     const { PLUGIN_NAME, getPluginApi, activePlugin } = useLayout()
     const { pageState } = useCanvas()
-    const { getMethods, saveMethod, highlightMethod } = getPluginApi(PLUGIN_NAME.PageController)
+    const { getMethods, saveMethod, highlightMethod } = getPluginApi(PLUGIN_NAME.Page)
 
     const state = reactive({
       editorContent: '',
@@ -150,7 +150,7 @@ export default {
     }
 
     const activePagePlugin = () => {
-      activePlugin(PLUGIN_NAME.PageController).then(() => {
+      activePlugin(PLUGIN_NAME.Page).then(() => {
         // 确认js面板渲染完成之后再对目标函数进行高亮处理
         nextTick(() => {
           if (highlightMethod) {
diff --git a/packages/settings/events/src/components/BindEventsDialogContent.vue b/packages/settings/events/src/components/BindEventsDialogContent.vue
index 86022aec31..34017baafc 100644
--- a/packages/settings/events/src/components/BindEventsDialogContent.vue
+++ b/packages/settings/events/src/components/BindEventsDialogContent.vue
@@ -72,7 +72,7 @@ export default {
   },
   setup() {
     const { PLUGIN_NAME, getPluginApi } = useLayout()
-    const { getMethodNameList } = getPluginApi(PLUGIN_NAME.PageController)
+    const { getMethodNameList } = getPluginApi(PLUGIN_NAME.Page)
 
     const context = inject('context')
 
diff --git a/packages/settings/events/src/components/BindEventsDialogSidebar.vue b/packages/settings/events/src/components/BindEventsDialogSidebar.vue
index 8b822688a3..02f8e6a4c2 100644
--- a/packages/settings/events/src/components/BindEventsDialogSidebar.vue
+++ b/packages/settings/events/src/components/BindEventsDialogSidebar.vue
@@ -37,7 +37,7 @@ export default {
   },
   setup(props) {
     const { PLUGIN_NAME, getPluginApi } = useLayout()
-    const { getMethodNameList } = getPluginApi(PLUGIN_NAME.PageController)
+    const { getMethodNameList } = getPluginApi(PLUGIN_NAME.Page)
 
     const searchValue = ref('')
     const filteredMethodList = ref([])
diff --git a/packages/toolbars/lock/index.js b/packages/toolbars/lock/index.js
index 81ca676214..c0e0c06878 100644
--- a/packages/toolbars/lock/index.js
+++ b/packages/toolbars/lock/index.js
@@ -10,11 +10,10 @@
  *
  */
 
-import entry, { api } from './src/Main.vue'
+import entry from './src/Main.vue'
 import metaData from './meta'
 
 export default {
   ...metaData,
-  api,
   entry
 }
diff --git a/packages/toolbars/lock/src/Main.vue b/packages/toolbars/lock/src/Main.vue
index cae795ffcf..67b0a4f4f2 100644
--- a/packages/toolbars/lock/src/Main.vue
+++ b/packages/toolbars/lock/src/Main.vue
@@ -23,8 +23,6 @@ import { constants } from '@opentiny/tiny-engine-utils'
 import { Popover } from '@opentiny/vue'
 import { requestBlockPage } from './http'
 
-export const api = {}
-
 const { COMPONENT_NAME, PAGE_STATUS } = constants
 
 const componentType = {

From 6f4b74ae94efb35f4d6b2a9b38f6122add06aeb5 Mon Sep 17 00:00:00 2001
From: hexqi <wu_12556@126.com>
Date: Mon, 8 Jul 2024 08:44:00 +0800
Subject: [PATCH 2/2] refactor: import getMetaApi from register

---
 .../canvas/DesignCanvas/src/DesignCanvas.vue  |  4 ++--
 .../common/component/BlockDeployDialog.vue    | 11 ++++------
 packages/common/component/ProgressBar.vue     |  5 ++---
 .../VariableConfigurator.vue                  | 12 ++++++++---
 packages/layout/src/DesignPlugins.vue         |  8 +-------
 packages/layout/src/DesignToolbars.vue        |  4 ----
 packages/layout/src/composable/useLayout.js   | 20 +++----------------
 packages/plugins/block/index.js               |  2 +-
 .../plugins/block/src/composable/useBlock.js  | 13 +++++++++---
 packages/plugins/data/src/Main.vue            |  8 ++++----
 packages/plugins/materials/index.js           |  1 -
 .../materials/src/composable/useResource.js   | 10 +++++-----
 packages/plugins/page/index.js                |  2 +-
 packages/plugins/script/index.js              |  2 +-
 packages/plugins/tutorial/index.js            |  2 +-
 packages/plugins/tutorial/src/Main.vue        |  8 +++-----
 .../events/src/components/BindEvents.vue      | 16 +++++++++++----
 .../src/components/BindEventsDialog.vue       | 13 +++++++++---
 .../components/BindEventsDialogContent.vue    |  5 ++---
 .../components/BindEventsDialogSidebar.vue    |  5 ++---
 packages/toolbars/generate-vue/src/Main.vue   | 15 ++++++++++----
 packages/toolbars/save/index.js               |  2 +-
 packages/toolbars/save/src/js/index.js        | 17 +++++++++++-----
 23 files changed, 97 insertions(+), 88 deletions(-)

diff --git a/packages/canvas/DesignCanvas/src/DesignCanvas.vue b/packages/canvas/DesignCanvas/src/DesignCanvas.vue
index 5cd3adab43..a2c6c898a9 100644
--- a/packages/canvas/DesignCanvas/src/DesignCanvas.vue
+++ b/packages/canvas/DesignCanvas/src/DesignCanvas.vue
@@ -24,14 +24,14 @@ import {
   useLayout,
   useMaterial,
   useHistory,
-  useModal
+  useModal,
+  getMergeRegistry
 } from '@opentiny/tiny-engine-meta-register'
 import materials from '@opentiny/tiny-engine-plugin-materials'
 import { useHttp } from '@opentiny/tiny-engine-http'
 import { constants } from '@opentiny/tiny-engine-utils'
 import { isVsCodeEnv, isDevelopEnv } from '@opentiny/tiny-engine-common/js/environments'
 import * as ast from '@opentiny/tiny-engine-common/js/ast'
-import { getMergeRegistry } from '@opentiny/tiny-engine-meta-register'
 
 const { PAGE_STATUS } = constants
 const tenant = new URLSearchParams(location.search).get('tenant') || ''
diff --git a/packages/common/component/BlockDeployDialog.vue b/packages/common/component/BlockDeployDialog.vue
index 9059b14447..35539b88de 100644
--- a/packages/common/component/BlockDeployDialog.vue
+++ b/packages/common/component/BlockDeployDialog.vue
@@ -81,7 +81,7 @@ import {
   Popover as TinyPopover,
   FormItem as TinyFormItem
 } from '@opentiny/vue'
-import { useLayout, useNotify, useCanvas } from '@opentiny/tiny-engine-meta-register'
+import { useNotify, useCanvas, getMetaApi, META_APP } from '@opentiny/tiny-engine-meta-register'
 import { constants } from '@opentiny/tiny-engine-utils'
 import VueMonaco from './VueMonaco.vue'
 
@@ -152,8 +152,7 @@ export default {
 
     const deployBlock = async () => {
       deployBlockRef.value.validate((valid) => {
-        const { PLUGIN_NAME, getPluginApi } = useLayout()
-        const { getEditBlock, publishBlock } = getPluginApi(PLUGIN_NAME.BlockManage)
+        const { getEditBlock, publishBlock } = getMetaApi(META_APP.BlockManage)
         if (valid) {
           const params = {
             block: getEditBlock(),
@@ -172,11 +171,9 @@ export default {
     }
 
     const changeCompare = async (value) => {
-      const { PLUGIN_NAME, getPluginApi } = useLayout()
-      const { getEditBlock } = getPluginApi(PLUGIN_NAME.BlockManage)
+      const api = getMetaApi(META_APP.BlockManage)
       if (value) {
-        const api = getPluginApi(PLUGIN_NAME.BlockManage)
-        const block = getEditBlock()
+        const block = api.getEditBlock()
         const remote = await api.getBlockById(block?.id)
         const originalObj = remote?.content || {}
         state.originalCode = JSON.stringify(originalObj, null, 2)
diff --git a/packages/common/component/ProgressBar.vue b/packages/common/component/ProgressBar.vue
index 4eaafbb262..b09e4ada7a 100644
--- a/packages/common/component/ProgressBar.vue
+++ b/packages/common/component/ProgressBar.vue
@@ -14,15 +14,14 @@
 <script>
 import { computed } from 'vue'
 import { Progress as TinyProgress } from '@opentiny/vue'
-import { useLayout } from '@opentiny/tiny-engine-meta-register'
+import { getMetaApi, META_APP } from '@opentiny/tiny-engine-meta-register'
 
 export default {
   components: {
     TinyProgress
   },
   setup() {
-    const { PLUGIN_NAME, getPluginApi } = useLayout()
-    const { getEditBlock } = getPluginApi(PLUGIN_NAME.BlockManage)
+    const { getEditBlock } = getMetaApi(META_APP.BlockManage)
     const editBlock = computed(getEditBlock)
 
     return {
diff --git a/packages/configurator/src/variable-configurator/VariableConfigurator.vue b/packages/configurator/src/variable-configurator/VariableConfigurator.vue
index 47f08f46c2..35253d2dd5 100644
--- a/packages/configurator/src/variable-configurator/VariableConfigurator.vue
+++ b/packages/configurator/src/variable-configurator/VariableConfigurator.vue
@@ -121,7 +121,14 @@
 
 <script>
 import { VueMonaco as MonacoEditor, SvgButton } from '@opentiny/tiny-engine-common'
-import { useApp, useCanvas, useLayout, useProperties, useResource } from '@opentiny/tiny-engine-meta-register'
+import {
+  useApp,
+  useCanvas,
+  useProperties,
+  useResource,
+  getMetaApi,
+  META_APP
+} from '@opentiny/tiny-engine-meta-register'
 import { getCommentByKey } from '@opentiny/tiny-engine-common/js/comment'
 import { formatString, generate, parse, traverse } from '@opentiny/tiny-engine-common/js/ast'
 import { DEFAULT_LOOP_NAME } from '@opentiny/tiny-engine-common/js/constants'
@@ -460,8 +467,7 @@ export default {
 
       if (item.id === 'function') {
         state.bindPrefix = CONSTANTS.THIS
-        const { PLUGIN_NAME, getPluginApi } = useLayout()
-        const { getMethods } = getPluginApi(PLUGIN_NAME.Page)
+        const { getMethods } = getMetaApi(META_APP.Page)
         state.variables = { ...getMethods?.() }
       } else if (item.id === 'bridge' || item.id === 'utils') {
         state.bindPrefix = `${CONSTANTS.THIS}${item.id}.`
diff --git a/packages/layout/src/DesignPlugins.vue b/packages/layout/src/DesignPlugins.vue
index 70a6c08d00..13d3938d60 100644
--- a/packages/layout/src/DesignPlugins.vue
+++ b/packages/layout/src/DesignPlugins.vue
@@ -102,18 +102,12 @@ export default {
     const {
       PLUGIN_NAME,
       pluginState,
-      registerPluginApi,
       layoutState: { plugins: pluginsState }
     } = useLayout()
 
-    props.plugins.forEach(({ id, entry, api, icon }) => {
+    props.plugins.forEach(({ id, entry, icon }) => {
       components[id] = entry
       iconComponents[id] = icon
-      if (api) {
-        registerPluginApi({
-          [id]: api
-        })
-      }
     })
 
     const state = reactive({
diff --git a/packages/layout/src/DesignToolbars.vue b/packages/layout/src/DesignToolbars.vue
index 2f22ae2a7f..859132f0e2 100644
--- a/packages/layout/src/DesignToolbars.vue
+++ b/packages/layout/src/DesignToolbars.vue
@@ -17,7 +17,6 @@
 
 <script>
 import { reactive, nextTick } from 'vue'
-import { useLayout } from '@opentiny/tiny-engine-meta-register'
 import { ProgressBar } from '@opentiny/tiny-engine-common'
 
 export default {
@@ -46,9 +45,6 @@ export default {
       } else {
         leftBar.push(item)
       }
-      if (item.api) {
-        useLayout().registerPluginApi({ [item.id]: item.api })
-      }
     })
     nextTick(() => {
       state.showDeployBlock = true
diff --git a/packages/layout/src/composable/useLayout.js b/packages/layout/src/composable/useLayout.js
index ed32525585..75d515e648 100644
--- a/packages/layout/src/composable/useLayout.js
+++ b/packages/layout/src/composable/useLayout.js
@@ -12,7 +12,7 @@
 
 import { reactive, nextTick } from 'vue'
 import { constants } from '@opentiny/tiny-engine-utils'
-import { META_APP as PLUGIN_NAME } from '@opentiny/tiny-engine-meta-register'
+import { META_APP as PLUGIN_NAME, getMetaApi } from '@opentiny/tiny-engine-meta-register'
 
 const { PAGE_STATUS } = constants
 
@@ -33,8 +33,7 @@ const layoutState = reactive({
   },
   plugins: {
     fixedPanels: [PLUGIN_NAME.Materials],
-    render: null,
-    api: {} // 插件需要注册交互API到这里
+    render: null
   },
   settings: {
     render: 'props',
@@ -48,10 +47,6 @@ const layoutState = reactive({
   pageStatus: ''
 })
 
-const registerPluginApi = (api) => {
-  Object.assign(layoutState.plugins.api, api)
-}
-
 const getScale = () => layoutState.dimension.scale
 
 // 激活setting面板并高亮提示
@@ -68,13 +63,6 @@ const activeSetting = (name) => {
   })
 }
 
-// 获取当前插件注册的Api
-const getPluginApi = (pluginName) => {
-  const { plugins } = layoutState
-
-  return plugins.api[pluginName] || plugins.api
-}
-
 // 激活plugin面板并返回当前插件注册的Api
 const activePlugin = (name, noActiveRender) => {
   const { plugins } = layoutState
@@ -84,7 +72,7 @@ const activePlugin = (name, noActiveRender) => {
   }
 
   return new Promise((resolve) => {
-    nextTick(() => resolve(getPluginApi(name)))
+    nextTick(() => resolve(getMetaApi(name)))
   })
 }
 
@@ -116,8 +104,6 @@ export default () => {
     getScale,
     setDimension,
     getDimension,
-    registerPluginApi,
-    getPluginApi,
     getPluginState,
     pluginState,
     isEmptyPage
diff --git a/packages/plugins/block/index.js b/packages/plugins/block/index.js
index dded1a8ab5..539607789f 100644
--- a/packages/plugins/block/index.js
+++ b/packages/plugins/block/index.js
@@ -16,7 +16,7 @@ import { BlockService } from './src/composable'
 
 export default {
   ...metaData,
-  api,
+  apis: api,
   entry,
   metas: [BlockService]
 }
diff --git a/packages/plugins/block/src/composable/useBlock.js b/packages/plugins/block/src/composable/useBlock.js
index 4094892d9d..cc57bfbc7f 100644
--- a/packages/plugins/block/src/composable/useBlock.js
+++ b/packages/plugins/block/src/composable/useBlock.js
@@ -20,7 +20,15 @@ import { getMergeMeta } from '@opentiny/tiny-engine-meta-register'
 import { getCanvasStatus } from '@opentiny/tiny-engine-common/js/canvas'
 import { ast2String, parseExpression } from '@opentiny/tiny-engine-common/js/ast'
 import { getCssObjectFromStyleStr } from '@opentiny/tiny-engine-common/js/css'
-import { useCanvas, useTranslate, useEditorInfo, useBreadcrumb, useLayout } from '@opentiny/tiny-engine-meta-register'
+import {
+  useCanvas,
+  useTranslate,
+  useEditorInfo,
+  useBreadcrumb,
+  useLayout,
+  getMetaApi,
+  META_APP
+} from '@opentiny/tiny-engine-meta-register'
 
 const { SORT_TYPE, SCHEMA_DATA_TYPE, BLOCK_OPENNESS } = constants
 
@@ -473,8 +481,7 @@ const appendEventEmit = ({ eventName, functionName } = {}) => {
     return
   }
 
-  const { PLUGIN_NAME, getPluginApi } = useLayout()
-  const getMethods = getPluginApi(PLUGIN_NAME.Page)?.getMethods
+  const getMethods = getMetaApi(META_APP.Page)?.getMethods
 
   if (getMethods && typeof getMethods === 'function') {
     const method = getMethods()?.[functionName]
diff --git a/packages/plugins/data/src/Main.vue b/packages/plugins/data/src/Main.vue
index 76dec50dd7..01e8a8c6a0 100644
--- a/packages/plugins/data/src/Main.vue
+++ b/packages/plugins/data/src/Main.vue
@@ -75,8 +75,9 @@ import {
   useEditorInfo,
   useResource,
   useNotify,
-  useLayout,
-  useHelp
+  useHelp,
+  getMetaApi,
+  META_APP
 } from '@opentiny/tiny-engine-meta-register'
 import { getCommentByKey } from '@opentiny/tiny-engine-common/js/comment'
 import { iconSearch } from '@opentiny/vue-icon'
@@ -113,8 +114,7 @@ export default {
     const activeName = ref(STATE.CURRENT_STATE)
     const isBlock = computed(() => useCanvas().isBlock())
     const { setSaved } = useCanvas()
-    const { PLUGIN_NAME, getPluginApi } = useLayout()
-    const { openCommon } = getPluginApi(PLUGIN_NAME.Save)
+    const { openCommon } = getMetaApi(META_APP.Save)
     const docsUrl = useHelp().getDocsUrl('data')
     const state = reactive({
       dataSource: {},
diff --git a/packages/plugins/materials/index.js b/packages/plugins/materials/index.js
index 47572a5f1c..0f6f10145c 100644
--- a/packages/plugins/materials/index.js
+++ b/packages/plugins/materials/index.js
@@ -30,7 +30,6 @@ export default {
     header: MaterialHeader
   },
   apis: { ...MaterialBlock.apis },
-  api: { ...MaterialBlock.apis },
   metas: [MaterialBlock, MaterialComponent, ResourceService, MaterialService]
 }
 
diff --git a/packages/plugins/materials/src/composable/useResource.js b/packages/plugins/materials/src/composable/useResource.js
index 45b98e72db..bbc3828598 100644
--- a/packages/plugins/materials/src/composable/useResource.js
+++ b/packages/plugins/materials/src/composable/useResource.js
@@ -22,7 +22,9 @@ import {
   useBreadcrumb,
   useLayout,
   useBlock,
-  useMaterial
+  useMaterial,
+  getMetaApi,
+  META_APP
 } from '@opentiny/tiny-engine-meta-register'
 
 const { COMPONENT_NAME, DEFAULT_INTERCEPTOR } = constants
@@ -67,8 +69,7 @@ const initPage = (pageInfo) => {
  * @param {string} blockId 区块 id
  */
 const initBlock = async (blockId) => {
-  const { PLUGIN_NAME, getPluginApi } = useLayout()
-  const blockApi = getPluginApi(PLUGIN_NAME.BlockManage)
+  const blockApi = getMetaApi(META_APP.BlockManage)
   const blockContent = await blockApi.getBlockById(blockId)
 
   if (blockContent.public_scope_tenants.length) {
@@ -86,8 +87,7 @@ const initPageOrBlock = async () => {
   const { setBreadcrumbPage } = useBreadcrumb()
 
   if (pageId) {
-    const { PLUGIN_NAME, getPluginApi } = useLayout()
-    const pagePluginApi = getPluginApi(PLUGIN_NAME.AppManage)
+    const pagePluginApi = getMetaApi(META_APP.AppManage)
 
     const data = await pagePluginApi.getPageById(pageId)
 
diff --git a/packages/plugins/page/index.js b/packages/plugins/page/index.js
index 89d43655a8..c925acfac3 100644
--- a/packages/plugins/page/index.js
+++ b/packages/plugins/page/index.js
@@ -16,7 +16,7 @@ import { PageService } from './src/composable'
 
 export default {
   ...metaData,
-  api,
+  apis: api,
   entry,
   metas: [PageService]
 }
diff --git a/packages/plugins/script/index.js b/packages/plugins/script/index.js
index b10af68d0d..d484f3e79b 100644
--- a/packages/plugins/script/index.js
+++ b/packages/plugins/script/index.js
@@ -15,6 +15,6 @@ import metaData from './meta.js'
 
 export default {
   ...metaData,
-  api,
+  apis: api,
   entry
 }
diff --git a/packages/plugins/tutorial/index.js b/packages/plugins/tutorial/index.js
index 43cf8c2a0f..380c283145 100644
--- a/packages/plugins/tutorial/index.js
+++ b/packages/plugins/tutorial/index.js
@@ -16,5 +16,5 @@ import metaData from './meta.js'
 export default {
   ...metaData,
   entry,
-  api
+  apis: api
 }
diff --git a/packages/plugins/tutorial/src/Main.vue b/packages/plugins/tutorial/src/Main.vue
index f8f7e3f6db..23329c39d2 100644
--- a/packages/plugins/tutorial/src/Main.vue
+++ b/packages/plugins/tutorial/src/Main.vue
@@ -43,7 +43,7 @@
 import { onMounted, reactive, ref } from 'vue'
 import { PluginPanel, SvgButton } from '@opentiny/tiny-engine-common'
 import { IconChevronRight } from '@opentiny/vue-icon'
-import { useLayout } from '@opentiny/tiny-engine-meta-register'
+import { getMetaApi, META_APP } from '@opentiny/tiny-engine-meta-register'
 import { Collapse, CollapseItem } from '@opentiny/vue'
 import TutorialVideoPanel, { open as openPanel } from './TutorialVideoPanel.vue'
 import { fetchTutorialList } from './js/http'
@@ -103,16 +103,14 @@ export default {
       boxVisibility.value = false
     }
 
-    const { PLUGIN_NAME, getPluginApi } = useLayout()
-
     const openVideoPanel = () => {
-      const { open } = getPluginApi(PLUGIN_NAME.Tutorial)
+      const { open } = getMetaApi(META_APP.Tutorial)
       open()
     }
 
     return {
       state,
-      PLUGIN_NAME,
+      PLUGIN_NAME: META_APP,
       playVideo,
       boxVisibility,
       close,
diff --git a/packages/settings/events/src/components/BindEvents.vue b/packages/settings/events/src/components/BindEvents.vue
index e4e37f34d4..fae2082d1d 100644
--- a/packages/settings/events/src/components/BindEvents.vue
+++ b/packages/settings/events/src/components/BindEvents.vue
@@ -87,8 +87,16 @@
 <script>
 import { computed, reactive, watchEffect } from 'vue'
 import { Popover, Button } from '@opentiny/vue'
-import { useModal } from '@opentiny/tiny-engine-meta-register'
-import { getMergeMeta, useCanvas, useLayout, useBlock, useMaterial } from '@opentiny/tiny-engine-meta-register'
+import {
+  useModal,
+  getMergeMeta,
+  useCanvas,
+  useLayout,
+  useBlock,
+  useMaterial,
+  getMetaApi,
+  META_APP
+} from '@opentiny/tiny-engine-meta-register'
 import { BlockLinkEvent, SvgButton } from '@opentiny/tiny-engine-common'
 import { iconHelpQuery, iconChevronDown } from '@opentiny/vue-icon'
 import BindEventsDialog, { open as openDialog } from './BindEventsDialog.vue'
@@ -107,13 +115,13 @@ export default {
   },
   inheritAttrs: false,
   setup() {
-    const { PLUGIN_NAME, activePlugin, getPluginApi } = useLayout()
+    const { PLUGIN_NAME, activePlugin } = useLayout()
     const { pageState } = useCanvas()
     const { getBlockEvents, getCurrentBlock, removeEventLink } = useBlock()
     const { getMaterial } = useMaterial()
     const { confirm } = useModal()
 
-    const { highlightMethod } = getPluginApi(PLUGIN_NAME.Page)
+    const { highlightMethod } = getMetaApi(META_APP.Page)
 
     const { commonEvents = {} } = getMergeMeta('engine.setting.event').options
 
diff --git a/packages/settings/events/src/components/BindEventsDialog.vue b/packages/settings/events/src/components/BindEventsDialog.vue
index 64446c362d..7f1ef0d527 100644
--- a/packages/settings/events/src/components/BindEventsDialog.vue
+++ b/packages/settings/events/src/components/BindEventsDialog.vue
@@ -22,7 +22,14 @@
 
 <script>
 import { ast2String, string2Ast } from '@opentiny/tiny-engine-common/js/ast'
-import { getMergeMeta, useCanvas, useHistory, useLayout } from '@opentiny/tiny-engine-meta-register'
+import {
+  getMergeMeta,
+  useCanvas,
+  useHistory,
+  useLayout,
+  getMetaApi,
+  META_APP
+} from '@opentiny/tiny-engine-meta-register'
 import { Button, DialogBox } from '@opentiny/vue'
 import { nextTick, provide, reactive, ref } from 'vue'
 import { METHOD_TIPS_MAP } from './constants'
@@ -53,9 +60,9 @@ export default {
   setup(props) {
     const { BindEventsDialogSidebar, BindEventsDialogContent } = getMergeMeta(meta.id).components
 
-    const { PLUGIN_NAME, getPluginApi, activePlugin } = useLayout()
+    const { PLUGIN_NAME, activePlugin } = useLayout()
     const { pageState } = useCanvas()
-    const { getMethods, saveMethod, highlightMethod } = getPluginApi(PLUGIN_NAME.Page)
+    const { getMethods, saveMethod, highlightMethod } = getMetaApi(META_APP.Page)
 
     const state = reactive({
       editorContent: '',
diff --git a/packages/settings/events/src/components/BindEventsDialogContent.vue b/packages/settings/events/src/components/BindEventsDialogContent.vue
index 34017baafc..45fafdb5b2 100644
--- a/packages/settings/events/src/components/BindEventsDialogContent.vue
+++ b/packages/settings/events/src/components/BindEventsDialogContent.vue
@@ -53,7 +53,7 @@
 
 <script>
 import { VueMonaco } from '@opentiny/tiny-engine-common'
-import { useLayout } from '@opentiny/tiny-engine-meta-register'
+import { getMetaApi, META_APP } from '@opentiny/tiny-engine-meta-register'
 import { Input, Popover, Switch } from '@opentiny/vue'
 import { iconHelpQuery } from '@opentiny/vue-icon'
 import { inject } from 'vue'
@@ -71,8 +71,7 @@ export default {
     dialogVisible: Boolean
   },
   setup() {
-    const { PLUGIN_NAME, getPluginApi } = useLayout()
-    const { getMethodNameList } = getPluginApi(PLUGIN_NAME.Page)
+    const { getMethodNameList } = getMetaApi(META_APP.Page)
 
     const context = inject('context')
 
diff --git a/packages/settings/events/src/components/BindEventsDialogSidebar.vue b/packages/settings/events/src/components/BindEventsDialogSidebar.vue
index 02f8e6a4c2..9171eec081 100644
--- a/packages/settings/events/src/components/BindEventsDialogSidebar.vue
+++ b/packages/settings/events/src/components/BindEventsDialogSidebar.vue
@@ -18,7 +18,7 @@
 </template>
 
 <script>
-import { useLayout } from '@opentiny/tiny-engine-meta-register'
+import { getMetaApi, META_APP } from '@opentiny/tiny-engine-meta-register'
 import { Search } from '@opentiny/vue'
 import { iconYes } from '@opentiny/vue-icon'
 import { inject, ref, watchEffect } from 'vue'
@@ -36,8 +36,7 @@ export default {
     }
   },
   setup(props) {
-    const { PLUGIN_NAME, getPluginApi } = useLayout()
-    const { getMethodNameList } = getPluginApi(PLUGIN_NAME.Page)
+    const { getMethodNameList } = getMetaApi(META_APP.Page)
 
     const searchValue = ref('')
     const filteredMethodList = ref([])
diff --git a/packages/toolbars/generate-vue/src/Main.vue b/packages/toolbars/generate-vue/src/Main.vue
index 5a4e3c996c..f20a469ca2 100644
--- a/packages/toolbars/generate-vue/src/Main.vue
+++ b/packages/toolbars/generate-vue/src/Main.vue
@@ -23,8 +23,16 @@
 <script>
 import { reactive } from 'vue'
 import { Popover } from '@opentiny/vue'
-import { useBlock, useCanvas, useNotify, useLayout, useEditorInfo } from '@opentiny/tiny-engine-meta-register'
-import { getMergeMeta, getMetaApi } from '@opentiny/tiny-engine-meta-register'
+import {
+  useBlock,
+  useCanvas,
+  useNotify,
+  useLayout,
+  useEditorInfo,
+  getMetaApi,
+  META_APP,
+  getMergeMeta
+} from '@opentiny/tiny-engine-meta-register'
 import { fs } from '@opentiny/tiny-engine-utils'
 import { useHttp } from '@opentiny/tiny-engine-http'
 import { fetchMetaData, fetchPageList, fetchBlockSchema } from './http'
@@ -89,8 +97,7 @@ export default {
     const { getAllNestedBlocksSchema, generateAppCode } = getMetaApi('engine.service.generateCode')
 
     const getAllPageDetails = async (pageList) => {
-      const { PLUGIN_NAME, getPluginApi } = useLayout()
-      const detailPromise = pageList.map(({ id }) => getPluginApi(PLUGIN_NAME.AppManage).getPageById(id))
+      const detailPromise = pageList.map(({ id }) => getMetaApi(META_APP.AppManage).getPageById(id))
       const detailList = await Promise.allSettled(detailPromise)
 
       return detailList
diff --git a/packages/toolbars/save/index.js b/packages/toolbars/save/index.js
index 23f16fd548..0cb4859af7 100644
--- a/packages/toolbars/save/index.js
+++ b/packages/toolbars/save/index.js
@@ -16,5 +16,5 @@ import metaData from './meta'
 export default {
   ...metaData,
   entry,
-  api
+  apis: api
 }
diff --git a/packages/toolbars/save/src/js/index.js b/packages/toolbars/save/src/js/index.js
index 1b3641b16b..9fa78f5afb 100644
--- a/packages/toolbars/save/src/js/index.js
+++ b/packages/toolbars/save/src/js/index.js
@@ -11,12 +11,19 @@
  */
 
 import { reactive, ref } from 'vue'
-import { useBlock, useCanvas, useLayout, useNotify, usePage } from '@opentiny/tiny-engine-meta-register'
+import {
+  useBlock,
+  useCanvas,
+  useLayout,
+  useNotify,
+  usePage,
+  getMetaApi,
+  META_APP
+} from '@opentiny/tiny-engine-meta-register'
 import { constants } from '@opentiny/tiny-engine-utils'
 import { handlePageUpdate } from '@opentiny/tiny-engine-common/js/http'
 
 const { pageState, isSaved, isBlock, canvasApi } = useCanvas()
-const { PLUGIN_NAME, getPluginApi } = useLayout()
 const { getCurrentBlock } = useBlock()
 const { PAGE_STATUS } = constants
 const { pageSettingState, isTemporaryPage } = usePage()
@@ -31,7 +38,7 @@ export const isLoading = ref(false)
 
 // 保存或新建区块
 const saveBlock = async (pageSchema) => {
-  const api = getPluginApi(PLUGIN_NAME.BlockManage)
+  const api = getMetaApi(META_APP.BlockManage)
   const block = getCurrentBlock()
 
   block.label = pageSchema.fileName
@@ -117,12 +124,12 @@ export const openCommon = async () => {
   // 获取请求前schema代码，暂时先屏蔽
   /**
    if (isBlock()) {
-          const api = getPluginApi(PLUGIN_NAME.BlockManage)
+          const api = getMetaApi(META_APP.BlockManage)
           const block = getCurrentBlock()
           const remote = await api.getBlockById(block?.id)
           state.originalCode = JSON.stringify(remote?.content || {}, null, 2)
         } else {
-          const api = getPluginApi(PLUGIN_NAME.AppManage)
+          const api = getMetaApi(META_APP.AppManage)
           const remote = await api.getPageById(pageState?.currentPage?.id)
           state.originalCode = JSON.stringify(remote?.['page_content'] || {}, null, 2)
         }