ng-devui
Version:
DevUI components based on Angular
46 lines (45 loc) • 2.55 kB
TypeScript
import { AfterViewInit, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
import { Observable, Subscription } from 'rxjs';
import * as i0 from "@angular/core";
export declare class ToggleMenuSearchComponent implements OnInit, AfterViewInit, OnDestroy {
el: ElementRef;
searchPlaceholder: string;
isShowSearchIcon: boolean;
inputValue: string;
inputWidth: string;
filterKey: string;
maxLength: number;
disabled: boolean;
spellcheck: boolean;
options: any[];
delay: number;
/**
* 【可选】决定下拉框没项文字如何显示，默认显示filterKey字段或者本身的值
*/
formatter: (item: any) => string;
/**
* 【可选】搜索函数，当需要自定义下拉选择过滤规则时可以使用
* 请保证返回值有id和option字段，id是确保尤其多选的时候能正确索引对应选项
* 简单实现参考：
* search = (term) => {
* return of(
* [Lily, May, Jorsh, Shiwa, Nanth]
* .map((option, index) => ({id: index, option: option}))
* .filter(item => item.option.name.toLowerCase().indexOf(term.toLowerCase()) !== -1)
* );
* }
*/
searchFn: (term: string) => Observable<Array<{
id: string | number;
option: any;
}>>;
searchInputValueChange: EventEmitter<any>;
get width(): string;
filterSubscription: Subscription;
constructor(el: ElementRef);
ngOnInit(): void;
ngAfterViewInit(): void;
ngOnDestroy(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<ToggleMenuSearchComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<ToggleMenuSearchComponent, "d-toggle-menu-search", never, { "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "isShowSearchIcon": { "alias": "isShowSearchIcon"; "required": false; }; "inputValue": { "alias": "inputValue"; "required": false; }; "inputWidth": { "alias": "inputWidth"; "required": false; }; "filterKey": { "alias": "filterKey"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "spellcheck": { "alias": "spellcheck"; "required": false; }; "options": { "alias": "options"; "required": false; }; "delay": { "alias": "delay"; "required": false; }; "formatter": { "alias": "formatter"; "required": false; }; "searchFn": { "alias": "searchFn"; "required": false; }; }, { "searchInputValueChange": "searchInputValueChange"; }, never, ["*"], false, never>;
}