diff --git a/src/components/core/d2-layout-main/components/-header-menu/index.vue b/src/components/core/d2-layout-main/components/-header-menu/index.vue
index a0c5943d..28acc179 100644
--- a/src/components/core/d2-layout-main/components/-header-menu/index.vue
+++ b/src/components/core/d2-layout-main/components/-header-menu/index.vue
@@ -3,7 +3,7 @@
     mode="horizontal"
     :router="true">
     <template v-for="(menu, menuIndex) in menus">
-      <d2-menu-item v-if="menu.children === undefined" :menu="menu" :key="menuIndex"/>
+      <d2-layout-main-menu-item v-if="menu.children === undefined" :menu="menu" :key="menuIndex"/>
       <d2-submenu v-else :menu="menu" :key="menuIndex"/>
     </template>
   </el-menu>
@@ -14,8 +14,8 @@ import menus from '@/menu/index.js'
 export default {
   name: 'd2-layout-main-menu-header',
   components: {
-    'd2-menu-item': () => import('../d2-menu-item/index.vue'),
-    'd2-menu-sub': () => import('../d2-menu-sub/index.vue')
+    'd2-layout-main-menu-item': () => import('../d2-layout-main-menu-item/index.vue'),
+    'd2-layout-main-menu-sub': () => import('../d2-layout-main-menu-sub/index.vue')
   },
   data () {
     return {
diff --git a/src/components/core/d2-layout-main/components/-menu-header/index.vue b/src/components/core/d2-layout-main/components/-menu-header/index.vue
index b8a2c4e2..fa9acd6f 100644
--- a/src/components/core/d2-layout-main/components/-menu-header/index.vue
+++ b/src/components/core/d2-layout-main/components/-menu-header/index.vue
@@ -3,7 +3,7 @@
     mode="horizontal"
     :router="true">
     <template v-for="(menu, menuIndex) in menus">
-      <d2-menu-item v-if="menu.children === undefined" :menu="menu" :key="menuIndex"/>
+      <d2-layout-main-menu-item v-if="menu.children === undefined" :menu="menu" :key="menuIndex"/>
       <d2-submenu v-else :menu="menu" :key="menuIndex"/>
     </template>
   </el-menu>
@@ -14,8 +14,8 @@ import menus from '@/menu/index.js'
 export default {
   name: 'd2-layout-main-menu-header',
   components: {
-    'd2-menu-item': () => import('../-menu-item/index.vue'),
-    'd2-menu-sub': () => import('../-menu-sub/index.vue')
+    'd2-layout-main-menu-item': () => import('../-menu-item/index.vue'),
+    'd2-layout-main-menu-sub': () => import('../-menu-sub/index.vue')
   },
   data () {
     return {
diff --git a/src/components/core/d2-layout-main/components/-menu-item/index.vue b/src/components/core/d2-layout-main/components/-menu-item/index.vue
index e042e765..5ad45134 100644
--- a/src/components/core/d2-layout-main/components/-menu-item/index.vue
+++ b/src/components/core/d2-layout-main/components/-menu-item/index.vue
@@ -7,7 +7,7 @@
 
 <script>
 export default {
-  name: 'd2-menu-item',
+  name: 'd2-layout-main-menu-item',
   props: {
     menu: {
       type: Object,
diff --git a/src/components/core/d2-layout-main/components/-menu-side/index.vue b/src/components/core/d2-layout-main/components/-menu-side/index.vue
index fabc6a3d..9e76e6bd 100644
--- a/src/components/core/d2-layout-main/components/-menu-side/index.vue
+++ b/src/components/core/d2-layout-main/components/-menu-side/index.vue
@@ -5,7 +5,7 @@
       :unique-opened="true"
       :router="true">
       <template v-for="(menu, menuIndex) in menus">
-        <d2-menu-item v-if="menu.children === undefined" :menu="menu" :key="menuIndex"/>
+        <d2-layout-main-menu-item v-if="menu.children === undefined" :menu="menu" :key="menuIndex"/>
         <d2-submenu v-else :menu="menu" :key="menuIndex"/>
       </template>
     </el-menu>
@@ -27,8 +27,8 @@ export default {
     }
   },
   components: {
-    'd2-menu-item': () => import('../-menu-item/index.vue'),
-    'd2-menu-sub': () => import('../-menu-sub/index.vue')
+    'd2-layout-main-menu-item': () => import('../-menu-item/index.vue'),
+    'd2-layout-main-menu-sub': () => import('../-menu-sub/index.vue')
   },
   data () {
     return {
diff --git a/src/components/core/d2-layout-main/components/-menu-sub/index.vue b/src/components/core/d2-layout-main/components/-menu-sub/index.vue
index 029b63be..fffefa53 100644
--- a/src/components/core/d2-layout-main/components/-menu-sub/index.vue
+++ b/src/components/core/d2-layout-main/components/-menu-sub/index.vue
@@ -5,7 +5,7 @@
       <span slot="title">{{menu.title}}</span>
     </template>
     <template v-for="(child, childIndex) in menu.children">
-      <d2-menu-item v-if="child.children === undefined" :menu="child" :key="childIndex"/>
+      <d2-layout-main-menu-item v-if="child.children === undefined" :menu="child" :key="childIndex"/>
       <d2-submenu v-else :menu="child" :key="childIndex"/>
     </template>
   </el-submenu>
@@ -13,7 +13,7 @@
 
 <script>
 export default {
-  name: 'd2-menu-sub',
+  name: 'd2-layout-main-menu-sub',
   props: {
     menu: {
       type: Object,
@@ -22,7 +22,7 @@ export default {
     }
   },
   components: {
-    'd2-menu-item': () => import('../-menu-item/index.vue')
+    'd2-layout-main-menu-item': () => import('../-menu-item/index.vue')
   }
 }
 </script>
diff --git a/src/components/core/d2-layout-main/components/-side-menu/index.vue b/src/components/core/d2-layout-main/components/-side-menu/index.vue
index 0cd841b9..858ddf6c 100644
--- a/src/components/core/d2-layout-main/components/-side-menu/index.vue
+++ b/src/components/core/d2-layout-main/components/-side-menu/index.vue
@@ -5,7 +5,7 @@
       :unique-opened="true"
       :router="true">
       <template v-for="(menu, menuIndex) in menus">
-        <d2-menu-item v-if="menu.children === undefined" :menu="menu" :key="menuIndex"/>
+        <d2-layout-main-menu-item v-if="menu.children === undefined" :menu="menu" :key="menuIndex"/>
         <d2-submenu v-else :menu="menu" :key="menuIndex"/>
       </template>
     </el-menu>
@@ -27,8 +27,8 @@ export default {
     }
   },
   components: {
-    'd2-menu-item': () => import('../d2-menu-item/index.vue'),
-    'd2-menu-sub': () => import('../d2-menu-sub/index.vue')
+    'd2-layout-main-menu-item': () => import('../d2-layout-main-menu-item/index.vue'),
+    'd2-layout-main-menu-sub': () => import('../d2-layout-main-menu-sub/index.vue')
   },
   data () {
     return {