ABP Shared UI Library

This library provides reusable UI components and utilities for ABP Framework applications.

Packages

Core (@abp-shared-ui/core)

The core package contains base abstractions, providers, and utilities that are used across all other packages.

• Abstractions: Base classes for components and services
• Providers: Configuration providers for modules
• Utils: Utility functions for component replacement and more

User Management (@abp-shared-ui/user-management)

The user management package provides components and services for managing users.

• Components: User list and user edit components
• Providers: Configuration providers for the user management module
• Services: Services for user management operations

Usage

Component Replacement Mode

You can use the library in component replacement mode to replace existing ABP components:

import { UserManagementModule, provideUserManagementConfig } from '@abp-shared-ui/user-management';

@NgModule({
  imports: [
    // ...
    UserManagementModule
  ],
  providers: [
    provideUserManagementConfig({
      mode: 'replacement'
    })
  ]
})
export class AppModule { }

New Component Mode

You can also use the library to add new components with custom routes:

import { UserManagementModule, provideUserManagementConfig } from '@abp-shared-ui/user-management';

@NgModule({
  imports: [
    // ...
    UserManagementModule
  ],
  providers: [
    provideUserManagementConfig({
      mode: 'new-component',
      routePath: '/custom-users',
      componentName: 'CustomUsers',
      parentName: 'Administration'
    })
  ]
})
export class AppModule { }

Development

To build the library, run:

npm run build

To test the library, run:

npm run test