莫娜UI
一个现代的、高性能的、可访问的UI组件库,为Angular构建,并使用顺风CSS样式。
功能
- 基于信号的状态和响应架构: 一流的Angular信号架构,用于细粒度的反应性。
- 独立的组件: 专为现代Angular独立组件设计。
- 综合国际化(i18n): 零配置英语默认值,具有完整的运行时语言环境切换、类型化消息名称空间和消息覆盖优先级。
- RTL-Ready: 充分准备了从右到左的布局方向与CSS逻辑属性和cdk驱动的方向性。
- 高级可达性(a11y): 严格遵守WCAG AA最低标准,动态ARIA属性,零AXE违规。
- 40+丰富的组件: 数据网格、交互式图表、日历/选择器、富文本编辑器、滚动视图、对话框、下拉框等等。
文档
快速入门
安装
npm install @nanahoshi/mona-ui
设置国际化
Mona UI是开箱即用的英文版本,无需配置。若要提供自定义区域设置或配置运行时语言切换,请导入 provideMonaI18n:
import { ApplicationConfig } from '@angular/core';
import { provideMonaI18n } from '@nanahoshi/mona-ui/i18n';
export const appConfig: ApplicationConfig = {
providers: [
provideMonaI18n()
]
};
有关本地化、语言环境切换和RTL支持的完整详细信息,请参阅 i18n & RTL指南.
开发
图书馆建设
npm run build:metadata
npm run build:prod
运行测试
# Run unit tests for the component library
npm run test:lib
# Run unit tests for the tester app
npm run test:app
i18n & RTL质量审核
Mona UI包含一个自动的基于ast的扫描器,用于验证没有引入硬编码的英文文本、静态ARIA标签或物理CSS属性:
npm run audit:i18n-rtl:strict
许可证
麻省理工学院