From c4e81a1a6132fbccd9c3b54ded686709750adc1f Mon Sep 17 00:00:00 2001
From: iczer <1126263215@qq.com>
Date: Sun, 18 Oct 2020 19:26:07 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20add=20function=20of=20link=20for=20out?=
 =?UTF-8?q?=20website=20in=20menu;=20:star:=20#135=20=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?=EF=BC=9A=E8=8F=9C=E5=8D=95=E5=A2=9E=E5=8A=A0=E5=A4=96=E9=93=BE?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD=EF=BC=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/menu/menu.js |  8 ++++++-
 src/mock/user/routes.js     | 16 +++++++++++++-
 src/router/config.js        | 16 ++++++++++++++
 src/utils/routerUtil.js     | 42 +++++++++++++++++++------------------
 4 files changed, 60 insertions(+), 22 deletions(-)

diff --git a/src/components/menu/menu.js b/src/components/menu/menu.js
index 315d0c3..e560e97 100644
--- a/src/components/menu/menu.js
+++ b/src/components/menu/menu.js
@@ -131,10 +131,16 @@ export default {
       return !icon || icon == 'none' ? null : h(Icon, {props: {type:  icon}})
     },
     renderMenuItem: function (h, menu) {
+      let tag = 'router-link'
+      let config = {props: {to: menu.fullPath}, attrs: {style: 'overflow:hidden;white-space:normal;text-overflow:clip;'}}
+      if (menu.meta && menu.meta.link) {
+        tag = 'a'
+        config = {attrs: {style: 'overflow:hidden;white-space:normal;text-overflow:clip;', href: menu.meta.link, target: '_blank'}}
+      }
       return h(
         Item, {key: menu.fullPath},
         [
-          h('router-link', {props: {to: menu.fullPath}, attrs: {style: 'overflow:hidden;white-space:normal;text-overflow:clip;'}},
+          h(tag, config,
             [
               this.renderIcon(h, menu.meta ? menu.meta.icon : 'none', menu.fullPath),
               this.$t(getI18nKey(menu.fullPath))
diff --git a/src/mock/user/routes.js b/src/mock/user/routes.js
index 4214cec..ca17549 100644
--- a/src/mock/user/routes.js
+++ b/src/mock/user/routes.js
@@ -18,7 +18,21 @@ Mock.mock(`${process.env.VUE_APP_API_BASE_URL}/routes`, 'get', () => {
         router: 'basicForm',
         name: '验权表单',
         icon: 'file-excel',
-        authority: 'form'
+        authority: 'queryForm'
+      },
+      {
+        router: 'antdv',
+        path: 'antdv',
+        name: 'Ant Design Vue',
+        icon: 'ant-design',
+        link: 'https://www.antdv.com/docs/vue/introduce-cn/'
+      },
+      {
+        router: 'document',
+        path: 'document',
+        name: '使用文档',
+        icon: 'file-word',
+        link: 'https://iczer.gitee.io/vue-antd-admin-docs/'
       }
     ]
   }]
diff --git a/src/router/config.js b/src/router/config.js
index 34bf098..80c66d6 100644
--- a/src/router/config.js
+++ b/src/router/config.js
@@ -226,6 +226,22 @@ const options = {
             }
           },
           component: () => import('@/pages/form/basic')
+        },
+        {
+          name: 'Ant Design Vue',
+          path: 'antdv',
+          meta: {
+            icon: 'ant-design',
+            link: 'https://www.antdv.com/docs/vue/introduce-cn/'
+          }
+        },
+        {
+          name: '使用文档',
+          path: 'document',
+          meta: {
+            icon: 'file-word',
+            link: 'https://iczer.gitee.io/vue-antd-admin-docs/'
+          }
         }
       ]
     },
diff --git a/src/utils/routerUtil.js b/src/utils/routerUtil.js
index 8cd719a..5886958 100644
--- a/src/utils/routerUtil.js
+++ b/src/utils/routerUtil.js
@@ -39,29 +39,30 @@ function parseRoutes(routesConfig, routerMap) {
       router = routerMap[item.router]
       routeCfg = item
     }
-    // 从 router 和 routeCfg 解析路由
     if (!router) {
       console.warn(`can't find register for router ${routeCfg.router}, please register it in advance.`)
-    } else {
-      const route = {
-        path: routeCfg.path || router.path || routeCfg.router,
-        name: routeCfg.name || router.name,
-        component: router.component,
-        redirect: routeCfg.redirect || router.redirect,
-        meta: {
-          authority: routeCfg.authority || router.authority || '*',
-          icon: routeCfg.icon || router.icon,
-          page: routeCfg.page || router.page
-        }
-      }
-      if (routeCfg.invisible || router.invisible) {
-        route.meta.invisible = true
-      }
-      if (routeCfg.children && routeCfg.children.length > 0) {
-        route.children = parseRoutes(routeCfg.children, routerMap)
-      }
-      routes.push(route)
+      router = typeof item === 'string' ? {path: item, name: item} : item
     }
+    // 从 router 和 routeCfg 解析路由
+    const route = {
+      path: routeCfg.path || router.path || routeCfg.router,
+      name: routeCfg.name || router.name,
+      component: router.component,
+      redirect: routeCfg.redirect || router.redirect,
+      meta: {
+        authority: routeCfg.authority || router.authority || '*',
+        icon: routeCfg.icon || router.icon,
+        page: routeCfg.page || router.page,
+        link: routeCfg.link || router.link
+      }
+    }
+    if (routeCfg.invisible || router.invisible) {
+      route.meta.invisible = true
+    }
+    if (routeCfg.children && routeCfg.children.length > 0) {
+      route.children = parseRoutes(routeCfg.children, routerMap)
+    }
+    routes.push(route)
   })
   return routes
 }
@@ -71,6 +72,7 @@ function parseRoutes(routesConfig, routerMap) {
  * @param routesConfig {RouteConfig[]} 路由配置
  */
 function loadRoutes(routesConfig) {
+  console.log('hahah')
   //兼容 0.6.1 以下版本
   /*************** 兼容 version < v0.6.1 *****************/
   if (arguments.length > 0) {