feat: new interface pendant can be configured to display hidden

packages/business/access/src/role-access.vue

@@ -0,0 +1,29 @@
+<!--
+ Access control component for fine-grained access control.
+-->
+<script lang="ts" setup>
+import { useAccess } from './use-access';
+
+interface Props {
+  /**
+   * Specified role is visible
+   * @default []
+   */
+  value?: string[];
+}
+
+defineOptions({
+  name: 'RoleAccess',
+});
+
+withDefaults(defineProps<Props>(), {
+  value: undefined,
+});
+
+const { hasAuthByRoles } = useAccess();
+</script>
+
+<template>
+  <slot v-if="!value"></slot>
+  <slot v-else-if="hasAuthByRoles(value)"></slot>
+</template>