feat(access): add optional access functionality

Author: lbwa

src/access/controller/routes.js

@@ -38,6 +38,10 @@ export function validateAccess(route, accessMap) {
     return meta.access.every(access => !!accessMap[access])
   }
 
+  if (route.meta && route.meta.optionalAccess) {
+    return meta.optionalAccess.some(access => !!accessMap[access])
+  }
+
   // situation: preset private route has no 'access' field
   return true
 }

src/pages/Home/index.vue

@@ -20,9 +20,13 @@ export default {
 
   created() {
     // simulate data fetching
-    setTimeout(() => {
+    this.$__timer__ = setTimeout(() => {
       this.isCompleted = true
     }, 2000)
+  },
+
+  beforeDestroy() {
+    clearTimeout(this.$__timer__)
   }
 }
 </script>

src/pages/OptionalAccess/index.vue

@@ -0,0 +1,36 @@
+<template>
+  <div class="optional-access">
+    <h3>{{ $t('msg') }}</h3>
+    <p>
+      {{ $t('route') }}
+      <strong>{{ $route.path }}</strong>
+    </p>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'OptionalAccess',
+
+  i18n: {
+    messages: {
+      en: {
+        msg:
+          'Current route will disappear until meta.optionalAccess has included at least one correct access',
+        route: 'Current route is'
+      },
+      zh: {
+        msg:
+          '当前路由满足至少一项 meta.optionalAccess 权限时，才会出现，否则将消失。',
+        route: '当前路由是'
+      }
+    }
+  }
+}
+</script>
+
+<style lang="sass" scoped>
+.optional-access
+  +flex-center
+  height: 100%
+</style>

src/router/components/dynamic-config.js

@@ -1,5 +1,6 @@
 export default [
   'pages/Private/Admin',
   'pages/Private/User',
-  'pages/PrivateOnlyChild'
+  'pages/PrivateOnlyChild',
+  'pages/OptionalAccess'
 ]

src/router/routes/private.js

@@ -1,4 +1,4 @@
-import { dynamicComponents, plainExport } from 'ROUTER/components'
+import { dynamicComponents as components, plainExport } from 'ROUTER/components'
 
 export default [
   {
@@ -12,7 +12,7 @@ export default [
     children: [
       {
         path: 'admin',
-        component: dynamicComponents.pagesPrivateAdmin,
+        component: components.pagesPrivateAdmin,
         meta: {
           title: 'Admin',
           access: [
@@ -24,7 +24,7 @@ export default [
       },
       {
         path: 'user',
-        component: dynamicComponents.pagesPrivateUser,
+        component: components.pagesPrivateUser,
         meta: {
           title: 'User',
           access: ['user.device.read']
@@ -44,14 +44,23 @@ export default [
     children: [
       {
         path: 'admin',
-        component: dynamicComponents.pagesPrivateOnlyChild,
+        component: components.pagesPrivateOnlyChild,
         meta: {
           title: 'Admin',
           access: ['admin.app.read', 'admin.app.write']
         }
       }
     ]
   },
+  {
+    path: '/optional-access',
+    component: components.pagesOptionalAccess,
+    meta: {
+      title: 'OptionalAccess',
+      optionalAccess: ['admin.app.read', 'user.app.read']
+    }
+  },
+  // NOTICE: Ensure 404 page is last route
   {
     path: '*',
     redirect: '/404',