feat: add usePermission composable

flingyp · Sep 8, 2023 · 20be43a · 20be43a
1 parent 189af69
commit 20be43a
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 3 deletions.
diff --git a/src/composables/common/usePermission/index.ts b/src/composables/common/usePermission/index.ts
@@ -0,0 +1,10 @@
+export const usePermission = (permissionKeys: string[]) => {
+  const routeMenuStore = useRouteMenuStore()
+  const { account } = storeToRefs(routeMenuStore)
+  const accountPermissionList = account.value.permissions
+  const isHavePermission = permissionKeys.every((permission) => {
+    if (accountPermissionList.includes(permission)) return true
+    return false
+  })
+  return isHavePermission
+}
diff --git a/src/directives/index.ts b/src/directives/index.ts
@@ -1,6 +1,6 @@
 import { App } from 'vue'
 
-import permissionDirective from './permission-button'
+import permissionDirective from './permission'
 
 export default async (app: App) => {
   permissionDirective(app)

diff --git a/src/directives/permission-button.ts → src/directives/permission.ts b/src/directives/permission-button.ts → src/directives/permission.ts
@@ -4,8 +4,8 @@ export default (app: App) => {
   app.directive('permission', (el: HTMLElement, binding: DirectiveBinding<string | string[]>) => {
     const { account } = storeToRefs(useRouteMenuStore())
     const accountPermissionList = account.value.permissions
-    const buttonPermissionList = typeof binding.value === 'string' ? [binding.value] : binding.value
-    const isHavePermission = buttonPermissionList.every((permission) => {
+    const permissionList = typeof binding.value === 'string' ? [binding.value] : binding.value
+    const isHavePermission = permissionList.every((permission) => {
       if (accountPermissionList.includes(permission)) return true
       return false
     })