refactor: Integrate the @vben-core/shared package

packages/effects/access/src/access-control.vue

@@ -1,5 +1,9 @@
 <!--
  Access control component for fine-grained access control.
+ TODO: 可以扩展更完善的功能：
+ 1. 支持多个权限码，只要有一个权限码满足即可 或者 多个权限码全部满足
+ 2. 支持多个角色，只要有一个角色满足即可 或者 多个角色全部满足
+ 3. 支持自定义权限码和角色的判断逻辑
 -->
 <script lang="ts" setup>
 import { computed } from 'vue';

packages/effects/access/src/directive.ts

@@ -16,7 +16,9 @@ function isAccessible(el: Element, binding: any) {
     return;
   }
   const authMethod =
-    accessMode.value === 'frontend' ? hasAccessByRoles : hasAccessByCodes;
+    accessMode.value === 'frontend' && binding.arg === 'role'
+      ? hasAccessByRoles
+      : hasAccessByCodes;
 
   if (!authMethod(value)) {
     el?.remove();
@@ -31,8 +33,6 @@ const authDirective: Directive = {
   mounted,
 };
 
-export function installAccessDirective(app: App) {
+export function useAccessDirective(app: App) {
   app.directive('access', authDirective);
 }
-
-export default authDirective;

packages/effects/access/src/index.ts

@@ -1,4 +1,4 @@
 export { default as AccessControl } from './access-control.vue';
+export * from './accessible';
 export * from './directive';
-export * from './generate-accessible';
 export * from './use-access';