@richie696/angular-framework-material

📚 Monorepo 文档 · 📦 包结构 · 💻 GitHub · 🐛 Issues · 🤝 贡献 · 🛡️ 安全 · 📄 License

• 安装
• 应用配置（推荐）
• 继承方式
• 导出内容

Angular Material 适配包，提供 AbstractMaterialComponent 与默认 Prompt 能力实现。

当前发布版本为 1.0.2。本包只负责 Angular Material 适配，通用请求、URL、存储和并发能力请从 @richie696/angular-framework 引入。

安装

pnpm add @richie696/angular-framework @richie696/angular-framework-material @angular/material @angular/cdk

应用配置（推荐）

在 app.config.ts（Standalone）中注册 provider：

import { ApplicationConfig } from '@angular/core';
import { provideMaterialPrompt } from '@richie696/angular-framework-material';

export const appConfig: ApplicationConfig = {
  providers: [
    ...provideMaterialPrompt({
      snackDuration: 2500,
      snackConfirmDuration: 6000,
      snackHorizontalPosition: 'center',
      snackVerticalPosition: 'top',
      confirmOkI18nKey: 'app.common.confirm'
    })
  ]
};

继承方式

页面类继承 AbstractMaterialComponent，直接使用 info/error/warn/success/confirm：

import { Component } from '@angular/core';
import { AbstractMaterialComponent } from '@richie696/angular-framework-material';

@Component({
  selector: 'app-demo',
  template: `<button mat-raised-button (click)="onSubmit()">Submit</button>`
})
export class DemoPage extends AbstractMaterialComponent {
  async onSubmit(): Promise<void> {
    await this.warn('请确认本次提交');
    await this.confirm('app.common.confirm.submit', {}, async () => {
      await this.success('已确认');
      return true;
    });
  }
}

导出内容

• AbstractMaterialComponent
• MaterialPromptAdapter
• provideMaterialPrompt
• MATERIAL_PROMPT_CONFIG / DEFAULT_MATERIAL_PROMPT_CONFIG
• MaterialPromptConfig

需要 Angular ^22.1.1、Angular Material/CDK ^22.1.1。详见 Core 包的 能力说明。