数据概览_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 | | |