统计数值 Statistic

何时使用当需要突出某个或某组数字时。当需要展示带描述的统计类数据时使用。代码演示 API通用属性参考：通用属性

Statistic参数说明类型默认值版本全局配置classNames用于自定义 Statistic 组件内部各语义化结构的 class，支持对象或函数Record | (info: { props }) => Record-6.0.0decimalSeparator设置小数点string.×formatter自定义数值展示(value) => ReactNode-×groupSeparator设置千分位标识符string,×loading数值是否加载中booleanfalse4.8.0×precision数值精度number-×prefix设置数值的前缀ReactNode-×styles用于自定义 Statistic 组件内部各语义化结构的行内 style，支持对象或函数Record | (info: { props }) => Record-6.0.0suffix设置数值的后缀ReactNode-×title数值的标题ReactNode-×value数值内容string | number-×valueStyle设置数值区域的样式，请使用 styles.content 替代CSSProperties-×Statistic.Countdown Deprecated版本 >= 5.25.0 时请使用 Statistic.Timer 作为替代方案。参数说明类型默认值版本format格式化倒计时展示，参考 dayjsstringHH:mm:ssprefix设置数值的前缀ReactNode-suffix设置数值的后缀ReactNode-title数值的标题ReactNode-value数值内容number-valueStyle设置数值区域的样式CSSProperties-onFinish倒计时完成时触发() => void-onChange倒计时时间变化时触发(value: number) => void-Statistic.Timer 5.25.0+参数说明类型默认值版本type计时类型，倒计时或者正计时countdown | countup-format格式化倒计时展示，参考 dayjsstringHH:mm:ssprefix设置数值的前缀ReactNode-suffix设置数值的后缀ReactNode-title数值的标题ReactNode-valuecountdown 模式下为目标时间，countup 模式下为起始时间（毫秒时间戳）number-valueStyle设置数值区域的样式CSSProperties-onFinish倒计时完成时触发，指定为 countup 时此属性不生效() => void-onChange倒计时时间变化时触发(value: number) => void-Semantic DOMStatistic 提供 root、header、title、content、value、prefix 和 suffix 语义化 DOM 节点。

Active11.28%root6.0.0根元素，包含统计数值组件的重置样式和整体容器样式header6.0.0头部元素，包含下内边距和标题区域的布局样式title6.0.0标题元素，包含文字颜色、字体大小等标题文字的显示样式prefix6.0.0前缀元素，包含行内块显示、右外边距等前缀内容的布局样式content6.0.0内容元素，包含前缀、数值、后缀的布局和对齐等内容区域样式value6.4.0数值元素，包含文字颜色、字体大小、字体族等统计数值的展示样式suffix6.0.0后缀元素，包含行内块显示、左外边距等后缀内容的布局样式主题变量（Design Token）组件 Token如何定制？Token 名称描述类型默认值contentFontSize内容字体大小string | number24titleFontSize标题字体大小number14全局 Token如何定制？Token 名称描述类型默认值colorText最深的文本色。为了符合W3C标准，默认的文本颜色使用了该色，同时这个颜色也是最深的中性色。stringrgba(0,0,0,0.88)colorTextDescription控制文本描述字体颜色。stringrgba(0,0,0,0.45)colorTextHeading控制标题字体颜色。stringrgba(0,0,0,0.88)fontFamilyAnt Design 的字体家族中优先使用系统默认的界面字体，同时提供了一套利于屏显的备用字体库，来维护在不同平台以及浏览器的显示下，字体始终保持良好的易读性和可读性，体现了友好、稳定和专业的特性。string-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,

'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',

'Noto Color Emoji'fontSize设计系统中使用最广泛的字体大小，文本梯度也将基于该字号进行派生。number14lineHeight文本行高number1.5714285714285714marginXXS控制元素外边距，最小尺寸。number4padding控制元素的内间距。number16