Skip to content

AtConfigProvider

夏源庆
最后更新于 2026-04-23 19:53:53

一个"一统江湖"的全局配置组件,让你的应用配置不再"各自为政"。

Tip

建议在应用的根组件中使用,这样所有子组件都能享受到这份"福利"。

当前影响范围

AtConfigProvider 目前主要为这几类组件提供全局兜底配置:

配置项影响组件作用
table.pagerKeys / table.sorterKeys / table.emptyAtTable统一分页字段、排序字段和空状态组件
modal.contentCls / modal.maskClosableAtModal统一弹窗内容区 class 和遮罩点击行为
is-darkAtMonacoEditorAtMonacoDiffEditor切换 Monaco 编辑器主题为 vs / vs-dark

这意味着它更像“组件库运行时配置中心”,而不是一个简单的视觉主题壳。

代码演示

数据表格的全局配置

模态框的全局配置

API

AtConfigProvider Props

名称类型默认值说明版本
is-darkbooleanfalse是否为暗色主题,Monaco 系组件会据此切换编辑器主题
tabletable Properties见下方说明表格全局配置
modalmodal Propertiesundefined模态框全局配置v0.12.29

table Properties

名称类型默认值说明版本
pager-keysPagerKeys见下方说明分页参数配置
sorter-keysSorterKeys见下方说明排序参数配置
emptyComponentundefined空状态组件

PagerKeys

名称类型默认值说明版本
pagestring'page'页码参数名
page-sizestring'size'每页条数参数名
totalstring'meta.total'总数数据路径
liststring'data'列表数据路径

SorterKeys

名称类型默认值说明版本
fieldobject{ orderField: 'isAsc', sortField: 'orderByColumn' }排序字段配置
orderobject{ ascend: 'asc', descend: 'desc' }排序方向配置
名称类型默认值说明版本
content-clsstringundefined内容区样式v0.12.29
mask-closablebooleanundefined点击遮罩时是否发出 update:show 事件v0.12.29

table 默认值

typescript
{
  pagerKeys: {
    page: 'page',
    pageSize: 'size',
    total: 'meta.total',
    list: 'data',
  },
  sorterKeys: {
    field: { orderField: 'isAsc', sortField: 'orderByColumn' },
    order: { ascend: 'asc', descend: 'desc' },
  },
}

changelog

33fe1 - feat(components): table组件支持全局配置empty on 2025/9/25
89e72 - feat(components): 在全局配置添加modal配置项并合并属性 on 2025/9/19
38237 - feat(components): add AtConfigProvider on 2024/7/16

贡献者

Last updated: