Слияние кода завершено, страница обновится автоматически
import React, { forwardRef } from 'react';
import classNames from 'classnames';
import { getPrefixCls } from '../configure';
import StatisticNumber from './Number';
import Countdown from './Countdown';
import { valueType, FormatConfig } from './utils';
export interface StatisticProps extends FormatConfig {
prefixCls?: string;
className?: string;
style?: React.CSSProperties;
value?: valueType;
valueStyle?: React.CSSProperties;
valueRender?: (node: React.ReactNode) => React.ReactNode;
title?: React.ReactNode;
prefix?: React.ReactNode;
suffix?: React.ReactNode;
onMouseEnter?: React.MouseEventHandler<HTMLDivElement>;
onMouseLeave?: React.MouseEventHandler<HTMLDivElement>;
}
interface CompoundedComponent
extends React.ForwardRefExoticComponent<StatisticProps> {
Countdown: typeof Countdown;
}
const Statistic = forwardRef((props: StatisticProps,_ref) => {
const {
prefixCls : customizePrefixCls,
className,
style,
valueStyle,
value = 0,
title,
valueRender,
prefix,
suffix,
onMouseEnter,
onMouseLeave,
} = props;
const prefixCls = getPrefixCls('statistic', customizePrefixCls);
const valueNode = <StatisticNumber {...props} prefixCls={prefixCls} value={value} />;
const cls = classNames(prefixCls, className);
return (
<div className={cls} style={style} onMouseEnter={onMouseEnter} onMouseLeave={onMouseLeave}>
{title && <div className={`${prefixCls}-title`}>{title}</div>}
<div style={valueStyle} className={`${prefixCls}-content`}>
{prefix && <span className={`${prefixCls}-content-prefix`}>{prefix}</span>}
{valueRender ? valueRender(valueNode) : valueNode}
{suffix && <span className={`${prefixCls}-content-suffix`}>{suffix}</span>}
</div>
</div>
);
}) as CompoundedComponent
Statistic.defaultProps = {
decimalSeparator: '.',
groupSeparator: ',',
};
Statistic.Countdown = Countdown
export default Statistic;
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Опубликовать ( 0 )