tdesign-react
Version:
TDesign Component for React
82 lines (81 loc) • 2.06 kB
TypeScript
/**
* 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
* */
import { TNode } from '../common';
export interface TdStatisticProps {
/**
* 动画效果控制，`duration` 指动画的过渡时间`单位：毫秒`，`valueFrom` 指动画的起始数值。`{ duration, valueFrom }`
*/
animation?: animation;
/**
* 是否开始动画
* @default false
*/
animationStart?: boolean;
/**
* 颜色风格，依次为 TDesign 风格的黑色、蓝色、红色、橙色、绿色。也可以为任何 [CSS color](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value) 支持的 RGB 等值
*/
color?: 'black' | 'blue' | 'red' | 'orange' | 'green';
/**
* 小数保留位数
*/
decimalPlaces?: number;
/**
* 额外的显示内容
*/
extra?: TNode;
/**
* 格式化数值显示值
*/
format?: (value: number) => number;
/**
* 是否加载中
* @default false
*/
loading?: boolean;
/**
* 前缀内容，展示优先级高于 trend
*/
prefix?: TNode;
/**
* 默认展示进位分隔符，可以自定义为其他内容，`separator = ''` 设置为空字符串/null/undefined 时隐藏分隔符
* @default ,
*/
separator?: string;
/**
* 后缀内容，展示优先级高于 trend
*/
suffix?: TNode;
/**
* 数值显示的标题
*/
title?: TNode;
/**
* 趋势
*/
trend?: 'increase' | 'decrease';
/**
* 趋势展示位置
* @default left
*/
trendPlacement?: 'left' | 'right';
/**
* 单位内容
*/
unit?: TNode;
/**
* 数值显示的值
*/
value?: number;
}
/** 组件实例方法 */
export interface StatisticInstanceFunctions {
/**
* 设置数字滚动变化效果，从一个数字到另一个数字
*/
start: (from: number, to: number) => void;
}
export interface animation {
duration: number;
valueFrom: number;
}