ngx-tethys 19.1.13 → 20.0.0-next.0

package/carousel/index.d.ts

@@ -1,4 +1,210 @@
-export * from './module';
-export * from './carousel.component';
-export * from './carousel-item.directive';
-export * from './typings';
+import * as _angular_core from '@angular/core';
+import { QueryList, ChangeDetectorRef, Renderer2, OnInit, AfterViewInit, AfterContentInit, OnDestroy, ElementRef, TemplateRef } from '@angular/core';
+import * as i1 from '@angular/common';
+import * as i2 from 'ngx-tethys/dot';
+import * as i3 from 'ngx-tethys/icon';
+import { Observable } from 'rxjs';
+import { Platform } from '@angular/cdk/platform';
+
+/**
+ * @private
+ */
+declare class ThyCarouselItemDirective {
+    private renderer;
+    private _active;
+    readonly el: HTMLElement;
+    set isActive(value: boolean);
+    get isActive(): boolean;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyCarouselItemDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ThyCarouselItemDirective, "[thyCarouselItem],[thy-carousel-item]", ["thyCarouseItem"], {}, {}, never, never, true, never>;
+}
+
+interface IThyCarouselComponent {
+    wrapperEl: HTMLElement;
+    playTime: number;
+    activeIndex: number;
+}
+
+interface ThyDistanceVector {
+    x: number;
+    y: number;
+}
+interface ThyCarouselSwitchData {
+    from: number;
+    to: number;
+}
+type ThyCarouselEffect = 'slide' | 'fade' | 'noop';
+type ThyCarouselTrigger = 'click' | 'hover';
+type ThyCarouselPause = 'false' | 'hover';
+interface ThyCarouselEngine {
+    initializeCarouselContents(contents: QueryList<ThyCarouselItemDirective> | null): void;
+    switch(to: number, from: number): Observable<void>;
+    dragging(pointerVector: ThyDistanceVector, rect: DOMRect): void;
+    correctionOffset(): void;
+}
+
+declare abstract class ThyCarouselBaseEngine implements ThyCarouselEngine {
+    protected cdr: ChangeDetectorRef;
+    protected renderer: Renderer2;
+    protected platform: Platform;
+    protected contentWidth: number;
+    protected contentHeight: number;
+    protected readonly carouselComponent: IThyCarouselComponent;
+    protected wrapperEl: HTMLElement;
+    protected playTime: number;
+    protected length: number;
+    protected contents: ThyCarouselItemDirective[];
+    protected get maxIndex(): number;
+    protected get firstEl(): HTMLElement;
+    protected get lastEl(): HTMLElement;
+    protected constructor(thyCarouselComponent: IThyCarouselComponent, cdr: ChangeDetectorRef, renderer: Renderer2, platform: Platform);
+    initializeContents(contents: QueryList<ThyCarouselItemDirective> | null): void;
+    abstract dragging(pointerVector: ThyDistanceVector, rect: DOMRect): void;
+    abstract initializeCarouselContents(contents: QueryList<ThyCarouselItemDirective> | null): void;
+    abstract switch(to: number, from: number): Observable<void>;
+    correctionOffset(): void;
+}
+
+declare class ThyCarouselNoopEngine extends ThyCarouselBaseEngine {
+    constructor(thyCarouselComponent: IThyCarouselComponent, cdr: ChangeDetectorRef, renderer: Renderer2, platform: Platform);
+    dragging(pointerVector: ThyDistanceVector, rect: DOMRect): void;
+    initializeCarouselContents(contents: QueryList<ThyCarouselItemDirective> | null): void;
+    switch(to: number, from: number): Observable<void>;
+    correctionOffset(): void;
+}
+
+declare class ThyCarouselSlideEngine extends ThyCarouselBaseEngine {
+    constructor(thyCarouselComponent: IThyCarouselComponent, cdr: ChangeDetectorRef, renderer: Renderer2, platform: Platform);
+    private prepareHorizontalContext;
+    private resetContext;
+    initializeCarouselContents(contents: QueryList<ThyCarouselItemDirective> | null): void;
+    dragging(pointerVector: ThyDistanceVector, rect: DOMRect): void;
+    switch(to: number, from: number): Observable<void>;
+    correctionOffset(): void;
+}
+
+declare class ThyCarouselFadeEngine extends ThyCarouselBaseEngine {
+    contentsEl: HTMLElement[];
+    constructor(thyCarouselComponent: IThyCarouselComponent, cdr: ChangeDetectorRef, renderer: Renderer2, platform: Platform);
+    dragging(pointerVector: ThyDistanceVector, rect: DOMRect): void;
+    initializeCarouselContents(contents: QueryList<ThyCarouselItemDirective> | null): void;
+    switch(to: number, from: number): Observable<void>;
+    correctionOffset(): void;
+}
+
+/**
+ * 走马灯组件
+ * @name thy-carousel
+ */
+declare class ThyCarousel implements IThyCarouselComponent, OnInit, AfterViewInit, AfterContentInit, OnDestroy {
+    protected renderer: Renderer2;
+    private cdr;
+    private ngZone;
+    private readonly carouselService;
+    private readonly platform;
+    /**
+     * @private
+     */
+    carouselItems: QueryList<ThyCarouselItemDirective>;
+    /**
+     * @private
+     */
+    readonly carouselWrapper: _angular_core.Signal<ElementRef<HTMLElement>>;
+    /**
+     * 是否自动切换
+     */
+    readonly thyAutoPlay: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * 自动切换时间间隔(毫秒)
+     */
+    readonly thyAutoPlayInterval: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * 切换动画样式
+     * @type slide | fade | noop
+     */
+    readonly thyEffect: _angular_core.InputSignal<ThyCarouselEffect>;
+    /**
+     * 是否显示切换指示器
+     */
+    readonly thyIndicators: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * 指示器 Item 的渲染模板
+     */
+    readonly thyIndicatorRender: _angular_core.InputSignal<TemplateRef<{
+        $implicit: boolean;
+    }>>;
+    /**
+     * 是否显示左右切换
+     */
+    readonly thyControls: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * 上一个控制器渲染模板
+     */
+    readonly thyControlPrev: _angular_core.InputSignal<TemplateRef<any>>;
+    /**
+     * 下一个控制器渲染模板
+     */
+    readonly thyControlNext: _angular_core.InputSignal<TemplateRef<any>>;
+    /**
+     * 是否支持手势滑动
+     */
+    readonly thyTouchable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * 指示点切换的触发条件
+     * @type click | hover
+     */
+    readonly thyTrigger: _angular_core.InputSignal<ThyCarouselTrigger>;
+    /**
+     * 鼠标移动到指示器时是否暂停播放
+     * @type false | hover
+     */
+    readonly thyPause: _angular_core.InputSignal<ThyCarouselPause>;
+    /**
+     * 触发切换帧之前，返回 `{from: number, to: number}`
+     */
+    readonly thyBeforeChange: _angular_core.OutputEmitterRef<ThyCarouselSwitchData>;
+    /**
+     * 切换帧之后的回调，返回当前帧索引
+     */
+    readonly thyAfterChange: _angular_core.OutputEmitterRef<number>;
+    private isDragging;
+    private isTransitioning;
+    private pointerVector;
+    readonly engine: _angular_core.Signal<ThyCarouselNoopEngine | ThyCarouselSlideEngine | ThyCarouselFadeEngine>;
+    private _trigger$;
+    private _destroy$;
+    wrapperDomRect: DOMRect;
+    activeIndex: number;
+    wrapperEl: HTMLElement;
+    transitionTimer: any;
+    playTime: number;
+    isPause: boolean;
+    constructor();
+    private moveTo;
+    private markContentActive;
+    private setInitialValue;
+    private scheduleNextTransition;
+    private clearScheduledTransition;
+    onDrag(event: TouchEvent | MouseEvent): void;
+    indicatorHandleClick(index: number): void;
+    indicatorHandleTrigger(index: number): void;
+    indicatorHandleLeave(): void;
+    next(): void;
+    pre(): void;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyCarousel, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ThyCarousel, "thy-carousel", never, { "thyAutoPlay": { "alias": "thyAutoPlay"; "required": false; "isSignal": true; }; "thyAutoPlayInterval": { "alias": "thyAutoPlayInterval"; "required": false; "isSignal": true; }; "thyEffect": { "alias": "thyEffect"; "required": false; "isSignal": true; }; "thyIndicators": { "alias": "thyIndicators"; "required": false; "isSignal": true; }; "thyIndicatorRender": { "alias": "thyIndicatorRender"; "required": false; "isSignal": true; }; "thyControls": { "alias": "thyControls"; "required": false; "isSignal": true; }; "thyControlPrev": { "alias": "thyControlPrev"; "required": false; "isSignal": true; }; "thyControlNext": { "alias": "thyControlNext"; "required": false; "isSignal": true; }; "thyTouchable": { "alias": "thyTouchable"; "required": false; "isSignal": true; }; "thyTrigger": { "alias": "thyTrigger"; "required": false; "isSignal": true; }; "thyPause": { "alias": "thyPause"; "required": false; "isSignal": true; }; }, { "thyBeforeChange": "thyBeforeChange"; "thyAfterChange": "thyAfterChange"; }, ["carouselItems"], ["*"], true, never>;
+}
+
+declare class ThyCarouselModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThyCarouselModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<ThyCarouselModule, never, [typeof i1.CommonModule, typeof i2.ThyDotModule, typeof i3.ThyIconModule, typeof ThyCarousel, typeof ThyCarouselItemDirective], [typeof ThyCarousel, typeof ThyCarouselItemDirective]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<ThyCarouselModule>;
+}
+
+export { ThyCarousel, ThyCarouselItemDirective, ThyCarouselModule };
+export type { ThyCarouselEffect, ThyCarouselEngine, ThyCarouselPause, ThyCarouselSwitchData, ThyCarouselTrigger, ThyDistanceVector };