Merge branch 'master' of http://git.ycjcjy.com/ershoufang/mp-agent into master

src/components/Authentication/index.vue → src/components/Shiro/index.vue

@@ -8,23 +8,24 @@
 
 <script>
 import { computed } from 'vue'
+import { useModel } from '@zjxpcyc/vue-tiny-store'
 
 export default {
   props: {
-    check: undefined,
+    name: undefined,
     error: String,
   },
   
   setup(props) {
-    const show = computed(() => {
-      if (typeof props.check === 'boolean') {
-        return props.check
-      } else if (typeof props.check === 'function') {
-        // 函数必须返回 boolean 值
-        return props.check()
-      } else {
-        return false
+    const { permissions, getPermission } = useModel('shiro')
+
+    const show = computed(async () => {
+      const permission = permissions[props.name]
+      if (typeof permission !== 'boolean') {
+        return await getPermission(props.name)
       }
+
+      return permission
     })
 
     return {

src/main.js

@@ -5,14 +5,16 @@ import { router } from './router';
 import store from './store'
 import 'vant/lib/index.css';
 
-import Authentication from './components/Authentication'
+import Shiro from './components/Shiro'
 import XLoading from './components/XLoading'
+import shiro from './utils/plugins/shiro'
 
 const app = createApp(App);
 app.use(store);
 app.use(router);
+app.use(shiro);
 
 app.component('x-loading', XLoading)
-app.component('x-auth', Authentication)
+app.component('shiro', Shiro)
 
 app.mount('#app');

src/store/index.js

@@ -1,8 +1,10 @@
 import createStore from '@zjxpcyc/vue-tiny-store'
 import loading from './models/loading'
+import shiro from './models/shiro'
 
 const store = createStore({
   loading,
+  shiro,
 })
 
 export default store

src/store/models/shiro.js

@@ -0,0 +1,18 @@
+import { reactive } from "vue"
+import request from '../../utils/request'
+
+export default () => {
+  const permissions = reactive({})
+
+  const getPermission = x => {
+    request({
+      url: '/comm/rights',
+      data: x,
+    }).then(res => {
+      permissions[x] = Boolean(res)
+      return permissions[x]
+    })
+  }
+
+  return { permissions, getPermission }
+}

src/utils/plugins/shiro.js

@@ -0,0 +1,26 @@
+import { useModel } from '@zjxpcyc/vue-tiny-store'
+
+const shiro = {
+  install: (app, options) => {
+    const { permissions, getPermission } = useModel('shiro')
+
+    const removeNode = el => el.parentNode.removeChild(el)
+
+    app.directive('shiro', (el, binding) => {
+      const permission = permissions[binding.value]
+      if (typeof permission !== 'boolean') {
+        getPermission(props.name).then(x => {
+          if (!x) {
+            removeNode(el)
+          }
+        })
+      } else {
+        if (!permission) {
+          removeNode(el)
+        }
+      }
+    })
+  }
+}
+
+export default shiro