@teamix/progress-collapse-card

1.1.6 • Public • Published

进度折叠卡片

@teamix/progress-collapse-card

带有进度条、可折叠的内容展示卡片。适用于显示资源负载、项目进程等。

API

参数名 说明 必填 类型 默认值 备注
title 标题 false ReactNode -
dataTitle 列头显示文字 false dataTitle {} -
dataSource 数据数组 true dataSource [] []
grid 栅格配置 false grid {} grid
progressGrid 进度条栅格配置 false progressGrid {} progressGrid
numericalFontFamily 数值字体 false 'TXDDINMediumNumber' | 'default' 'TXDDINMediumNumber'
loading 加载状态 false boolean | object false
noData 无数据占位 false ReactNode 暂无数据
expanded 展开状态 false boolean true
onExpand 展开操作 false (visibility) => void -
onlyContent 仅展示内容 false boolean false

dataTitle

参数名 说明 必填 类型 默认值 备注
used 已使用 false ReactNode -
usable 未使用 false ReactNode -
total 总数 false ReactNode -

dataSource

参数名 说明 必填 类型 默认值 备注
name 名称 true ReactNode -
icon 图标 false ReactNode - iconType
percent 百分比 true number -
progressProps 进度条配置 false Progress {} -
used 已使用数量 true number -
usable 未使用数量 true number -
total 总数数量 true number -

grid

参数名 说明 必填 类型 默认值 备注
gutter 栅格间隔 false number 8
span 栅格占位格数 false number [] [6, 9, 3, 3, 3]

progressGrid

参数名 说明 必填 类型 默认值 备注
gutter 进度条栅格间隔 false number 16
span 进度条栅格占位格数 false number [] [14, 7]
textAlign 进度条文字对齐方式 false 'left' | 'center' | 'right' 'right'

Readme

Keywords

Package Sidebar

Install

npm i @teamix/progress-collapse-card

Weekly Downloads

1

Version

1.1.6

License

MIT

Unpacked Size

1.26 MB

Total Files

30

Last publish

Collaborators

  • yofine
  • zaranengap
  • chesstar