ng-devui
Version:
DevUI components based on Angular
93 lines (92 loc) • 4.57 kB
TypeScript
import { CdkConnectedOverlay, CdkOverlayOrigin, ConnectedOverlayPositionChange, ConnectedPosition, ScrollStrategy, ScrollStrategyOptions, VerticalConnectionPos } from '@angular/cdk/overlay';
import { ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnChanges, OnInit, Renderer2, SimpleChanges } from '@angular/core';
import { AppendToBodyDirection, AppendToBodyScrollStrategyType, DevConfigService } from 'ng-devui/utils';
import { WindowRef } from 'ng-devui/window-ref';
import { ToggleMenuListComponent } from './toggle-menu-list.component';
import * as i0 from "@angular/core";
export declare class ToggleMenuContainerComponent implements OnInit, OnChanges {
private doc;
element: ElementRef;
private windowRef;
private ngZone;
private renderer;
private changeDetectorRef;
private devConfigService;
private scrollStrategyOption;
set isOpen(value: boolean);
get isOpen(): boolean;
/**
* 【可选】是否appendToBody
*/
appendToBody: boolean;
appendToBodyDirections: Array<AppendToBodyDirection | ConnectedPosition>;
appendToBodyScrollStrategy: AppendToBodyScrollStrategyType;
/**
* 【可选】cdk模式origin width
*/
width: number;
size: '' | 'sm' | 'lg';
/**
* auto-complete 参数
*/
overview: string;
position: any;
/**
* 【可选】是否禁用下拉框
*/
disabled: boolean;
/**
* 【可选】暂停使用下拉功能，不添加禁用效果
*/
paused: boolean;
/**
* 【可选】是否展示动效
*/
showAnimation: boolean;
/**
* 【可选】是否支持聚焦自动展开下拉
*/
toggleOnFocus: boolean;
closeScope: 'all' | 'blank' | 'none';
direction: 'up' | 'down' | 'auto';
selectWrapper: ElementRef;
/**
* select下拉toggle事件，值为true或false
*/
toggleChange: EventEmitter<any>;
passEvent: EventEmitter<any>;
selectBoxElement: ElementRef;
selectMenuElement: ElementRef;
connectedOverlay: CdkConnectedOverlay;
listInstance: ToggleMenuListComponent;
_isOpen: boolean;
isInit: boolean;
isMouseEvent: boolean;
startAnimation: boolean;
labelMinHeight: number;
popDirection: 'top' | 'bottom';
menuPosition: VerticalConnectionPos;
scrollStrategy: ScrollStrategy;
cdkConnectedOverlayOrigin: CdkOverlayOrigin;
overlayPositions: Array<ConnectedPosition>;
dropDownWidth: number;
document: Document;
constructor(doc: any, element: ElementRef, windowRef: WindowRef, ngZone: NgZone, renderer: Renderer2, changeDetectorRef: ChangeDetectorRef, devConfigService: DevConfigService, scrollStrategyOption: ScrollStrategyOptions);
ngOnInit(): void;
ngOnChanges(changes: SimpleChanges): void;
animationEnd(): void;
setPositions(): void;
updatePosition(): void;
setPassEvent(event: any, type: any): void;
onPositionChange(position: ConnectedOverlayPositionChange): void;
setDocumentClickListener(): void;
onDocumentClick: (event: Event) => void;
setMouseEventTrue(event: any): void;
setMouseEventFalse(event: any): void;
autoToggle(event: any): void;
toggle(event?: Event): void;
isBottomRectEnough(): boolean;
updateCdkConnectedOverlayOrigin(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<ToggleMenuContainerComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<ToggleMenuContainerComponent, "d-toggle-menu-container", never, { "isOpen": { "alias": "isOpen"; "required": false; }; "appendToBody": { "alias": "appendToBody"; "required": false; }; "appendToBodyDirections": { "alias": "appendToBodyDirections"; "required": false; }; "appendToBodyScrollStrategy": { "alias": "appendToBodyScrollStrategy"; "required": false; }; "width": { "alias": "width"; "required": false; }; "size": { "alias": "size"; "required": false; }; "overview": { "alias": "overview"; "required": false; }; "position": { "alias": "position"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "paused": { "alias": "paused"; "required": false; }; "showAnimation": { "alias": "showAnimation"; "required": false; }; "toggleOnFocus": { "alias": "toggleOnFocus"; "required": false; }; "closeScope": { "alias": "closeScope"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "selectWrapper": { "alias": "selectWrapper"; "required": false; }; }, { "toggleChange": "toggleChange"; "passEvent": "passEvent"; }, ["listInstance"], ["*", "d-toggle-menu-list"], false, never>;
}