@xwink/ui

Table

数据表格。没有 Reka 对应物(纯展示、无交互状态机),统一处理加载、空数据、排序和可选分页;传入 total 时自动组合 XPagination

单元格默认直出字段值,需要自定义时用 cell-<key> 插槽(拿 rowvalue)。

基础

列配置 + 对齐
名称服务商预算额度
通用助手DeepSeek¥ 200 / 月
管理端问答OpenAI¥ 50 / 月
访客接待DeepSeek¥ 500 / 月

三态

loading / 空态
名称状态
加载中…

API

Props

名称类型默认值说明
columnsTableColumn[] | undefinedundefined
headersTableColumn[] | undefinedundefined
itemsTRow[] | undefinedundefined
rowsTRow[] | undefinedundefined`rows` 兼容基础表格示例;后台列表优先使用 `items`。
totalnumber | undefinedundefined
loadingboolean | undefinedfalse
immediateboolean | undefinedtrue
pageSizesnumber[] | undefined[10, 20, 50, 100]
emptyTextstring | undefinedundefined
loadingTextstring | undefinedundefined
rowKeystring | undefined"id"
paginationboolean | undefinedundefined
pagenumber | undefined1
limitnumber | undefined10
sortBystring | undefined"createdAt"
sortModeTableSortMode | undefined"DESC"

Emits

事件载荷说明
load[page: number, limit: number, sortBy: string, sortMode: TableSortMode]
update:page[value: number]
update:limit[value: number]
update:sortBy[value: string]
update:sortMode[value: TableSortMode]