AsyncDescriptions 异步描述列表

支持异步数据加载的描述列表组件,集成了 BoundaryBlock 的加载、错误、空状态处理。

安装

npm
yarn
pnpm
bun
deno
npx shadcn@latest add https://codebase.anyask.dev/r/async-descriptions.json

基础用法

自定义头部渲染

通过 renderHeader 自定义头部区域,可以显示更丰富的信息。

Features

  • 自动请求: 组件挂载时自动调用 request 函数获取数据
  • 状态处理: 集成 BoundaryBlock,自动处理加载中、错误、空状态
  • 自定义头部: 支持 titlerenderHeader 自定义头部
  • Descriptions支持: 完全支持 Descriptions 的所有配置项

API

AsyncDescriptions

属性说明类型默认值
request*请求函数() => Promise<T>-
descriptionsClassNameDescriptions classNamestring-
title标题ReactNode-
renderHeader自定义渲染 header(data: T, result: Result<T, any>) => ReactNode-

继承 BoundaryBlock 的属性(除 header)。