ng-zorro-antd-mobile
Version:
An enterprise-class mobile UI components based on Ant Design and Angular
83 lines (82 loc) • 3 kB
TypeScript
import { EventEmitter, ElementRef, OnChanges, AfterViewChecked } from '@angular/core';
import * as i0 from "@angular/core";
export declare class DrawerComponent implements AfterViewChecked, OnChanges {
private _el;
prefixCls: string;
sidebarStyleFinal: {
[k: string]: any;
};
contentStyleFinal: {
[k: string]: any;
};
overlayStyleFinal: {
[k: string]: any;
};
sidebarWidth: number;
sidebarHeight: number;
sidebarTop: number;
dragHandleTop: number;
touchIdentifier: number;
touchStartX: number;
touchStartY: number;
touchCurrentX: number;
touchCurrentY: number;
touchSupported: boolean;
private _docked;
private _open;
private _position;
sidebar: any;
sidebarStyle: {
[k: string]: any;
};
contentStyle: {
[k: string]: any;
};
overlayStyle: {
[k: string]: any;
};
dragHandleStyle: {
[k: string]: any;
};
transitions: boolean;
touch: boolean;
enableDragHandle: boolean;
dragToggleDistance: number;
get docked(): boolean;
set docked(v: boolean);
get open(): boolean;
set open(v: boolean);
set position(v: any);
onOpenChange: EventEmitter<any>;
am: boolean;
left: boolean;
right: boolean;
top: boolean;
bottom: boolean;
dockedCls: boolean;
openCls: boolean;
constructor(_el: ElementRef);
onOverlayClicked(): void;
isTouching(): boolean;
onTouchStart(event: any): void;
onTouchMove(ev: any): void;
onTouchEnd(): void;
saveSidebarSize(): void;
touchSidebarWidth(): number;
touchSidebarHeight(): number;
renderStyle({ sidebarStyle, isTouching, overlayStyle, contentStyle }: {
sidebarStyle: any;
isTouching: any;
overlayStyle: any;
contentStyle: any;
}): void;
update(): void;
getOffset(ele: any): {
top: number;
left: number;
};
ngAfterViewChecked(): void;
ngOnChanges(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DrawerComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<DrawerComponent, "Drawer, nzm-drawer", never, { "sidebar": { "alias": "sidebar"; "required": false; }; "sidebarStyle": { "alias": "sidebarStyle"; "required": false; }; "contentStyle": { "alias": "contentStyle"; "required": false; }; "overlayStyle": { "alias": "overlayStyle"; "required": false; }; "dragHandleStyle": { "alias": "dragHandleStyle"; "required": false; }; "transitions": { "alias": "transitions"; "required": false; }; "touch": { "alias": "touch"; "required": false; }; "enableDragHandle": { "alias": "enableDragHandle"; "required": false; }; "dragToggleDistance": { "alias": "dragToggleDistance"; "required": false; }; "docked": { "alias": "docked"; "required": false; }; "open": { "alias": "open"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, { "onOpenChange": "onOpenChange"; }, never, ["*"], false, never>;
}