@lsw-abpvue/permission-management

@lsw-abpvue/permission-management

The permission grant dialog of Lsw.Abp.VueUI, an unofficial Vue UI for the ABP Framework.

Every module that owns something permissions are granted to opens the same dialog: identity opens it for a user and for a role, tenant management for a tenant, and so does anything of your own.

pnpm add @lsw-abpvue/permission-management

<AbpPermissionManagement
  v-model:visible="open"
  provider-name="U"
  :provider-key="user.id"
  :entity-display-name="user.userName"
/>

providerName is what ABP calls the kind of thing being granted to: U for a user, R for a role, T for a tenant. providerKey is which one.

What it does

The dialog draws through the contract components of @lsw-abpvue/theme-shared and ships no styles of its own: the markup carries abp-permissions__* class names and the theme gives them a look.

The rules on their own

The grant logic is exported as plain functions, so a module with its own permission screen does not have to reimplement it:

import { flatten, toggle, changesBetween } from '@lsw-abpvue/permission-management';

const working = toggle(flatten(result.groups), 'AbpIdentity.Roles.Create');
await service.update('U', id, { permissions: changesBetween(original, working) });

@lsw-abpvue/permission-management/proxy

PermissionsService and its DTOs, generated by abpvue proxy add --module permissionManagement and checked in.

Compared with the Angular UI

@abp/ng.permission-management is the same dialog under the same replaceable component key. What differs:

Registered in the design documents' api-parity-map.md.

Licence

MIT.