Allow change to check new generated acl rule

README.md

@@ -93,15 +93,15 @@ export default new Router({
       name: 'notfound',
       component: NotFound,
       meta: {
-        rule: '*'
+        rule: ['*']
       }
     }
   ]
 })
 ```
 
 More details:
-- Define `rule` meta for link a route with a permission, your can use name of the global rule e.g `isPublic` or use `AclRule` for create new rule orr use `*` for define allowed route.
+- Define `rule` meta for link a route with a permission, your can use name of the global rule e.g `isPublic` or use `AclRule` for create new rule or use `[*]` for define allowed route.
 
 For finish, in your `main.js` import the `acl` and pass to Vue root instance:
 

example/src/App.vue

@@ -10,16 +10,61 @@
       <button @click="$acl.change('read')">Turn public</button>
     </section>
 
-    <p style="padding: 10px">Current permission: {{ $acl.get }}</p>
+    <p style="padding: 10px">
+      Current permission: {{ $acl.get }}.
+      <span v-if="$acl.check('isLocalRule')">This span can be seen if have 'write' permission.</span>
+    </p>
 
-    <hr>
-    <p><small>Page content:</small></p>
-    <router-view/>
+    <p style="padding: 10px" v-if="$acl.check($router.currentRoute.meta.rule)">Always Ture
+    </p>
+
+    <section style="display: flex; padding: 10px">
+      <button @click="assignCheckConditionToWriteOnly()">Change check condition to 'write only'</button>
+      <button
+        @click="assignCheckConditionToReadAndWrite()"
+      >Change check condition to 'read and write'</button>
+      <button @click="assignCheckConditionToReadOrWrite()">Change check condition to 'read or write'</button>
+    </section>
+
+    <p style="padding-left: 10px">Current check condition is: '{{ checkRuleInfo }}'</p>
+    <p style="padding-left: 10px">Check result is: '{{ $acl.check(checkRuleVariable) }}'</p>
+
+    <hr />
+    <p>
+      <small>Page content:</small>
+    </p>
+    <router-view />
   </div>
 </template>
 
 <script>
+import { AclRule } from "../../source";
 export default {
-  name: 'App'
-}
+  name: "App",
+  data() {
+    return {
+      checkRuleVariable: null,
+      checkRuleInfo: ""
+    };
+  },
+  computed: {
+    isLocalRule() {
+      return new AclRule("write").generate();
+    }
+  },
+  methods: {
+    assignCheckConditionToWriteOnly() {
+      this.checkRuleVariable = new AclRule("write");
+      this.checkRuleInfo = "write only";
+    },
+    assignCheckConditionToReadAndWrite() {
+      this.checkRuleVariable = new AclRule("read").and("write");
+      this.checkRuleInfo = "read and write";
+    },
+    assignCheckConditionToReadOrWrite() {
+      this.checkRuleVariable = new AclRule("read").or("write");
+      this.checkRuleInfo = "read or write";
+    }
+  }
+};
 </script>

example/src/router.js

@@ -5,6 +5,7 @@ import { AclRule } from '../../source'
 import Public from './views/Public.vue'
 import Admin from './views/Admin.vue'
 import NotFound from './views/NotFound.vue'
+import Asterisk from './views/Asterisk.vue'
 
 Vue.use(Router)
 
@@ -33,6 +34,22 @@ export default new Router({
       meta: {
         rule: '*'
       }
-    }
+    },
+    {
+      path: '/asterisk-invalid',
+      name: 'asterisk',
+      component: Asterisk,
+      meta: {
+        rule: '*'
+      }
+    },
+    {
+      path: '/asterisk-valid',
+      name: 'asterisk',
+      component: Asterisk,
+      meta: {
+        rule: ['*']
+      }
+    },
   ]
 })

example/src/views/Asterisk.vue

@@ -0,0 +1,5 @@
+<template>
+  <div class="asterisk">
+    <h1>This is an asterisk page</h1>
+  </div>
+</template>

source/checker.js

@@ -1,8 +1,9 @@
+import { AclRule } from './index'
 
 /**
  * Test a rule with a permission group
  * @param {Array} current current permissions
- * @param {Array} rules rule to test
+ * @param {Array|AclRule} rules rule to test
  * @return {boolean} valided rule
  */
 export const testPermission =(current, rules) => {

source/mixin.js

@@ -2,7 +2,7 @@
 import Vue from 'vue'
 
 import { testPermission } from './checker'
-
+import { AclRule } from './index'
 
 
 
@@ -84,24 +84,28 @@ export const register = (initial, acceptLocalRules, globalRules, router, notfoun
 
         /**
          * Check if rule is valid currently
-         * @param {string} ruleName rule name
+         * @param {string|Array|AclRule} rule rule
          */
-        check(ruleName) {
+        check(rule) {
           const hasNot = not
           not = false
 
-          if (ruleName in globalRules) {
-            const result = testPermission(this.get, globalRules[ruleName])
+          if (typeof rule === 'string' && rule in globalRules) {
+            const result = testPermission(this.get, globalRules[rule])
             return hasNot ? !result : result
           }
 
-
-          if (ruleName in self) {
+          if (typeof rule === 'string' && rule in self) {
             if (!acceptLocalRules) {
               return console.error('[vue-acl] acceptLocalRules is not enabled')
             }
 
-            const result = testPermission(this.get, self[ruleName])
+            const result = testPermission(this.get, self[rule])
+            return hasNot ? !result : result
+          }
+
+          if (Array.isArray(rule) || rule instanceof AclRule) {
+            const result = testPermission(this.get, rule)
             return hasNot ? !result : result
           }