@teamix/data-summary
Version:
41 lines (40 loc) • 1.27 kB
TypeScript
import * as React from 'react';
import './index.scss';
interface IDataItem {
data: number;
description: React.ReactNode;
icon?: string;
unit?: string;
align?: 'center' | 'left' | 'right';
status?: 'success' | 'error';
dataAlign?: 'center' | 'left' | 'right';
url?: string;
onClick?: (e: React.MouseEvent) => void;
}
interface IProps {
loading?: boolean;
noBorder?: boolean;
noPadding?: boolean;
backgroundState?: 'normal' | 'success' | 'error' | 'warning' | 'help' | 'grey';
title?: React.ReactNode;
tooltip?: React.ReactNode;
subTitle?: React.ReactNode;
action?: React.ReactNode;
dataSource: IDataItem | IDataItem[];
increase?: number;
increaseUnit?: string;
progress?: number;
progressUnit?: string;
progressState?: 'normal' | 'success' | 'error' | 'warning';
progressColor?: string;
onDataItemClick?: (item: IDataItem, e: React.MouseEvent) => void;
prefixType?: 'inner' | 'outer';
prefix?: React.ReactNode;
prefixState?: 'normal' | 'success' | 'error' | 'warning';
prefixIcon?: string;
extra?: React.ReactNode;
footer?: React.ReactNode;
style?: React.CSSProperties;
}
declare const DataSummary: React.FC<IProps>;
export default DataSummary;