1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/open-hand-choerodon-ui

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Клонировать/Скачать
Statistic.tsx 1.9 КБ
Копировать Редактировать Исходные данные Просмотреть построчно История
Joshua Chen Отправлено 4 лет назад b6575d1
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 )

Вы можете оставить комментарий после Вход в систему

1
https://gitlife.ru/oschina-mirror/open-hand-choerodon-ui.git
git@gitlife.ru:oschina-mirror/open-hand-choerodon-ui.git
oschina-mirror
open-hand-choerodon-ui
open-hand-choerodon-ui
1.5.0-beta.0