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 {

src/router/index.js

@@ -9,7 +9,7 @@ const routes = [
   {
     path: '/',
     redirect: { name: 'index' },
-    component: () => import('@/components/core/MainLayout/index.vue'),
+    component: () => import('@/components/core/d2-layout-main/index.vue'),
     children: [
       {
         path: 'index',
@@ -24,7 +24,7 @@ const routes = [
     name: 'demo-components',
     meta: { requiresAuth: true },
     redirect: { name: 'demo-components-index' },
-    component: () => import('@/components/core/MainLayout/index.vue'),
+    component: () => import('@/components/core/d2-layout-main/index.vue'),
     children: (pre => [
       { path: 'container/full', name: `${pre}container-full`, component: () => import('@/pages/demo/components/container/full.vue') },
       { path: 'container/ghost', name: `${pre}container-ghost`, component: () => import('@/pages/demo/components/container/ghost.vue') },
@@ -48,7 +48,7 @@ const routes = [
     name: 'demo-plugins',
     meta: { requiresAuth: true },
     redirect: { name: 'demo-plugins-index' },
-    component: () => import('@/components/core/MainLayout/index.vue'),
+    component: () => import('@/components/core/d2-layout-main/index.vue'),
     children: (pre => [
       { path: 'build', name: `${pre}build`, component: () => import('@/pages/demo/plugins/build/index.vue') },
       { path: 'clipboard-polyfill', name: `${pre}clipboard-polyfill`, component: () => import('@/pages/demo/plugins/clipboard-polyfill/index.vue') },
@@ -71,7 +71,7 @@ const routes = [
     name: 'demo-chart',
     meta: { requiresAuth: true },
     redirect: { name: 'demo-chart-index' },
-    component: () => import('@/components/core/MainLayout/index.vue'),
+    component: () => import('@/components/core/d2-layout-main/index.vue'),
     children: (pre => [
       { path: 'all', name: `${pre}all`, component: () => import('@/pages/demo/chart/all/index.vue') },
       { path: 'demo/areaBase', name: `${pre}demo-areaBase`, component: () => import('@/pages/demo/chart/demo/areaBase.vue') },
@@ -91,7 +91,7 @@ const routes = [
     name: 'demo-business',
     meta: { requiresAuth: true },
     redirect: { name: 'demo-business-index' },
-    component: () => import('@/components/core/MainLayout/index.vue'),
+    component: () => import('@/components/core/d2-layout-main/index.vue'),
     children: (pre => [
       { path: 'index', name: `${pre}index`, component: () => import('@/pages/demo/business/index/index.vue') }
     ])('demo-business-')