UNPKG

ng-zorro-antd

Version:

An enterprise-class UI components based on Ant Design and Angular

145 lines (135 loc) 7.41 kB
import * as i0 from '@angular/core'; import { OnInit, EventEmitter, AfterViewInit, OnDestroy, ElementRef, OnChanges, SimpleChanges } from '@angular/core'; import { Subject } from 'rxjs'; type NzCursorType = 'window' | 'grid'; type NzResizeDirection = 'top' | 'right' | 'bottom' | 'left' | 'topRight' | 'bottomRight' | 'bottomLeft' | 'topLeft'; declare class NzResizeHandleMouseDownEvent { direction: NzResizeDirection; mouseEvent: MouseEvent | TouchEvent; constructor(direction: NzResizeDirection, mouseEvent: MouseEvent | TouchEvent); } declare class NzResizeHandleComponent implements OnInit { private readonly nzResizableService; private readonly renderer; private readonly el; private readonly destroyRef; nzDirection: NzResizeDirection; nzCursorType: NzCursorType; readonly nzMouseDown: EventEmitter<NzResizeHandleMouseDownEvent>; ngOnInit(): void; onPointerDown(event: PointerEvent): void; onPointerUp(event: PointerEvent): void; static ɵfac: i0.ɵɵFactoryDeclaration<NzResizeHandleComponent, never>; static ɵcmp: i0.ɵɵComponentDeclaration<NzResizeHandleComponent, "nz-resize-handle, [nz-resize-handle]", ["nzResizeHandle"], { "nzDirection": { "alias": "nzDirection"; "required": false; }; "nzCursorType": { "alias": "nzCursorType"; "required": false; }; }, { "nzMouseDown": "nzMouseDown"; }, never, ["*"], true, never>; } interface NzResizeEvent { width?: number; height?: number; col?: number; mouseEvent?: MouseEvent | TouchEvent; direction?: NzResizeDirection; } declare class NzResizableDirective implements AfterViewInit, OnDestroy { private readonly elementRef; private readonly renderer; private readonly nzResizableService; private readonly platform; private readonly ngZone; private readonly destroyRef; nzBounds: 'window' | 'parent' | ElementRef<HTMLElement>; nzMaxHeight?: number; nzMaxWidth?: number; nzMinHeight: number; nzMinWidth: number; nzGridColumnCount: number; nzMaxColumn: number; nzMinColumn: number; nzLockAspectRatio: boolean; nzPreview: boolean; nzDisabled: boolean; readonly nzResize: EventEmitter<NzResizeEvent>; readonly nzResizeEnd: EventEmitter<NzResizeEvent>; readonly nzResizeStart: EventEmitter<NzResizeEvent>; resizing: boolean; private elRect; private currentHandleEvent; private ghostElement; private el; private sizeCache; constructor(); setPosition(): void; calcSize(width: number, height: number, ratio: number): NzResizeEvent; resize(event: MouseEvent | TouchEvent): void; endResize(event: MouseEvent | TouchEvent): void; previewResize({ width, height }: NzResizeEvent): void; createGhostElement(): void; removeGhostElement(): void; ngAfterViewInit(): void; ngOnDestroy(): void; static ɵfac: i0.ɵɵFactoryDeclaration<NzResizableDirective, never>; static ɵdir: i0.ɵɵDirectiveDeclaration<NzResizableDirective, "[nz-resizable]", ["nzResizable"], { "nzBounds": { "alias": "nzBounds"; "required": false; }; "nzMaxHeight": { "alias": "nzMaxHeight"; "required": false; }; "nzMaxWidth": { "alias": "nzMaxWidth"; "required": false; }; "nzMinHeight": { "alias": "nzMinHeight"; "required": false; }; "nzMinWidth": { "alias": "nzMinWidth"; "required": false; }; "nzGridColumnCount": { "alias": "nzGridColumnCount"; "required": false; }; "nzMaxColumn": { "alias": "nzMaxColumn"; "required": false; }; "nzMinColumn": { "alias": "nzMinColumn"; "required": false; }; "nzLockAspectRatio": { "alias": "nzLockAspectRatio"; "required": false; }; "nzPreview": { "alias": "nzPreview"; "required": false; }; "nzDisabled": { "alias": "nzDisabled"; "required": false; }; }, { "nzResize": "nzResize"; "nzResizeEnd": "nzResizeEnd"; "nzResizeStart": "nzResizeStart"; }, never, never, true, never>; static ngAcceptInputType_nzMinHeight: unknown; static ngAcceptInputType_nzMinWidth: unknown; static ngAcceptInputType_nzGridColumnCount: unknown; static ngAcceptInputType_nzMaxColumn: unknown; static ngAcceptInputType_nzMinColumn: unknown; static ngAcceptInputType_nzLockAspectRatio: unknown; static ngAcceptInputType_nzPreview: unknown; static ngAcceptInputType_nzDisabled: unknown; } /** * Use of this source code is governed by an MIT-style license that can be * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE */ declare const DEFAULT_RESIZE_DIRECTION: NzResizeDirection[]; interface NzResizeHandleOption { direction: NzResizeDirection; cursorType: NzCursorType; } declare class NzResizeHandlesComponent implements OnChanges { nzDirections: Array<NzResizeDirection | NzResizeHandleOption>; resizeHandleOptions: NzResizeHandleOption[]; ngOnChanges(changes: SimpleChanges): void; static ɵfac: i0.ɵɵFactoryDeclaration<NzResizeHandlesComponent, never>; static ɵcmp: i0.ɵɵComponentDeclaration<NzResizeHandlesComponent, "nz-resize-handles", ["nzResizeHandles"], { "nzDirections": { "alias": "nzDirections"; "required": false; }; }, {}, never, never, true, never>; } declare class NzResizableModule { static ɵfac: i0.ɵɵFactoryDeclaration<NzResizableModule, never>; static ɵmod: i0.ɵɵNgModuleDeclaration<NzResizableModule, never, [typeof NzResizableDirective, typeof NzResizeHandleComponent, typeof NzResizeHandlesComponent], [typeof NzResizableDirective, typeof NzResizeHandleComponent, typeof NzResizeHandlesComponent]>; static ɵinj: i0.ɵɵInjectorDeclaration<NzResizableModule>; } /** * Use of this source code is governed by an MIT-style license that can be * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE */ declare class NzResizableService implements OnDestroy { private readonly document; private readonly ngZone; private listeners; /** * The `OutsideAngular` prefix means that the subject will emit events outside of the Angular zone, * so that becomes a bit more descriptive for those who'll maintain the code in the future: * ```ts * nzResizableService.handleMouseDownOutsideAngular$.subscribe(event => { * console.log(Zone.current); // <root> * console.log(NgZone.isInAngularZone()); // false * }); * ``` */ handleMouseDownOutsideAngular$: Subject<NzResizeHandleMouseDownEvent>; documentMouseUpOutsideAngular$: Subject<MouseEvent | TouchEvent | null>; documentMouseMoveOutsideAngular$: Subject<MouseEvent | TouchEvent>; mouseEnteredOutsideAngular$: Subject<boolean>; startResizing(event: MouseEvent | TouchEvent): void; private clearListeners; ngOnDestroy(): void; static ɵfac: i0.ɵɵFactoryDeclaration<NzResizableService, never>; static ɵprov: i0.ɵɵInjectableDeclaration<NzResizableService>; } /** * Use of this source code is governed by an MIT-style license that can be * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE */ declare function getEventWithPoint(event: MouseEvent | TouchEvent): MouseEvent | Touch; export { DEFAULT_RESIZE_DIRECTION, NzResizableDirective, NzResizableModule, NzResizableService, NzResizeHandleComponent, NzResizeHandleMouseDownEvent, NzResizeHandlesComponent, getEventWithPoint }; export type { NzCursorType, NzResizeDirection, NzResizeEvent, NzResizeHandleOption };