feats

src/main.js

@@ -7,10 +7,12 @@ import 'vant/lib/index.css';
 
 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('shiro', Shiro)

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