ng-zorro-antd
Version:
An enterprise-class UI components based on Ant Design and Angular
101 lines (100 loc) • 4.2 kB
TypeScript
/**
* @license
* Copyright Alibaba.com All Rights Reserved.
*
* 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
*/
import { CdkConnectedOverlay, CdkOverlayOrigin, ConnectedOverlayPositionChange } from '@angular/cdk/overlay';
import { Platform } from '@angular/cdk/platform';
import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, QueryList, Renderer2, TemplateRef } from '@angular/core';
import { ControlValueAccessor } from '@angular/forms';
import { NzNoAnimationDirective, NzSizeLDSType } from 'ng-zorro-antd/core';
import { NzOptionGroupComponent } from './nz-option-group.component';
import { NzOptionComponent } from './nz-option.component';
import { TFilterOption } from './nz-option.pipe';
import { NzSelectTopControlComponent } from './nz-select-top-control.component';
import { NzSelectService } from './nz-select.service';
export declare class NzSelectComponent implements ControlValueAccessor, OnInit, AfterViewInit, OnDestroy, AfterContentInit {
nzSelectService: NzSelectService;
private cdr;
private platform;
noAnimation?: NzNoAnimationDirective | undefined;
open: boolean;
value: any | any[];
onChange: (value: string | string[]) => void;
onTouched: () => void;
dropDownPosition: 'top' | 'center' | 'bottom';
triggerWidth: number;
private _disabled;
private isInit;
private destroy$;
cdkOverlayOrigin: CdkOverlayOrigin;
cdkConnectedOverlay: CdkConnectedOverlay;
nzSelectTopControlComponent: NzSelectTopControlComponent;
nzSelectTopControlElement: ElementRef;
/** should move to nz-option-container when https://github.com/angular/angular/issues/20810 resolved **/
listOfNzOptionComponent: QueryList<NzOptionComponent>;
listOfNzOptionGroupComponent: QueryList<NzOptionGroupComponent>;
readonly nzOnSearch: EventEmitter<string>;
readonly nzScrollToBottom: EventEmitter<void>;
readonly nzOpenChange: EventEmitter<boolean>;
readonly nzBlur: EventEmitter<void>;
readonly nzFocus: EventEmitter<void>;
nzSize: NzSizeLDSType;
nzDropdownClassName: string;
nzDropdownMatchSelectWidth: boolean;
nzDropdownStyle: {
[key: string]: string;
};
nzNotFoundContent: string;
nzAllowClear: boolean;
nzShowSearch: boolean;
nzLoading: boolean;
nzAutoFocus: boolean;
nzPlaceHolder: string;
nzMaxTagCount: number;
nzDropdownRender: TemplateRef<void>;
nzCustomTemplate: TemplateRef<{
$implicit: NzOptionComponent;
}>;
nzSuffixIcon: TemplateRef<void>;
nzClearIcon: TemplateRef<void>;
nzRemoveIcon: TemplateRef<void>;
nzMenuItemSelectedIcon: TemplateRef<void>;
nzShowArrow: boolean;
nzTokenSeparators: string[];
nzMaxTagPlaceholder: TemplateRef<{
$implicit: any[];
}>;
nzAutoClearSearchValue: boolean;
nzMaxMultipleCount: number;
nzServerSearch: boolean;
nzMode: 'default' | 'multiple' | 'tags';
nzFilterOption: TFilterOption;
compareWith: (o1: any, o2: any) => boolean;
nzOpen: boolean;
nzDisabled: boolean;
readonly nzSelectTopControlDOM: HTMLElement;
updateAutoFocus(): void;
focus(): void;
blur(): void;
onFocus(): void;
onBlur(): void;
onKeyDown(event: KeyboardEvent): void;
toggleDropDown(): void;
closeDropDown(): void;
onPositionChange(position: ConnectedOverlayPositionChange): void;
updateCdkConnectedOverlayStatus(): void;
updateCdkConnectedOverlayPositions(): void;
constructor(renderer: Renderer2, nzSelectService: NzSelectService, cdr: ChangeDetectorRef, platform: Platform, elementRef: ElementRef, noAnimation?: NzNoAnimationDirective | undefined);
/** update ngModel -> update listOfSelectedValue **/
writeValue(value: any | any[]): void;
registerOnChange(fn: (value: string | string[]) => void): void;
registerOnTouched(fn: () => void): void;
setDisabledState(isDisabled: boolean): void;
ngOnInit(): void;
ngAfterViewInit(): void;
ngAfterContentInit(): void;
ngOnDestroy(): void;
}