@teamix/data-summary

数据概览_spacex

@teamix/data-summary

数据概览，数据展示

API

参数名	说明	必填	类型	默认值	备注
dataSource	数据项	是	IDataItem 或者 IDataItem[]，参考 IDataItem 定义
title	标题	否	React.ReactNode
subTitle	副标题	否	React.ReactNode
loading	加载中状态	否	Boolean	false
noBorder	没有边框	否	Boolean	false	默认带边框
noPadding	没有内边距	否	Boolean	false	默认带内边距，无边距的情况下也没有边框
backgroundState	背景色状态	否	'normal', 'success', 'error', 'warning', 'help', 'grey'		想定制背景色可通过style属性指定
increase	增减百分比，正数表示增加，负数表示减少	否	number
increaseUnit	增减单位	否	string	%
progress	进度	否	number
progressState	进度条状态，可快捷设置进度条颜色，当 progress 不为空时有效	否	'normal', 'success', 'error'		对应 Progress 的 state 属性
progressColor	进度条颜色，当 progress 不为空时有效	否	string		对应 Progress 的 color 属性
style	自定义样式	否	React.CSSProperties
action	自定义操作区	否	React.ReactNode
extra	自定义扩展区	否	React.ReactNode
footer	自定义底部内容	否	React.ReactNode
prefixType	卡片前缀状态，当设置 prefix 或 prefixIcon 后生效	否	'inner', 'outer'	'inner'
prefix	卡片前缀文案	否	React.ReactNode
prefixIcon	卡片前缀图标	否	string		对应 Icon 的 type 属性
prefixState	卡片前缀状态	否	'normal', 'success', 'warning', 'error'
onDataItemClick	点击回调函数	否	Function

IDataItem

数据项

参数名	说明	必填	类型	默认值	备注
data	数据	是	number
description	描述文案	是	React.ReactNode
icon	图标	否	string		对应 Icon 的 type 属性
unit	数据单位	否	string		如 '%', '个', '℃'
align	数据项水平对齐	否	'center', 'left', 'right'	'left'
status	数据状态	否	'success', 'error'
dataAlign	数值水平对齐	否	'center', 'left', 'right'	'left'
url	跳转地址	否	string
onClick	点击回调函数	否	Function