no message

Former-commit-id: eefb53c8936b6acd58b0604d25da7cfad73d8791
Former-commit-id: f7a9f9360bbd8e3dca3bba6c12c22775adc2a66e
Former-commit-id: f9f204a1e322195ea42d596fb749e31b3859de7f

src/components/core/d2-layout-main/components/d2-menu-item/index.vue

@@ -7,7 +7,7 @@
 
 <script>
 export default {
-  name: 'D2MenuItem',
+  name: 'd2-menu-item',
   props: {
     menu: {
       type: Object,

src/components/core/d2-layout-main/components/d2-sub-menu/index.vue

@@ -13,7 +13,7 @@
 
 <script>
 export default {
-  name: 'D2Submenu',
+  name: 'd2-sub-menu',
   props: {
     menu: {
       type: Object,
@@ -22,7 +22,7 @@ export default {
     }
   },
   components: {
-    D2MenuItem: () => import('../D2MenuItem/index.vue')
+    'd2-menu-item': () => import('../d2-menu-item/index.vue')
   }
 }
 </script>

src/components/core/d2-layout-main/components/header-menu/index.vue

@@ -12,10 +12,10 @@
 <script>
 import menus from '@/menu/index.js'
 export default {
-  name: 'HeaderMenu',
+  name: 'd2-layout-main-header-menu',
   components: {
-    D2MenuItem: () => import('../D2MenuItem/index.vue'),
-    D2Submenu: () => import('../D2Submenu/index.vue')
+    'd2-menu-item': () => import('../d2-menu-item/index.vue'),
+    'd2-sub-menu': () => import('../d2-sub-menu/index.vue')
   },
   data () {
     return {

src/components/core/d2-layout-main/components/header-right/index.vue

@@ -7,7 +7,7 @@
 
 <script>
 export default {
-  name: 'HeaderRight',
+  name: 'd2-layout-main-header-right',
   components: {
     FullScreen: () => import('./components/FullScreen.vue'),
     UserDropdown: () => import('./components/UserDropdown.vue')

src/components/core/d2-layout-main/components/side-menu/index.vue

@@ -18,6 +18,7 @@
 <script>
 import { side } from '@/menu/index.js'
 export default {
+  name: 'd2-layout-main-side-menu',
   props: {
     collapse: {
       type: Boolean,
@@ -26,8 +27,8 @@ export default {
     }
   },
   components: {
-    D2MenuItem: () => import('../D2MenuItem/index.vue'),
-    D2Submenu: () => import('../D2Submenu/index.vue')
+    'd2-menu-item': () => import('../d2-menu-item/index.vue'),
+    'd2-sub-menu': () => import('../d2-sub-menu/index.vue')
   },
   data () {
     return {

src/components/core/d2-layout-main/index.vue

@@ -9,14 +9,14 @@
       <div class="toggle-aside-btn" @click="collapse = !collapse">
         <d2-icon name="bars"/>
       </div>
-      <HeaderMenu/>
-      <HeaderRight/>
+      <d2-layout-main-header-menu/>
+      <d2-layout-main-header-right/>
     </el-header>
     <!-- 下面 主体 -->
     <el-container>
       <!-- 主体 侧边栏 -->
       <el-aside :style="{width: collapse ? asideWidthCollapse : asideWidth}">
-        <SideMenu :collapse="collapse"/>
+        <d2-layout-main-side-menu :collapse="collapse"/>
       </el-aside>
       <!-- 主体 -->
       <el-main>
@@ -30,10 +30,11 @@
 
 <script>
 export default {
+  name: 'd2-layout-main',
   components: {
-    SideMenu: () => import('./components/SideMenu'),
-    HeaderMenu: () => import('./components/HeaderMenu'),
-    HeaderRight: () => import('./components/HeaderRight')
+    'd2-layout-main-side-menu': () => import('./components/side-menu'),
+    'd2-layout-main-header-menu': () => import('./components/header-menu'),
+    'd2-layout-main-header-right': () => import('./components/header-right')
   },
   data () {
     return {