From 84b174beae8df9d9b29a6b63dea476c620f0fabe Mon Sep 17 00:00:00 2001
From: gene9831 <pacify.98@gmail.com>
Date: Wed, 22 May 2024 20:02:52 -0700
Subject: [PATCH 1/4] feat(plugins): add meta.js for plugins

---
 packages/common/component/BindI18n.vue      |  3 ++-
 packages/controller/src/useLayout.js        | 19 +++++++++-----
 packages/design-core/src/DesignPlugins.vue  | 10 +++----
 packages/plugins/block/index.js             | 26 +++++++++---------
 packages/plugins/block/meta.js              |  7 +++++
 packages/plugins/block/package.json         |  1 +
 packages/plugins/block/src/Main.vue         |  1 +
 packages/plugins/bridge/index.js            | 26 +++++++++---------
 packages/plugins/bridge/meta.js             |  7 +++++
 packages/plugins/bridge/package.json        |  1 +
 packages/plugins/bridge/src/Main.vue        |  1 +
 packages/plugins/data/index.js              | 26 +++++++++---------
 packages/plugins/data/meta.js               |  7 +++++
 packages/plugins/data/package.json          |  1 +
 packages/plugins/data/src/Main.vue          |  1 +
 packages/plugins/datasource/index.js        | 26 +++++++++---------
 packages/plugins/datasource/meta.js         |  7 +++++
 packages/plugins/datasource/package.json    |  1 +
 packages/plugins/datasource/src/Main.vue    |  1 +
 packages/plugins/help/index.js              |  7 ++---
 packages/plugins/help/meta.js               |  9 +++++++
 packages/plugins/help/package.json          |  1 +
 packages/plugins/help/src/HelpIcon.vue      |  1 +
 packages/plugins/materials/index.js         | 26 +++++++++---------
 packages/plugins/materials/meta.js          |  7 +++++
 packages/plugins/materials/package.json     |  1 +
 packages/plugins/materials/src/Main.vue     |  1 +
 packages/plugins/page/index.js              | 26 +++++++++---------
 packages/plugins/page/meta.js               |  7 +++++
 packages/plugins/page/package.json          |  1 +
 packages/plugins/page/src/Main.vue          |  1 +
 packages/plugins/robot/index.js             | 26 +++++++++---------
 packages/plugins/robot/meta.js              |  7 +++++
 packages/plugins/robot/package.json         |  1 +
 packages/plugins/robot/src/Main.vue         |  1 +
 packages/plugins/schema/index.js            | 26 +++++++++---------
 packages/plugins/schema/meta.js             |  7 +++++
 packages/plugins/schema/package.json        |  1 +
 packages/plugins/schema/src/Main.vue        |  1 +
 packages/plugins/script/index.js            | 29 +++++++++------------
 packages/plugins/script/meta.js             |  8 ++++++
 packages/plugins/script/package.json        |  1 +
 packages/plugins/script/src/Main.vue        |  1 +
 packages/plugins/tree/index.js              | 26 +++++++++---------
 packages/plugins/tree/meta.js               |  7 +++++
 packages/plugins/tree/package.json          |  1 +
 packages/plugins/tree/src/Main.vue          |  1 +
 packages/plugins/tutorial/index.js          | 26 +++++++++---------
 packages/plugins/tutorial/meta.js           |  7 +++++
 packages/plugins/tutorial/package.json      |  1 +
 packages/plugins/tutorial/src/Main.vue      |  8 +++---
 packages/toolbars/generate-vue/src/Main.vue |  3 ++-
 packages/toolbars/logo/src/Main.vue         |  6 ++---
 packages/utils/src/constants/index.js       | 10 -------
 54 files changed, 274 insertions(+), 191 deletions(-)
 create mode 100644 packages/plugins/block/meta.js
 create mode 100644 packages/plugins/bridge/meta.js
 create mode 100644 packages/plugins/data/meta.js
 create mode 100644 packages/plugins/datasource/meta.js
 create mode 100644 packages/plugins/help/meta.js
 create mode 100644 packages/plugins/materials/meta.js
 create mode 100644 packages/plugins/page/meta.js
 create mode 100644 packages/plugins/robot/meta.js
 create mode 100644 packages/plugins/schema/meta.js
 create mode 100644 packages/plugins/script/meta.js
 create mode 100644 packages/plugins/tree/meta.js
 create mode 100644 packages/plugins/tutorial/meta.js

diff --git a/packages/common/component/BindI18n.vue b/packages/common/component/BindI18n.vue
index 9a93a2494a..c01bd07ca0 100644
--- a/packages/common/component/BindI18n.vue
+++ b/packages/common/component/BindI18n.vue
@@ -117,7 +117,8 @@ export default {
       emit('bind', { ...data, key })
     }
 
-    const activeI18n = () => useLayout().activePlugin('I18n')
+    const { PLUGIN_NAME, activePlugin } = useLayout()
+    const activeI18n = () => activePlugin(PLUGIN_NAME.I18n)
 
     const addBindI18n = () => {
       useTranslate().ensureI18n(editForm, true)
diff --git a/packages/controller/src/useLayout.js b/packages/controller/src/useLayout.js
index 368b771295..6e1f744bad 100644
--- a/packages/controller/src/useLayout.js
+++ b/packages/controller/src/useLayout.js
@@ -16,13 +16,20 @@ import { constants } from '@opentiny/tiny-engine-utils'
 const { PAGE_STATUS } = constants
 
 const PLUGIN_NAME = {
-  Materials: 'Materials',
-  AppManage: 'AppManage',
-  BlockManage: 'BlockManage',
-  PageController: 'PageController',
+  Materials: 'engine.plugins.materials',
+  AppManage: 'engine.plugins.appmanage',
+  BlockManage: 'engine.plugins.blockmanage',
+  Bridge: 'engine.plugins.bridge',
+  DataSource: 'engine.plugins.datasource',
+  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',
-  Tutorial: 'Tutorial',
-  OutlineTree: 'OutlineTree',
   save: 'save'
 }
 
diff --git a/packages/design-core/src/DesignPlugins.vue b/packages/design-core/src/DesignPlugins.vue
index 2c7f1e5c55..00309c9ec0 100644
--- a/packages/design-core/src/DesignPlugins.vue
+++ b/packages/design-core/src/DesignPlugins.vue
@@ -119,9 +119,9 @@ export default {
     const robotVisible = ref(false)
     const robotComponent = ref(null)
     const { isTemporaryPage } = usePage()
-    const HELP_PLUGIN_ID = 'EditorHelp'
 
     const {
+      PLUGIN_NAME,
       pluginState,
       registerPluginApi,
       layoutState: { plugins: pluginsState }
@@ -154,7 +154,7 @@ export default {
     }
 
     const clickMenu = ({ item, index }) => {
-      if (item.id === HELP_PLUGIN_ID) return
+      if (item.id === PLUGIN_NAME.EditorHelp) return
       state.prevIdex = index
 
       // 切换插件与关闭插件时确认
@@ -177,8 +177,8 @@ export default {
     }
     watch(isTemporaryPage, () => {
       if (isTemporaryPage.saved) {
-        const pagePanel = state.topNavLists?.find((item) => item.id === 'AppManage') || null
-        const pageIndex = state.topNavLists?.findIndex((item) => item.id === 'AppManage') || -1
+        const pagePanel = state.topNavLists?.find((item) => item.id === PLUGIN_NAME.AppManage) || null
+        const pageIndex = state.topNavLists?.findIndex((item) => item.id === PLUGIN_NAME.AppManage) || -1
         if (pagePanel !== props.renderPanel) {
           clickMenu({ item: pagePanel, index: pageIndex })
         }
@@ -186,7 +186,7 @@ export default {
     })
 
     const openAIRobot = () => {
-      robotComponent.value = components.Robot
+      robotComponent.value = components[PLUGIN_NAME.Robot]
       robotVisible.value = !robotVisible.value
     }
     const close = () => {
diff --git a/packages/plugins/block/index.js b/packages/plugins/block/index.js
index 3c343f5ed7..8d986e6302 100644
--- a/packages/plugins/block/index.js
+++ b/packages/plugins/block/index.js
@@ -1,22 +1,20 @@
 /**
-* Copyright (c) 2023 - present TinyEngine Authors.
-* Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
-*
-* Use of this source code is governed by an MIT-style license.
-*
-* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
-* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
-* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
-*
-*/
+ * Copyright (c) 2023 - present TinyEngine Authors.
+ * Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
 
 import component, { api } from './src/Main.vue'
+import metaData from './meta.js'
 
 export default {
-  id: 'BlockManage',
-  title: '区块管理',
-  icon: 'plugin-icon-symbol',
-  align: 'top',
+  ...metaData,
   api,
   component
 }
diff --git a/packages/plugins/block/meta.js b/packages/plugins/block/meta.js
new file mode 100644
index 0000000000..01d507a79a
--- /dev/null
+++ b/packages/plugins/block/meta.js
@@ -0,0 +1,7 @@
+export default {
+  id: 'engine.plugins.blockmanage',
+  title: '区块管理',
+  type: 'plugins',
+  align: 'top',
+  icon: 'plugin-icon-symbol'
+}
diff --git a/packages/plugins/block/package.json b/packages/plugins/block/package.json
index f72f2f6e9e..3f369b56b9 100644
--- a/packages/plugins/block/package.json
+++ b/packages/plugins/block/package.json
@@ -27,6 +27,7 @@
     "@opentiny/tiny-engine-canvas": "workspace:*",
     "@opentiny/tiny-engine-common": "workspace:*",
     "@opentiny/tiny-engine-controller": "workspace:*",
+    "@opentiny/tiny-engine-entry": "workspace:*",
     "@opentiny/tiny-engine-http": "workspace:*",
     "@opentiny/tiny-engine-utils": "workspace:*",
     "html2canvas": "^1.4.1",
diff --git a/packages/plugins/block/src/Main.vue b/packages/plugins/block/src/Main.vue
index 337f756f10..4c31f9ef7d 100644
--- a/packages/plugins/block/src/Main.vue
+++ b/packages/plugins/block/src/Main.vue
@@ -104,6 +104,7 @@
 </template>
 
 <script lang="jsx">
+/* metaService */
 import { ref, reactive, computed, watch } from 'vue'
 import {
   Search as TinySearch,
diff --git a/packages/plugins/bridge/index.js b/packages/plugins/bridge/index.js
index 96604ef21a..7a55d928b6 100644
--- a/packages/plugins/bridge/index.js
+++ b/packages/plugins/bridge/index.js
@@ -1,21 +1,19 @@
 /**
-* Copyright (c) 2023 - present TinyEngine Authors.
-* Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
-*
-* Use of this source code is governed by an MIT-style license.
-*
-* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
-* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
-* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
-*
-*/
+ * Copyright (c) 2023 - present TinyEngine Authors.
+ * Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
 
 import component from './src/Main.vue'
+import metaData from './meta.js'
 
 export default {
-  id: 'Bridge',
-  title: '资源管理',
-  icon: 'plugin-icon-sresources',
-  align: 'top',
+  ...metaData,
   component
 }
diff --git a/packages/plugins/bridge/meta.js b/packages/plugins/bridge/meta.js
new file mode 100644
index 0000000000..503e2e0a1f
--- /dev/null
+++ b/packages/plugins/bridge/meta.js
@@ -0,0 +1,7 @@
+export default {
+  id: 'engine.plugins.bridge',
+  title: '资源管理',
+  type: 'plugins',
+  align: 'top',
+  icon: 'plugin-icon-sresources'
+}
diff --git a/packages/plugins/bridge/package.json b/packages/plugins/bridge/package.json
index a6f185c69c..6d937d858c 100644
--- a/packages/plugins/bridge/package.json
+++ b/packages/plugins/bridge/package.json
@@ -27,6 +27,7 @@
     "@opentiny/tiny-engine-canvas": "workspace:*",
     "@opentiny/tiny-engine-common": "workspace:*",
     "@opentiny/tiny-engine-controller": "workspace:*",
+    "@opentiny/tiny-engine-entry": "workspace:*",
     "@opentiny/tiny-engine-http": "workspace:*"
   },
   "devDependencies": {
diff --git a/packages/plugins/bridge/src/Main.vue b/packages/plugins/bridge/src/Main.vue
index 2d808555d9..1725c5c1ef 100644
--- a/packages/plugins/bridge/src/Main.vue
+++ b/packages/plugins/bridge/src/Main.vue
@@ -19,6 +19,7 @@
 </template>
 
 <script>
+/* metaService */
 import { ref, computed } from 'vue'
 import { Tabs, TabItem } from '@opentiny/vue'
 import { PluginPanel, SvgButton, LinkButton } from '@opentiny/tiny-engine-common'
diff --git a/packages/plugins/data/index.js b/packages/plugins/data/index.js
index 3a14532cc7..7a55d928b6 100644
--- a/packages/plugins/data/index.js
+++ b/packages/plugins/data/index.js
@@ -1,21 +1,19 @@
 /**
-* Copyright (c) 2023 - present TinyEngine Authors.
-* Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
-*
-* Use of this source code is governed by an MIT-style license.
-*
-* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
-* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
-* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
-*
-*/
+ * Copyright (c) 2023 - present TinyEngine Authors.
+ * Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
 
 import component from './src/Main.vue'
+import metaData from './meta.js'
 
 export default {
-  id: 'DataSource',
-  title: '状态管理',
-  icon: 'plugin-icon-var',
-  align: 'top',
+  ...metaData,
   component
 }
diff --git a/packages/plugins/data/meta.js b/packages/plugins/data/meta.js
new file mode 100644
index 0000000000..bb7e45a774
--- /dev/null
+++ b/packages/plugins/data/meta.js
@@ -0,0 +1,7 @@
+export default {
+  id: 'engine.plugins.datasource',
+  title: '状态管理',
+  type: 'plugins',
+  align: 'top',
+  icon: 'plugin-icon-var'
+}
diff --git a/packages/plugins/data/package.json b/packages/plugins/data/package.json
index 52471f277c..85d0b233a8 100644
--- a/packages/plugins/data/package.json
+++ b/packages/plugins/data/package.json
@@ -27,6 +27,7 @@
     "@opentiny/tiny-engine-canvas": "workspace:*",
     "@opentiny/tiny-engine-common": "workspace:*",
     "@opentiny/tiny-engine-controller": "workspace:*",
+    "@opentiny/tiny-engine-entry": "workspace:*",
     "@opentiny/tiny-engine-http": "workspace:*",
     "@opentiny/tiny-engine-utils": "workspace:*",
     "monaco-editor": "0.33.0"
diff --git a/packages/plugins/data/src/Main.vue b/packages/plugins/data/src/Main.vue
index f13d926f22..d96443a2e4 100644
--- a/packages/plugins/data/src/Main.vue
+++ b/packages/plugins/data/src/Main.vue
@@ -67,6 +67,7 @@
 </template>
 
 <script>
+/* metaService */
 import { reactive, ref, computed, onActivated, watch } from 'vue'
 import { Button, Search, Tabs, TabItem } from '@opentiny/vue'
 import {
diff --git a/packages/plugins/datasource/index.js b/packages/plugins/datasource/index.js
index 2289806891..e0605430e7 100644
--- a/packages/plugins/datasource/index.js
+++ b/packages/plugins/datasource/index.js
@@ -1,23 +1,21 @@
 /**
-* Copyright (c) 2023 - present TinyEngine Authors.
-* Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
-*
-* Use of this source code is governed by an MIT-style license.
-*
-* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
-* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
-* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
-*
-*/
+ * Copyright (c) 2023 - present TinyEngine Authors.
+ * Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
 
 import { fetchDataSourceList, fetchDataSourceDetail } from './src/js/http'
 import component from './src/Main.vue'
+import metaData from './meta.js'
 
 export default {
-  id: 'Collections',
-  title: '数据源',
-  icon: 'plugin-icon-data',
-  align: 'top',
+  ...metaData,
   component
 }
 
diff --git a/packages/plugins/datasource/meta.js b/packages/plugins/datasource/meta.js
new file mode 100644
index 0000000000..085544ded0
--- /dev/null
+++ b/packages/plugins/datasource/meta.js
@@ -0,0 +1,7 @@
+export default {
+  id: 'engine.plugins.collections',
+  title: '数据源',
+  type: 'plugins',
+  align: 'top',
+  icon: 'plugin-icon-data'
+}
diff --git a/packages/plugins/datasource/package.json b/packages/plugins/datasource/package.json
index 6cd42bdaae..cf086be436 100644
--- a/packages/plugins/datasource/package.json
+++ b/packages/plugins/datasource/package.json
@@ -27,6 +27,7 @@
     "@opentiny/tiny-engine-canvas": "workspace:*",
     "@opentiny/tiny-engine-common": "workspace:*",
     "@opentiny/tiny-engine-controller": "workspace:*",
+    "@opentiny/tiny-engine-entry": "workspace:*",
     "@opentiny/tiny-engine-http": "workspace:*",
     "@opentiny/tiny-engine-utils": "workspace:*",
     "@vue/shared": "^3.3.4",
diff --git a/packages/plugins/datasource/src/Main.vue b/packages/plugins/datasource/src/Main.vue
index 1ec29d6c83..eb3b50879b 100644
--- a/packages/plugins/datasource/src/Main.vue
+++ b/packages/plugins/datasource/src/Main.vue
@@ -46,6 +46,7 @@
 </template>
 
 <script>
+/* metaService */
 import { reactive, watch } from 'vue'
 import DataSourceList, { refresh as refreshDataSourceList, clearActive } from './DataSourceList.vue'
 import DataSourceRemotePanel, {
diff --git a/packages/plugins/help/index.js b/packages/plugins/help/index.js
index 208f00be09..e236a708b1 100644
--- a/packages/plugins/help/index.js
+++ b/packages/plugins/help/index.js
@@ -10,11 +10,8 @@
  *
  */
 
-import HelpIcon from './src/HelpIcon.vue'
+import metaData from './meta.js'
 
 export default {
-  id: 'EditorHelp',
-  title: '',
-  icon: HelpIcon,
-  align: 'bottom'
+  ...metaData
 }
diff --git a/packages/plugins/help/meta.js b/packages/plugins/help/meta.js
new file mode 100644
index 0000000000..29507c619b
--- /dev/null
+++ b/packages/plugins/help/meta.js
@@ -0,0 +1,9 @@
+import HelpIcon from './src/HelpIcon.vue'
+
+export default {
+  id: 'engine.plugins.editorhelp',
+  title: '',
+  type: 'plugins',
+  icon: HelpIcon,
+  align: 'bottom'
+}
diff --git a/packages/plugins/help/package.json b/packages/plugins/help/package.json
index ad07f9b95d..42c22b40f8 100644
--- a/packages/plugins/help/package.json
+++ b/packages/plugins/help/package.json
@@ -26,6 +26,7 @@
   "dependencies": {
     "@opentiny/tiny-engine-common": "workspace:*",
     "@opentiny/tiny-engine-controller": "workspace:*",
+    "@opentiny/tiny-engine-entry": "workspace:*",
     "@opentiny/tiny-engine-http": "workspace:*"
   },
   "devDependencies": {
diff --git a/packages/plugins/help/src/HelpIcon.vue b/packages/plugins/help/src/HelpIcon.vue
index 64da288a7a..eea21ad445 100644
--- a/packages/plugins/help/src/HelpIcon.vue
+++ b/packages/plugins/help/src/HelpIcon.vue
@@ -45,6 +45,7 @@
 </template>
 
 <script>
+/* metaService */
 import { reactive, onMounted, ref } from 'vue'
 import { Guide, Tooltip } from '@opentiny/vue'
 import { IconClose } from '@opentiny/vue-icon'
diff --git a/packages/plugins/materials/index.js b/packages/plugins/materials/index.js
index 49bfed646c..5913893fec 100644
--- a/packages/plugins/materials/index.js
+++ b/packages/plugins/materials/index.js
@@ -1,22 +1,20 @@
 /**
-* Copyright (c) 2023 - present TinyEngine Authors.
-* Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
-*
-* Use of this source code is governed by an MIT-style license.
-*
-* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
-* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
-* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
-*
-*/
+ * Copyright (c) 2023 - present TinyEngine Authors.
+ * Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
 
 import component, { api } from './src/Main.vue'
+import metaData from './meta.js'
 
 export default {
-  id: 'Materials',
-  title: '物料',
-  icon: 'plugin-icon-materials',
-  align: 'top',
+  ...metaData,
   component,
   api
 }
diff --git a/packages/plugins/materials/meta.js b/packages/plugins/materials/meta.js
new file mode 100644
index 0000000000..8088f738b7
--- /dev/null
+++ b/packages/plugins/materials/meta.js
@@ -0,0 +1,7 @@
+export default {
+  id: 'engine.plugins.materials',
+  title: '物料',
+  type: 'plugins',
+  icon: 'plugin-icon-materials',
+  align: 'top'
+}
diff --git a/packages/plugins/materials/package.json b/packages/plugins/materials/package.json
index 8d1ae26bbb..fa6fe0182f 100644
--- a/packages/plugins/materials/package.json
+++ b/packages/plugins/materials/package.json
@@ -27,6 +27,7 @@
     "@opentiny/tiny-engine-canvas": "workspace:*",
     "@opentiny/tiny-engine-common": "workspace:*",
     "@opentiny/tiny-engine-controller": "workspace:*",
+    "@opentiny/tiny-engine-entry": "workspace:*",
     "@opentiny/tiny-engine-http": "workspace:*"
   },
   "devDependencies": {
diff --git a/packages/plugins/materials/src/Main.vue b/packages/plugins/materials/src/Main.vue
index 3239ecb9d8..a7ca413695 100644
--- a/packages/plugins/materials/src/Main.vue
+++ b/packages/plugins/materials/src/Main.vue
@@ -25,6 +25,7 @@
 </template>
 
 <script>
+/* metaService */
 import { ref, reactive, provide } from 'vue'
 import { Tabs, TabItem } from '@opentiny/vue'
 import { PluginPanel, SvgButton } from '@opentiny/tiny-engine-common'
diff --git a/packages/plugins/page/index.js b/packages/plugins/page/index.js
index ef83e9d11a..8d986e6302 100644
--- a/packages/plugins/page/index.js
+++ b/packages/plugins/page/index.js
@@ -1,22 +1,20 @@
 /**
-* Copyright (c) 2023 - present TinyEngine Authors.
-* Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
-*
-* Use of this source code is governed by an MIT-style license.
-*
-* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
-* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
-* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
-*
-*/
+ * Copyright (c) 2023 - present TinyEngine Authors.
+ * Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
 
 import component, { api } from './src/Main.vue'
+import metaData from './meta.js'
 
 export default {
-  id: 'AppManage',
-  title: '页面管理',
-  icon: 'plugin-icon-page',
-  align: 'top',
+  ...metaData,
   api,
   component
 }
diff --git a/packages/plugins/page/meta.js b/packages/plugins/page/meta.js
new file mode 100644
index 0000000000..5a65a5980c
--- /dev/null
+++ b/packages/plugins/page/meta.js
@@ -0,0 +1,7 @@
+export default {
+  id: 'engine.plugins.appmanage',
+  title: '页面管理',
+  type: 'plugins',
+  icon: 'plugin-icon-page',
+  align: 'top'
+}
diff --git a/packages/plugins/page/package.json b/packages/plugins/page/package.json
index 920cd5f4da..4b0a39c89b 100644
--- a/packages/plugins/page/package.json
+++ b/packages/plugins/page/package.json
@@ -26,6 +26,7 @@
   "dependencies": {
     "@opentiny/tiny-engine-common": "workspace:*",
     "@opentiny/tiny-engine-controller": "workspace:*",
+    "@opentiny/tiny-engine-entry": "workspace:*",
     "@opentiny/tiny-engine-http": "workspace:*",
     "@opentiny/tiny-engine-utils": "workspace:*"
   },
diff --git a/packages/plugins/page/src/Main.vue b/packages/plugins/page/src/Main.vue
index b9cf21ddbb..cafeede046 100644
--- a/packages/plugins/page/src/Main.vue
+++ b/packages/plugins/page/src/Main.vue
@@ -34,6 +34,7 @@
 </template>
 
 <script lang="jsx">
+/* metaService */
 import { reactive, ref, watchEffect, provide } from 'vue'
 import { useCanvas, useApp, useResource, usePage, useHelp } from '@opentiny/tiny-engine-controller'
 import { PluginPanel, SvgButton, LinkButton } from '@opentiny/tiny-engine-common'
diff --git a/packages/plugins/robot/index.js b/packages/plugins/robot/index.js
index a0f107b2e9..7a55d928b6 100644
--- a/packages/plugins/robot/index.js
+++ b/packages/plugins/robot/index.js
@@ -1,21 +1,19 @@
 /**
-* Copyright (c) 2023 - present TinyEngine Authors.
-* Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
-*
-* Use of this source code is governed by an MIT-style license.
-*
-* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
-* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
-* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
-*
-*/
+ * Copyright (c) 2023 - present TinyEngine Authors.
+ * Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
 
 import component from './src/Main.vue'
+import metaData from './meta.js'
 
 export default {
-  id: 'Robot',
-  title: 'AI对话框',
-  icon: 'plugin-icon-robot',
-  align: 'independence',
+  ...metaData,
   component
 }
diff --git a/packages/plugins/robot/meta.js b/packages/plugins/robot/meta.js
new file mode 100644
index 0000000000..039e377e6e
--- /dev/null
+++ b/packages/plugins/robot/meta.js
@@ -0,0 +1,7 @@
+export default {
+  id: 'engine.plugins.robot',
+  title: 'AI对话框',
+  type: 'plugins',
+  icon: 'plugin-icon-robot',
+  align: 'independence'
+}
diff --git a/packages/plugins/robot/package.json b/packages/plugins/robot/package.json
index acf0fe2823..a147996dc8 100644
--- a/packages/plugins/robot/package.json
+++ b/packages/plugins/robot/package.json
@@ -27,6 +27,7 @@
     "@opentiny/tiny-engine-canvas": "workspace:*",
     "@opentiny/tiny-engine-common": "workspace:*",
     "@opentiny/tiny-engine-controller": "workspace:*",
+    "@opentiny/tiny-engine-entry": "workspace:*",
     "@opentiny/tiny-engine-http": "workspace:*"
   },
   "devDependencies": {
diff --git a/packages/plugins/robot/src/Main.vue b/packages/plugins/robot/src/Main.vue
index f2dbc4b834..728af68734 100644
--- a/packages/plugins/robot/src/Main.vue
+++ b/packages/plugins/robot/src/Main.vue
@@ -82,6 +82,7 @@
 </template>
 
 <script>
+/* metaService */
 import { ref, onMounted, watchEffect } from 'vue'
 import {
   Layout,
diff --git a/packages/plugins/schema/index.js b/packages/plugins/schema/index.js
index 63b118978e..7a55d928b6 100644
--- a/packages/plugins/schema/index.js
+++ b/packages/plugins/schema/index.js
@@ -1,21 +1,19 @@
 /**
-* Copyright (c) 2023 - present TinyEngine Authors.
-* Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
-*
-* Use of this source code is governed by an MIT-style license.
-*
-* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
-* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
-* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
-*
-*/
+ * Copyright (c) 2023 - present TinyEngine Authors.
+ * Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
 
 import component from './src/Main.vue'
+import metaData from './meta.js'
 
 export default {
-  id: 'Schema',
-  title: '页面 Schema',
-  icon: 'plugin-icon-page-schema',
-  align: 'bottom',
+  ...metaData,
   component
 }
diff --git a/packages/plugins/schema/meta.js b/packages/plugins/schema/meta.js
new file mode 100644
index 0000000000..c40473cb66
--- /dev/null
+++ b/packages/plugins/schema/meta.js
@@ -0,0 +1,7 @@
+export default {
+  id: 'engine.plugins.schema',
+  title: '页面 Schema',
+  type: 'plugins',
+  icon: 'plugin-icon-page-schema',
+  align: 'bottom'
+}
diff --git a/packages/plugins/schema/package.json b/packages/plugins/schema/package.json
index fdc8e0e5a0..47fb099799 100644
--- a/packages/plugins/schema/package.json
+++ b/packages/plugins/schema/package.json
@@ -27,6 +27,7 @@
     "@opentiny/tiny-engine-canvas": "workspace:*",
     "@opentiny/tiny-engine-common": "workspace:*",
     "@opentiny/tiny-engine-controller": "workspace:*",
+    "@opentiny/tiny-engine-entry": "workspace:*",
     "@opentiny/tiny-engine-http": "workspace:*"
   },
   "devDependencies": {
diff --git a/packages/plugins/schema/src/Main.vue b/packages/plugins/schema/src/Main.vue
index 170393a709..c34474066d 100644
--- a/packages/plugins/schema/src/Main.vue
+++ b/packages/plugins/schema/src/Main.vue
@@ -39,6 +39,7 @@
 </template>
 
 <script lang="jsx">
+/* metaService */
 import { nextTick, reactive, getCurrentInstance, onActivated, ref } from 'vue'
 import { Popover } from '@opentiny/vue'
 import { VueMonaco, CloseIcon } from '@opentiny/tiny-engine-common'
diff --git a/packages/plugins/script/index.js b/packages/plugins/script/index.js
index f89c08026c..8d986e6302 100644
--- a/packages/plugins/script/index.js
+++ b/packages/plugins/script/index.js
@@ -1,23 +1,20 @@
 /**
-* Copyright (c) 2023 - present TinyEngine Authors.
-* Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
-*
-* Use of this source code is governed by an MIT-style license.
-*
-* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
-* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
-* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
-*
-*/
+ * Copyright (c) 2023 - present TinyEngine Authors.
+ * Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
 
 import component, { api } from './src/Main.vue'
+import metaData from './meta.js'
 
 export default {
-  id: 'PageController',
-  title: '页面 JS',
-  icon: 'plugin-icon-js',
-  align: 'top',
+  ...metaData,
   api,
-  component,
-  confirm: 'close', // 当点击插件栏切换或关闭前是否需要确认, 会调用插件中confirm值指定的方法，e.g. 此处指向 close方法，会调用插件的close方法执行确认逻辑
+  component
 }
diff --git a/packages/plugins/script/meta.js b/packages/plugins/script/meta.js
new file mode 100644
index 0000000000..7ea61f52b0
--- /dev/null
+++ b/packages/plugins/script/meta.js
@@ -0,0 +1,8 @@
+export default {
+  id: 'engine.plugins.pagecontroller',
+  title: '页面 JS',
+  type: 'plugins',
+  icon: 'plugin-icon-js',
+  align: 'top',
+  confirm: 'close' // 当点击插件栏切换或关闭前是否需要确认, 会调用插件中confirm值指定的方法，e.g. 此处指向 close方法，会调用插件的close方法执行确认逻辑
+}
diff --git a/packages/plugins/script/package.json b/packages/plugins/script/package.json
index f5e2286675..92109b95cc 100644
--- a/packages/plugins/script/package.json
+++ b/packages/plugins/script/package.json
@@ -27,6 +27,7 @@
     "@opentiny/tiny-engine-canvas": "workspace:*",
     "@opentiny/tiny-engine-common": "workspace:*",
     "@opentiny/tiny-engine-controller": "workspace:*",
+    "@opentiny/tiny-engine-entry": "workspace:*",
     "@opentiny/tiny-engine-utils": "workspace:*"
   },
   "devDependencies": {
diff --git a/packages/plugins/script/src/Main.vue b/packages/plugins/script/src/Main.vue
index 9ef9e9ec34..70f657efc7 100644
--- a/packages/plugins/script/src/Main.vue
+++ b/packages/plugins/script/src/Main.vue
@@ -26,6 +26,7 @@
 </template>
 
 <script>
+/* metaService */
 import { onBeforeUnmount } from 'vue'
 import { Button } from '@opentiny/vue'
 import { VueMonaco, CloseIcon, LinkButton } from '@opentiny/tiny-engine-common'
diff --git a/packages/plugins/tree/index.js b/packages/plugins/tree/index.js
index b5f2294ded..7a55d928b6 100644
--- a/packages/plugins/tree/index.js
+++ b/packages/plugins/tree/index.js
@@ -1,21 +1,19 @@
 /**
-* Copyright (c) 2023 - present TinyEngine Authors.
-* Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
-*
-* Use of this source code is governed by an MIT-style license.
-*
-* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
-* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
-* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
-*
-*/
+ * Copyright (c) 2023 - present TinyEngine Authors.
+ * Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
 
 import component from './src/Main.vue'
+import metaData from './meta.js'
 
 export default {
-  id: 'OutlineTree',
-  title: '大纲树',
-  icon: 'plugin-icon-tree',
-  align: 'top',
+  ...metaData,
   component
 }
diff --git a/packages/plugins/tree/meta.js b/packages/plugins/tree/meta.js
new file mode 100644
index 0000000000..4dd08ca593
--- /dev/null
+++ b/packages/plugins/tree/meta.js
@@ -0,0 +1,7 @@
+export default {
+  id: 'engine.plugins.outlinetree',
+  title: '大纲树',
+  type: 'plugins',
+  icon: 'plugin-icon-tree',
+  align: 'top'
+}
diff --git a/packages/plugins/tree/package.json b/packages/plugins/tree/package.json
index 83b3fb8253..bbb7152878 100644
--- a/packages/plugins/tree/package.json
+++ b/packages/plugins/tree/package.json
@@ -27,6 +27,7 @@
     "@opentiny/tiny-engine-canvas": "workspace:*",
     "@opentiny/tiny-engine-common": "workspace:*",
     "@opentiny/tiny-engine-controller": "workspace:*",
+    "@opentiny/tiny-engine-entry": "workspace:*",
     "@opentiny/tiny-engine-utils": "workspace:*"
   },
   "devDependencies": {
diff --git a/packages/plugins/tree/src/Main.vue b/packages/plugins/tree/src/Main.vue
index ec3b8291fc..983e738cf8 100644
--- a/packages/plugins/tree/src/Main.vue
+++ b/packages/plugins/tree/src/Main.vue
@@ -71,6 +71,7 @@
 </template>
 
 <script>
+/* metaService */
 import { reactive, watch, ref, onActivated, computed } from 'vue'
 import { Grid, GridColumn } from '@opentiny/vue'
 import { PluginPanel, SvgButton } from '@opentiny/tiny-engine-common'
diff --git a/packages/plugins/tutorial/index.js b/packages/plugins/tutorial/index.js
index f81e2f3dea..57edad53aa 100644
--- a/packages/plugins/tutorial/index.js
+++ b/packages/plugins/tutorial/index.js
@@ -1,22 +1,20 @@
 /**
-* Copyright (c) 2023 - present TinyEngine Authors.
-* Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
-*
-* Use of this source code is governed by an MIT-style license.
-*
-* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
-* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
-* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
-*
-*/
+ * Copyright (c) 2023 - present TinyEngine Authors.
+ * Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
 
 import component, { api } from './src/Main.vue'
+import metaData from './meta.js'
 
 export default {
-  id: 'Tutorial',
-  title: 'TinyEngine 教程',
-  icon: 'plugin-icon-tutorial',
-  align: 'bottom',
+  ...metaData,
   component,
   api
 }
diff --git a/packages/plugins/tutorial/meta.js b/packages/plugins/tutorial/meta.js
new file mode 100644
index 0000000000..f1aa82e505
--- /dev/null
+++ b/packages/plugins/tutorial/meta.js
@@ -0,0 +1,7 @@
+export default {
+  id: 'engine.plugins.tutorial',
+  title: 'TinyEngine 教程',
+  type: 'plugins',
+  icon: 'plugin-icon-tutorial',
+  align: 'bottom'
+}
diff --git a/packages/plugins/tutorial/package.json b/packages/plugins/tutorial/package.json
index 7b06fa7e73..3ca5d6beff 100644
--- a/packages/plugins/tutorial/package.json
+++ b/packages/plugins/tutorial/package.json
@@ -26,6 +26,7 @@
   "dependencies": {
     "@opentiny/tiny-engine-common": "workspace:*",
     "@opentiny/tiny-engine-controller": "workspace:*",
+    "@opentiny/tiny-engine-entry": "workspace:*",
     "@opentiny/tiny-engine-http": "workspace:*",
     "marked": "^4.0.17"
   },
diff --git a/packages/plugins/tutorial/src/Main.vue b/packages/plugins/tutorial/src/Main.vue
index 784d3a9049..b53847f007 100644
--- a/packages/plugins/tutorial/src/Main.vue
+++ b/packages/plugins/tutorial/src/Main.vue
@@ -40,6 +40,7 @@
 </template>
 
 <script>
+/* metaService */
 import { onMounted, reactive, ref } from 'vue'
 import { PluginPanel, SvgButton } from '@opentiny/tiny-engine-common'
 import { IconChevronRight } from '@opentiny/vue-icon'
@@ -103,14 +104,13 @@ export default {
       boxVisibility.value = false
     }
 
+    const { PLUGIN_NAME, getPluginApi } = useLayout()
+
     const openVideoPanel = () => {
-      const { getPluginApi } = useLayout()
-      const { open } = getPluginApi('Tutorial')
+      const { open } = getPluginApi(PLUGIN_NAME.Tutorial)
       open()
     }
 
-    const { PLUGIN_NAME } = useLayout()
-
     return {
       state,
       PLUGIN_NAME,
diff --git a/packages/toolbars/generate-vue/src/Main.vue b/packages/toolbars/generate-vue/src/Main.vue
index 54d25cf2f1..75d38dca7c 100644
--- a/packages/toolbars/generate-vue/src/Main.vue
+++ b/packages/toolbars/generate-vue/src/Main.vue
@@ -129,7 +129,8 @@ export default {
     const instance = generateApp()
 
     const getAllPageDetails = async (pageList) => {
-      const detailPromise = pageList.map(({ id }) => useLayout().getPluginApi('AppManage').getPageById(id))
+      const { PLUGIN_NAME, getPluginApi } = useLayout()
+      const detailPromise = pageList.map(({ id }) => getPluginApi(PLUGIN_NAME.AppManage).getPageById(id))
       const detailList = await Promise.allSettled(detailPromise)
 
       return detailList
diff --git a/packages/toolbars/logo/src/Main.vue b/packages/toolbars/logo/src/Main.vue
index 72f4b15c24..cd25ac374e 100644
--- a/packages/toolbars/logo/src/Main.vue
+++ b/packages/toolbars/logo/src/Main.vue
@@ -117,7 +117,7 @@ import { isDevelopEnv } from '@opentiny/tiny-engine-controller/js/environments'
 
 const http = useHttp()
 
-const { activePlugin } = useLayout()
+const { PLUGIN_NAME, activePlugin } = useLayout()
 
 const IconHelp = iconHelpCircle()
 
@@ -158,10 +158,10 @@ const getTargetUrl = (centerName) => {
 
 const actions = {
   pageManagement() {
-    activePlugin('AppManage')
+    activePlugin(PLUGIN_NAME.AppManage)
   },
   blockManagement() {
-    activePlugin('BlockManage')
+    activePlugin(PLUGIN_NAME.BlockManage)
   },
   gotoPlatformCenter() {
     window.open(getTargetUrl('my-platform'), '_blank')
diff --git a/packages/utils/src/constants/index.js b/packages/utils/src/constants/index.js
index 92fa301eb8..05f4f20965 100644
--- a/packages/utils/src/constants/index.js
+++ b/packages/utils/src/constants/index.js
@@ -37,16 +37,6 @@ export const EXPRESSION_TYPE = {
   JS_EXPRESSION: 'JSExpression'
 }
 
-export const PLUGIN_NAME = {
-  Materials: 'Materials',
-  AppManage: 'AppManage',
-  BlockManage: 'BlockManage',
-  PageController: 'PageController',
-  Lock: 'Lock',
-  OutlineTree: 'OutlineTree',
-  save: 'save'
-}
-
 export const LOCALE = {
   zh_CN: 'zh_CN',
   en_US: 'en_US'

From ca2d2498c01f8bc4d6d5b28159d846fec4a6d4ac Mon Sep 17 00:00:00 2001
From: gene9831 <pacify.98@gmail.com>
Date: Thu, 23 May 2024 02:47:50 -0700
Subject: [PATCH 2/4] feat(plugins): add generateComment vite plugin for
 tiny-engine plugins

---
 packages/plugins/block/package.json        | 1 +
 packages/plugins/block/vite.config.js      | 3 ++-
 packages/plugins/bridge/package.json       | 1 +
 packages/plugins/bridge/vite.config.js     | 3 ++-
 packages/plugins/data/package.json         | 1 +
 packages/plugins/data/vite.config.js       | 3 ++-
 packages/plugins/datasource/package.json   | 1 +
 packages/plugins/datasource/vite.config.js | 3 ++-
 packages/plugins/help/package.json         | 1 +
 packages/plugins/help/vite.config.js       | 3 ++-
 packages/plugins/i18n/package.json         | 5 +++--
 packages/plugins/i18n/vite.config.js       | 3 ++-
 packages/plugins/materials/package.json    | 1 +
 packages/plugins/materials/vite.config.js  | 3 ++-
 packages/plugins/page/package.json         | 1 +
 packages/plugins/page/vite.config.js       | 3 ++-
 packages/plugins/robot/package.json        | 1 +
 packages/plugins/robot/vite.config.js      | 3 ++-
 packages/plugins/schema/package.json       | 1 +
 packages/plugins/schema/vite.config.js     | 3 ++-
 packages/plugins/script/package.json       | 1 +
 packages/plugins/script/vite.config.js     | 3 ++-
 packages/plugins/tree/package.json         | 1 +
 packages/plugins/tree/vite.config.js       | 3 ++-
 packages/plugins/tutorial/package.json     | 1 +
 packages/plugins/tutorial/vite.config.js   | 3 ++-
 26 files changed, 41 insertions(+), 15 deletions(-)

diff --git a/packages/plugins/block/package.json b/packages/plugins/block/package.json
index 3f369b56b9..7bc1d8194e 100644
--- a/packages/plugins/block/package.json
+++ b/packages/plugins/block/package.json
@@ -34,6 +34,7 @@
     "pinyin-pro": "^3.13.0"
   },
   "devDependencies": {
+    "@opentiny/vite-plugin-generate-comments": "workspace:*",
     "@vitejs/plugin-vue": "^4.2.3",
     "@vitejs/plugin-vue-jsx": "^3.1.0",
     "vite": "^4.3.7"
diff --git a/packages/plugins/block/vite.config.js b/packages/plugins/block/vite.config.js
index 4cddadfb96..33d33f472c 100644
--- a/packages/plugins/block/vite.config.js
+++ b/packages/plugins/block/vite.config.js
@@ -14,10 +14,11 @@ import { defineConfig } from 'vite'
 import path from 'path'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
+import generateComment from '@opentiny/vite-plugin-generate-comments'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue(), vueJsx()],
+  plugins: [generateComment(), vue(), vueJsx()],
   publicDir: false,
   resolve: {},
   build: {
diff --git a/packages/plugins/bridge/package.json b/packages/plugins/bridge/package.json
index 6d937d858c..bcac1d5043 100644
--- a/packages/plugins/bridge/package.json
+++ b/packages/plugins/bridge/package.json
@@ -31,6 +31,7 @@
     "@opentiny/tiny-engine-http": "workspace:*"
   },
   "devDependencies": {
+    "@opentiny/vite-plugin-generate-comments": "workspace:*",
     "@vitejs/plugin-vue": "^4.2.3",
     "@vitejs/plugin-vue-jsx": "^3.1.0",
     "vite": "^4.3.7"
diff --git a/packages/plugins/bridge/vite.config.js b/packages/plugins/bridge/vite.config.js
index db8dc6eb88..3cda78b1a8 100644
--- a/packages/plugins/bridge/vite.config.js
+++ b/packages/plugins/bridge/vite.config.js
@@ -14,10 +14,11 @@ import { defineConfig } from 'vite'
 import path from 'path'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
+import generateComment from '@opentiny/vite-plugin-generate-comments'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue(), vueJsx()],
+  plugins: [generateComment(), vue(), vueJsx()],
   publicDir: false,
   resolve: {},
   build: {
diff --git a/packages/plugins/data/package.json b/packages/plugins/data/package.json
index 85d0b233a8..245a895896 100644
--- a/packages/plugins/data/package.json
+++ b/packages/plugins/data/package.json
@@ -33,6 +33,7 @@
     "monaco-editor": "0.33.0"
   },
   "devDependencies": {
+    "@opentiny/vite-plugin-generate-comments": "workspace:*",
     "@vitejs/plugin-vue": "^4.2.3",
     "@vitejs/plugin-vue-jsx": "^3.1.0",
     "vite": "^4.3.7"
diff --git a/packages/plugins/data/vite.config.js b/packages/plugins/data/vite.config.js
index bb51f82d43..b2f2023eda 100644
--- a/packages/plugins/data/vite.config.js
+++ b/packages/plugins/data/vite.config.js
@@ -14,10 +14,11 @@ import { defineConfig } from 'vite'
 import path from 'path'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
+import generateComment from '@opentiny/vite-plugin-generate-comments'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue(), vueJsx()],
+  plugins: [generateComment(), vue(), vueJsx()],
   publicDir: false,
   resolve: {},
   build: {
diff --git a/packages/plugins/datasource/package.json b/packages/plugins/datasource/package.json
index cf086be436..bcf5b4bd02 100644
--- a/packages/plugins/datasource/package.json
+++ b/packages/plugins/datasource/package.json
@@ -36,6 +36,7 @@
     "xlsx": "^0.18.5"
   },
   "devDependencies": {
+    "@opentiny/vite-plugin-generate-comments": "workspace:*",
     "@vitejs/plugin-vue": "^4.2.3",
     "@vitejs/plugin-vue-jsx": "^3.1.0",
     "vite": "^4.3.7"
diff --git a/packages/plugins/datasource/vite.config.js b/packages/plugins/datasource/vite.config.js
index c8ea647dbc..4cc200b407 100644
--- a/packages/plugins/datasource/vite.config.js
+++ b/packages/plugins/datasource/vite.config.js
@@ -14,10 +14,11 @@ import { defineConfig } from 'vite'
 import path from 'path'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
+import generateComment from '@opentiny/vite-plugin-generate-comments'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue(), vueJsx()],
+  plugins: [generateComment(), vue(), vueJsx()],
   publicDir: false,
   resolve: {},
   build: {
diff --git a/packages/plugins/help/package.json b/packages/plugins/help/package.json
index 42c22b40f8..7109422a0e 100644
--- a/packages/plugins/help/package.json
+++ b/packages/plugins/help/package.json
@@ -30,6 +30,7 @@
     "@opentiny/tiny-engine-http": "workspace:*"
   },
   "devDependencies": {
+    "@opentiny/vite-plugin-generate-comments": "workspace:*",
     "@vitejs/plugin-vue": "^4.2.3",
     "@vitejs/plugin-vue-jsx": "^3.1.0",
     "vite": "^4.3.7"
diff --git a/packages/plugins/help/vite.config.js b/packages/plugins/help/vite.config.js
index 89b8139156..8cf906be2b 100644
--- a/packages/plugins/help/vite.config.js
+++ b/packages/plugins/help/vite.config.js
@@ -14,10 +14,11 @@ import { defineConfig } from 'vite'
 import path from 'path'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
+import generateComment from '@opentiny/vite-plugin-generate-comments'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue(), vueJsx()],
+  plugins: [generateComment(), vue(), vueJsx()],
   publicDir: false,
   resolve: {},
   build: {
diff --git a/packages/plugins/i18n/package.json b/packages/plugins/i18n/package.json
index 9d85f1c1e1..caf14e9f74 100644
--- a/packages/plugins/i18n/package.json
+++ b/packages/plugins/i18n/package.json
@@ -24,14 +24,15 @@
   "license": "MIT",
   "homepage": "https://opentiny.design/tiny-engine",
   "dependencies": {
-    "@opentiny/tiny-engine-entry": "workspace:*",
     "@opentiny/tiny-engine-common": "workspace:*",
     "@opentiny/tiny-engine-controller": "workspace:*",
+    "@opentiny/tiny-engine-entry": "workspace:*",
     "@opentiny/tiny-engine-http": "workspace:*",
     "@opentiny/tiny-engine-utils": "workspace:*",
     "vue-clipboard3": "^2.0.0"
   },
   "devDependencies": {
+    "@opentiny/vite-plugin-generate-comments": "workspace:*",
     "@vitejs/plugin-vue": "^4.2.3",
     "@vitejs/plugin-vue-jsx": "^3.1.0",
     "vite": "^4.3.7"
@@ -41,4 +42,4 @@
     "@opentiny/vue-icon": "^3.14.0",
     "vue": "^3.4.15"
   }
-}
\ No newline at end of file
+}
diff --git a/packages/plugins/i18n/vite.config.js b/packages/plugins/i18n/vite.config.js
index 71de3ed5d4..7a12a6ec47 100644
--- a/packages/plugins/i18n/vite.config.js
+++ b/packages/plugins/i18n/vite.config.js
@@ -14,10 +14,11 @@ import { defineConfig } from 'vite'
 import path from 'path'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
+import generateComment from '@opentiny/vite-plugin-generate-comments'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue(), vueJsx()],
+  plugins: [generateComment(), vue(), vueJsx()],
   publicDir: false,
   resolve: {},
   build: {
diff --git a/packages/plugins/materials/package.json b/packages/plugins/materials/package.json
index fa6fe0182f..374aba963a 100644
--- a/packages/plugins/materials/package.json
+++ b/packages/plugins/materials/package.json
@@ -31,6 +31,7 @@
     "@opentiny/tiny-engine-http": "workspace:*"
   },
   "devDependencies": {
+    "@opentiny/vite-plugin-generate-comments": "workspace:*",
     "@vitejs/plugin-vue": "^4.2.3",
     "@vitejs/plugin-vue-jsx": "^3.1.0",
     "vite": "^4.3.7"
diff --git a/packages/plugins/materials/vite.config.js b/packages/plugins/materials/vite.config.js
index 6df3a05727..556d03f2aa 100644
--- a/packages/plugins/materials/vite.config.js
+++ b/packages/plugins/materials/vite.config.js
@@ -14,10 +14,11 @@ import { defineConfig } from 'vite'
 import path from 'path'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
+import generateComment from '@opentiny/vite-plugin-generate-comments'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue(), vueJsx()],
+  plugins: [generateComment(), vue(), vueJsx()],
   resolve: {},
   publicDir: false,
   build: {
diff --git a/packages/plugins/page/package.json b/packages/plugins/page/package.json
index 4b0a39c89b..d23771e0aa 100644
--- a/packages/plugins/page/package.json
+++ b/packages/plugins/page/package.json
@@ -31,6 +31,7 @@
     "@opentiny/tiny-engine-utils": "workspace:*"
   },
   "devDependencies": {
+    "@opentiny/vite-plugin-generate-comments": "workspace:*",
     "@vitejs/plugin-vue": "^4.2.3",
     "@vitejs/plugin-vue-jsx": "^3.1.0",
     "vite": "^4.3.7"
diff --git a/packages/plugins/page/vite.config.js b/packages/plugins/page/vite.config.js
index 69d756e211..9ae6ac5404 100644
--- a/packages/plugins/page/vite.config.js
+++ b/packages/plugins/page/vite.config.js
@@ -14,10 +14,11 @@ import { defineConfig } from 'vite'
 import path from 'path'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
+import generateComment from '@opentiny/vite-plugin-generate-comments'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue(), vueJsx()],
+  plugins: [generateComment(), vue(), vueJsx()],
   publicDir: false,
   resolve: {},
   build: {
diff --git a/packages/plugins/robot/package.json b/packages/plugins/robot/package.json
index a147996dc8..6813fcda45 100644
--- a/packages/plugins/robot/package.json
+++ b/packages/plugins/robot/package.json
@@ -31,6 +31,7 @@
     "@opentiny/tiny-engine-http": "workspace:*"
   },
   "devDependencies": {
+    "@opentiny/vite-plugin-generate-comments": "workspace:*",
     "@vitejs/plugin-vue": "^4.2.3",
     "@vitejs/plugin-vue-jsx": "^3.1.0",
     "vite": "^4.3.7"
diff --git a/packages/plugins/robot/vite.config.js b/packages/plugins/robot/vite.config.js
index 218d0a5ea7..6525ed2a96 100644
--- a/packages/plugins/robot/vite.config.js
+++ b/packages/plugins/robot/vite.config.js
@@ -14,10 +14,11 @@ import { defineConfig } from 'vite'
 import path from 'path'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
+import generateComment from '@opentiny/vite-plugin-generate-comments'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue(), vueJsx()],
+  plugins: [generateComment(), vue(), vueJsx()],
   resolve: {},
   publicDir: false,
   build: {
diff --git a/packages/plugins/schema/package.json b/packages/plugins/schema/package.json
index 47fb099799..a7b38c69f6 100644
--- a/packages/plugins/schema/package.json
+++ b/packages/plugins/schema/package.json
@@ -31,6 +31,7 @@
     "@opentiny/tiny-engine-http": "workspace:*"
   },
   "devDependencies": {
+    "@opentiny/vite-plugin-generate-comments": "workspace:*",
     "@vitejs/plugin-vue": "^4.2.3",
     "@vitejs/plugin-vue-jsx": "^3.1.0",
     "vite": "^4.3.7"
diff --git a/packages/plugins/schema/vite.config.js b/packages/plugins/schema/vite.config.js
index 0205767c5d..937bed1633 100644
--- a/packages/plugins/schema/vite.config.js
+++ b/packages/plugins/schema/vite.config.js
@@ -14,10 +14,11 @@ import { defineConfig } from 'vite'
 import path from 'path'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
+import generateComment from '@opentiny/vite-plugin-generate-comments'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue(), vueJsx()],
+  plugins: [generateComment(), vue(), vueJsx()],
   publicDir: false,
   resolve: {},
   build: {
diff --git a/packages/plugins/script/package.json b/packages/plugins/script/package.json
index 92109b95cc..46e07296d0 100644
--- a/packages/plugins/script/package.json
+++ b/packages/plugins/script/package.json
@@ -31,6 +31,7 @@
     "@opentiny/tiny-engine-utils": "workspace:*"
   },
   "devDependencies": {
+    "@opentiny/vite-plugin-generate-comments": "workspace:*",
     "@vitejs/plugin-vue": "^4.2.3",
     "@vitejs/plugin-vue-jsx": "^3.1.0",
     "vite": "^4.3.7"
diff --git a/packages/plugins/script/vite.config.js b/packages/plugins/script/vite.config.js
index 80bab01350..1c11402529 100644
--- a/packages/plugins/script/vite.config.js
+++ b/packages/plugins/script/vite.config.js
@@ -14,10 +14,11 @@ import { defineConfig } from 'vite'
 import path from 'path'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
+import generateComment from '@opentiny/vite-plugin-generate-comments'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue(), vueJsx()],
+  plugins: [generateComment(), vue(), vueJsx()],
   publicDir: false,
   resolve: {},
   build: {
diff --git a/packages/plugins/tree/package.json b/packages/plugins/tree/package.json
index bbb7152878..e41a9aa030 100644
--- a/packages/plugins/tree/package.json
+++ b/packages/plugins/tree/package.json
@@ -31,6 +31,7 @@
     "@opentiny/tiny-engine-utils": "workspace:*"
   },
   "devDependencies": {
+    "@opentiny/vite-plugin-generate-comments": "workspace:*",
     "@vitejs/plugin-vue": "^4.2.3",
     "@vitejs/plugin-vue-jsx": "^3.1.0",
     "vite": "^4.3.7"
diff --git a/packages/plugins/tree/vite.config.js b/packages/plugins/tree/vite.config.js
index d58d84fcc2..0935377938 100644
--- a/packages/plugins/tree/vite.config.js
+++ b/packages/plugins/tree/vite.config.js
@@ -14,10 +14,11 @@ import { defineConfig } from 'vite'
 import path from 'path'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
+import generateComment from '@opentiny/vite-plugin-generate-comments'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue(), vueJsx()],
+  plugins: [generateComment(), vue(), vueJsx()],
   publicDir: false,
   resolve: {},
   build: {
diff --git a/packages/plugins/tutorial/package.json b/packages/plugins/tutorial/package.json
index 3ca5d6beff..57ab041b7b 100644
--- a/packages/plugins/tutorial/package.json
+++ b/packages/plugins/tutorial/package.json
@@ -31,6 +31,7 @@
     "marked": "^4.0.17"
   },
   "devDependencies": {
+    "@opentiny/vite-plugin-generate-comments": "workspace:*",
     "@vitejs/plugin-vue": "^4.2.3",
     "@vitejs/plugin-vue-jsx": "^3.1.0",
     "vite": "^4.3.7"
diff --git a/packages/plugins/tutorial/vite.config.js b/packages/plugins/tutorial/vite.config.js
index 31a9f1ae2e..6f960d130e 100644
--- a/packages/plugins/tutorial/vite.config.js
+++ b/packages/plugins/tutorial/vite.config.js
@@ -14,10 +14,11 @@ import { defineConfig } from 'vite'
 import path from 'path'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
+import generateComment from '@opentiny/vite-plugin-generate-comments'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue(), vueJsx()],
+  plugins: [generateComment(), vue(), vueJsx()],
   publicDir: false,
   resolve: {},
   build: {

From 50a9a71ea787bc64026f37aa04dacc6309655f50 Mon Sep 17 00:00:00 2001
From: gene9831 <pacify.98@gmail.com>
Date: Thu, 23 May 2024 02:54:04 -0700
Subject: [PATCH 3/4] feat(plugins): remove metaService comments

---
 packages/plugins/block/src/Main.vue      | 1 -
 packages/plugins/bridge/src/Main.vue     | 1 -
 packages/plugins/data/src/Main.vue       | 1 -
 packages/plugins/datasource/src/Main.vue | 1 -
 packages/plugins/help/src/HelpIcon.vue   | 1 -
 packages/plugins/i18n/src/Main.vue       | 1 -
 packages/plugins/materials/src/Main.vue  | 1 -
 packages/plugins/page/src/Main.vue       | 1 -
 packages/plugins/robot/src/Main.vue      | 1 -
 packages/plugins/schema/src/Main.vue     | 1 -
 packages/plugins/script/src/Main.vue     | 1 -
 packages/plugins/tree/src/Main.vue       | 1 -
 packages/plugins/tutorial/src/Main.vue   | 1 -
 13 files changed, 13 deletions(-)

diff --git a/packages/plugins/block/src/Main.vue b/packages/plugins/block/src/Main.vue
index 4c31f9ef7d..337f756f10 100644
--- a/packages/plugins/block/src/Main.vue
+++ b/packages/plugins/block/src/Main.vue
@@ -104,7 +104,6 @@
 </template>
 
 <script lang="jsx">
-/* metaService */
 import { ref, reactive, computed, watch } from 'vue'
 import {
   Search as TinySearch,
diff --git a/packages/plugins/bridge/src/Main.vue b/packages/plugins/bridge/src/Main.vue
index 1725c5c1ef..2d808555d9 100644
--- a/packages/plugins/bridge/src/Main.vue
+++ b/packages/plugins/bridge/src/Main.vue
@@ -19,7 +19,6 @@
 </template>
 
 <script>
-/* metaService */
 import { ref, computed } from 'vue'
 import { Tabs, TabItem } from '@opentiny/vue'
 import { PluginPanel, SvgButton, LinkButton } from '@opentiny/tiny-engine-common'
diff --git a/packages/plugins/data/src/Main.vue b/packages/plugins/data/src/Main.vue
index d96443a2e4..f13d926f22 100644
--- a/packages/plugins/data/src/Main.vue
+++ b/packages/plugins/data/src/Main.vue
@@ -67,7 +67,6 @@
 </template>
 
 <script>
-/* metaService */
 import { reactive, ref, computed, onActivated, watch } from 'vue'
 import { Button, Search, Tabs, TabItem } from '@opentiny/vue'
 import {
diff --git a/packages/plugins/datasource/src/Main.vue b/packages/plugins/datasource/src/Main.vue
index eb3b50879b..1ec29d6c83 100644
--- a/packages/plugins/datasource/src/Main.vue
+++ b/packages/plugins/datasource/src/Main.vue
@@ -46,7 +46,6 @@
 </template>
 
 <script>
-/* metaService */
 import { reactive, watch } from 'vue'
 import DataSourceList, { refresh as refreshDataSourceList, clearActive } from './DataSourceList.vue'
 import DataSourceRemotePanel, {
diff --git a/packages/plugins/help/src/HelpIcon.vue b/packages/plugins/help/src/HelpIcon.vue
index eea21ad445..64da288a7a 100644
--- a/packages/plugins/help/src/HelpIcon.vue
+++ b/packages/plugins/help/src/HelpIcon.vue
@@ -45,7 +45,6 @@
 </template>
 
 <script>
-/* metaService */
 import { reactive, onMounted, ref } from 'vue'
 import { Guide, Tooltip } from '@opentiny/vue'
 import { IconClose } from '@opentiny/vue-icon'
diff --git a/packages/plugins/i18n/src/Main.vue b/packages/plugins/i18n/src/Main.vue
index 49586ee595..28840e4930 100644
--- a/packages/plugins/i18n/src/Main.vue
+++ b/packages/plugins/i18n/src/Main.vue
@@ -119,7 +119,6 @@
 </template>
 
 <script lang="jsx">
-/* metaService */
 import { computed, ref, watchEffect, reactive, onMounted, nextTick, resolveComponent } from 'vue'
 import useClipboard from 'vue-clipboard3'
 import { Grid, GridColumn, Input, Popover, Button, FileUpload, Loading, Tooltip, Select } from '@opentiny/vue'
diff --git a/packages/plugins/materials/src/Main.vue b/packages/plugins/materials/src/Main.vue
index a7ca413695..3239ecb9d8 100644
--- a/packages/plugins/materials/src/Main.vue
+++ b/packages/plugins/materials/src/Main.vue
@@ -25,7 +25,6 @@
 </template>
 
 <script>
-/* metaService */
 import { ref, reactive, provide } from 'vue'
 import { Tabs, TabItem } from '@opentiny/vue'
 import { PluginPanel, SvgButton } from '@opentiny/tiny-engine-common'
diff --git a/packages/plugins/page/src/Main.vue b/packages/plugins/page/src/Main.vue
index cafeede046..b9cf21ddbb 100644
--- a/packages/plugins/page/src/Main.vue
+++ b/packages/plugins/page/src/Main.vue
@@ -34,7 +34,6 @@
 </template>
 
 <script lang="jsx">
-/* metaService */
 import { reactive, ref, watchEffect, provide } from 'vue'
 import { useCanvas, useApp, useResource, usePage, useHelp } from '@opentiny/tiny-engine-controller'
 import { PluginPanel, SvgButton, LinkButton } from '@opentiny/tiny-engine-common'
diff --git a/packages/plugins/robot/src/Main.vue b/packages/plugins/robot/src/Main.vue
index 728af68734..f2dbc4b834 100644
--- a/packages/plugins/robot/src/Main.vue
+++ b/packages/plugins/robot/src/Main.vue
@@ -82,7 +82,6 @@
 </template>
 
 <script>
-/* metaService */
 import { ref, onMounted, watchEffect } from 'vue'
 import {
   Layout,
diff --git a/packages/plugins/schema/src/Main.vue b/packages/plugins/schema/src/Main.vue
index c34474066d..170393a709 100644
--- a/packages/plugins/schema/src/Main.vue
+++ b/packages/plugins/schema/src/Main.vue
@@ -39,7 +39,6 @@
 </template>
 
 <script lang="jsx">
-/* metaService */
 import { nextTick, reactive, getCurrentInstance, onActivated, ref } from 'vue'
 import { Popover } from '@opentiny/vue'
 import { VueMonaco, CloseIcon } from '@opentiny/tiny-engine-common'
diff --git a/packages/plugins/script/src/Main.vue b/packages/plugins/script/src/Main.vue
index 70f657efc7..9ef9e9ec34 100644
--- a/packages/plugins/script/src/Main.vue
+++ b/packages/plugins/script/src/Main.vue
@@ -26,7 +26,6 @@
 </template>
 
 <script>
-/* metaService */
 import { onBeforeUnmount } from 'vue'
 import { Button } from '@opentiny/vue'
 import { VueMonaco, CloseIcon, LinkButton } from '@opentiny/tiny-engine-common'
diff --git a/packages/plugins/tree/src/Main.vue b/packages/plugins/tree/src/Main.vue
index 983e738cf8..ec3b8291fc 100644
--- a/packages/plugins/tree/src/Main.vue
+++ b/packages/plugins/tree/src/Main.vue
@@ -71,7 +71,6 @@
 </template>
 
 <script>
-/* metaService */
 import { reactive, watch, ref, onActivated, computed } from 'vue'
 import { Grid, GridColumn } from '@opentiny/vue'
 import { PluginPanel, SvgButton } from '@opentiny/tiny-engine-common'
diff --git a/packages/plugins/tutorial/src/Main.vue b/packages/plugins/tutorial/src/Main.vue
index b53847f007..8a79f2b73a 100644
--- a/packages/plugins/tutorial/src/Main.vue
+++ b/packages/plugins/tutorial/src/Main.vue
@@ -40,7 +40,6 @@
 </template>
 
 <script>
-/* metaService */
 import { onMounted, reactive, ref } from 'vue'
 import { PluginPanel, SvgButton } from '@opentiny/tiny-engine-common'
 import { IconChevronRight } from '@opentiny/vue-icon'

From 3f6059e9bdb68d9c37843bc2c5fb5d8e6c21e1b5 Mon Sep 17 00:00:00 2001
From: gene9831 <pacify.98@gmail.com>
Date: Thu, 23 May 2024 02:55:55 -0700
Subject: [PATCH 4/4] add i18n plugin metaService comment

---
 packages/plugins/i18n/src/Main.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/plugins/i18n/src/Main.vue b/packages/plugins/i18n/src/Main.vue
index 28840e4930..49586ee595 100644
--- a/packages/plugins/i18n/src/Main.vue
+++ b/packages/plugins/i18n/src/Main.vue
@@ -119,6 +119,7 @@
 </template>
 
 <script lang="jsx">
+/* metaService */
 import { computed, ref, watchEffect, reactive, onMounted, nextTick, resolveComponent } from 'vue'
 import useClipboard from 'vue-clipboard3'
 import { Grid, GridColumn, Input, Popover, Button, FileUpload, Loading, Tooltip, Select } from '@opentiny/vue'