@alicloud/cloud-charts
Version:

47 lines (46 loc) • 1.4 kB
TypeScript
import * as React from 'react';
import { CountUp } from './dep/CountUp';
import './index.scss';
interface WcountProps {
className?: string;
style?: React.CSSProperties;
/** 切片更新数量,大于1时生效 */
clipNum?: number;
/** 切片更新周期,默认 5 秒 */
clipPeriod?: number;
/** 切片幅度数组,默认平均切片 */
slipScale?: number[];
/** 开始翻牌数值 */
start?: number;
/** 结束翻牌数值 */
end?: number;
/** 小数位数,默认 0 */
decimals?: number;
/** 翻牌持续时间,默认 1.5 秒 */
duration?: number;
/** 是否缓动函数翻牌 */
useEasing?: boolean;
/** 是否显示千分位 */
useGrouping?: boolean;
/** 千分位字符 */
separator?: string;
/** 小数点字符 */
decimal?: string;
/** 无数据时字符 */
placeholder?: string;
}
export default class Wcount extends React.Component<WcountProps> {
static displayName: string;
static defaultProps: WcountProps;
constructor(props: WcountProps);
dom: HTMLSpanElement;
countUp: CountUp;
componentDidMount(): void;
componentDidUpdate(prevProps: WcountProps): void;
componentWillUnmount(): void;
clipTimer: any;
clipNumber(props: WcountProps, newEnd: number): void;
createCountUp(props: WcountProps): void;
render(): JSX.Element;
}
export {};