ng-cw-v12
Version:
Angular UI component library
47 lines (46 loc) • 1.81 kB
TypeScript
import { OnInit, OnDestroy, ElementRef } from '@angular/core';
import * as i0 from "@angular/core";
export declare class NumberCounterComponent implements OnInit, OnDestroy {
private elementRef;
/** 要显示的数字 */
private _value;
set ncValue(value: number);
get ncValue(): number;
/** 每个数字动画持续时间 */
ncDuration: number;
/** 每个数字之间的延迟 */
ncDelayMultiple: number;
/** 存在每个数字之间的延迟时,数字方向 */
ncDirection: 'left' | 'right';
/** 每个数字之间的间距 */
ncGap: number;
/** 开始前的延迟 */
ncDelay: number;
/** 是否在视图可见时才开始动画 */
private _startOnView;
set ncStartOnView(val: boolean | string);
get ncStartOnView(): boolean;
/** 是否只执行一次动画 */
private _once;
set ncOnce(val: boolean | string);
get ncOnce(): boolean;
digits: {
numbers: number[];
targetPosition: number;
state: string;
delay: number;
}[];
private observer;
private timeout;
constructor(elementRef: ElementRef);
ngOnInit(): void;
ngOnDestroy(): void;
private start;
private clear;
private setupIntersectionObserver;
private processValue;
private startAnimation;
private resetAnimation;
static ɵfac: i0.ɵɵFactoryDeclaration<NumberCounterComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<NumberCounterComponent, "nc-number-counter", never, { "ncValue": "ncValue"; "ncDuration": "ncDuration"; "ncDelayMultiple": "ncDelayMultiple"; "ncDirection": "ncDirection"; "ncGap": "ncGap"; "ncDelay": "ncDelay"; "ncStartOnView": "ncStartOnView"; "ncOnce": "ncOnce"; }, {}, never, never>;
}