@duoduo-oba/ng-devui
Version:
DevUI components based on Angular
1,025 lines (1,017 loc) • 34 kB
JavaScript
import { Component, ChangeDetectionStrategy, HostBinding, Input, ViewChild, EventEmitter, Directive, forwardRef, ElementRef, ViewContainerRef, ComponentFactoryResolver, Renderer2, Injector, ChangeDetectorRef, Output, HostListener, NgModule } from '@angular/core';
import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
import { of, fromEvent } from 'rxjs';
import { filter, map, tap, debounceTime, switchMap } from 'rxjs/operators';
import { PositionService } from '@duoduo-oba/ng-devui/position';
import { fadeInOut, LazyLoadModule } from '@duoduo-oba/ng-devui/utils';
import { CommonModule } from '@angular/common';
import { DocumentRef, WindowRef } from '@duoduo-oba/ng-devui/window-ref';
import { LoadingModule } from '@duoduo-oba/ng-devui/loading';
/**
* @fileoverview added by tsickle
* Generated from: highlight.component.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
class HighlightComponent {
constructor() {
this.display = 'inline';
}
/**
* @return {?}
*/
get htmlContent() { return this.highlightHtml; }
/**
* @param {?} changes
* @return {?}
*/
ngOnChanges(changes) {
this.highlightHtml = this.transform(this.value, this.term);
}
/**
* @param {?} value
* @param {?} term
* @return {?}
*/
transform(value, term) {
return value && term ? this.highlight(value, term) : value;
}
/**
* @param {?} value
* @param {?} term
* @return {?}
*/
highlight(value, term) {
/** @type {?} */
const regExp = new RegExp(term.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, '\\$&'), 'gi');
return value.replace(regExp, (/**
* @param {?} match
* @return {?}
*/
function (match) {
return `<b class="re-highlight">${match}</b>`;
}));
}
}
HighlightComponent.decorators = [
{ type: Component, args: [{
selector: 'd-highlight',
template: ``,
changeDetection: ChangeDetectionStrategy.OnPush
}] }
];
HighlightComponent.propDecorators = {
htmlContent: [{ type: HostBinding, args: ['innerHTML',] }],
display: [{ type: HostBinding, args: ['style.display',] }],
value: [{ type: Input }],
term: [{ type: Input }]
};
if (false) {
/** @type {?} */
HighlightComponent.prototype.display;
/** @type {?} */
HighlightComponent.prototype.value;
/** @type {?} */
HighlightComponent.prototype.term;
/** @type {?} */
HighlightComponent.prototype.highlightHtml;
}
/**
* @fileoverview added by tsickle
* Generated from: auto-complete-popup.component.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
class AutoCompletePopupComponent {
constructor() {
this.activeIndex = 0;
this.showLoading = false;
this.labelMinHeight = 20; // position.top小于20px时候，表示光标在第一行
// position.top小于20px时候，表示光标在第一行
this.onChange = (/**
* @param {?} _
* @return {?}
*/
(_) => null);
this.onTouched = (/**
* @return {?}
*/
() => null);
this.formatter = (/**
* @param {?} item
* @return {?}
*/
(item) => item ? (item.label || item.toString()) : '');
this.maxHeight = 300;
}
/**
* @param {?} obj
* @return {?}
*/
writeValue(obj) {
this.value = obj;
}
/**
* @param {?} isDisabled
* @return {?}
*/
setDisabledState(isDisabled) {
this.disabled = isDisabled;
}
/**
* @param {?} fn
* @return {?}
*/
registerOnChange(fn) {
this.onChange = fn;
}
/**
* @param {?} fn
* @return {?}
*/
registerOnTouched(fn) {
this.onTouched = fn;
}
/**
* @param {?} event
* @param {?} item
* @return {?}
*/
onSelect(event, item) {
if (this.disabledKey && item[this.disabledKey]) {
event.preventDefault();
event.stopPropagation();
return;
}
if (this.overview === 'single') { // 单选场景和单行场景不需要冒泡
event.preventDefault();
event.stopPropagation();
}
this.value = item;
this.onTouched();
this.onChange({ type: 'select', value: this.value });
}
/**
* @param {?} event
* @return {?}
*/
selectCurrentItem(event) {
this.onSelect(event, this.source[this.activeIndex]);
}
/**
* @param {?} index
* @return {?}
*/
onActiveIndexChange(index) {
this.activeIndex = index;
}
/**
* @return {?}
*/
reset() {
this.activeIndex = 0;
}
/**
* @return {?}
*/
next() {
if (this.isOpen && this.source && this.source.length) {
if (this.activeIndex === this.source.length - 1) {
this.activeIndex = 0;
return;
}
this.activeIndex = this.activeIndex + 1;
}
}
/**
* @return {?}
*/
prev() {
if (this.isOpen && this.source && this.source.length) {
if (this.activeIndex === 0) {
this.activeIndex = this.source.length - 1;
return;
}
this.activeIndex = this.activeIndex - 1;
}
}
/**
* @param {?} index
* @param {?} item
* @return {?}
*/
trackByFn(index, item) {
return index;
}
/**
* @param {?} $event
* @return {?}
*/
animationEnd($event) {
if (!this.isOpen) {
/** @type {?} */
const targetElement = this.selectMenuElement.nativeElement;
targetElement.style.display = 'none';
}
}
/**
* @param {?} $event
* @return {?}
*/
loadMoreEvent($event) {
this.showLoading = true;
this.onChange({ type: 'loadMore', value: this });
}
/**
* @param {?} $event
* @return {?}
*/
loadFinish($event) {
this.showLoading = false;
}
}
AutoCompletePopupComponent.decorators = [
{ type: Component, args: [{
selector: 'd-auto-complete-popup',
template: "<div\r\n class=\"devui-dropdown-menu\"\r\n [style.display]=\"isOpen && (source?.length || noResultItemTemplate) ? 'inline-block' : 'none'\"\r\n [style.top]=\"overview === 'multiline' ? (position?.top < labelMinHeight ? '50%' : '100%') : '100%'\"\r\n [style.left]=\"overview === 'multiline' ? position?.left + 'px' : '0'\"\r\n [@fadeInOut]=\"isOpen ? 'bottom' : 'void'\"\r\n (@fadeInOut.done)=\"animationEnd($event)\"\r\n #selectMenuElement\r\n dLoading\r\n [showLoading]=\"showLoading\"\r\n [backdrop]=\"true\"\r\n>\r\n <ul\r\n class=\"devui-list-unstyled scroll-height\"\r\n [style.maxHeight]=\"maxHeight + 'px'\"\r\n dLazyLoad\r\n [enableLazyLoad]=\"enableLazyLoad\"\r\n (loadMore)=\"loadMoreEvent($event)\"\r\n >\r\n <li *ngIf=\"popTipsText && popTipsText.length > 0\" class=\"devui-popup-tips\">\r\n {{ popTipsText }}\r\n </li>\r\n <li\r\n *ngFor=\"let item of source; let $index = index; trackBy: trackByFn\"\r\n class=\"devui-dropdown-item\"\r\n [title]=\"formatter(item)\"\r\n [ngClass]=\"{\r\n 'devui-dropdown-bg': $index == activeIndex,\r\n disabled: disabledKey && item[disabledKey]\r\n }\"\r\n (click)=\"onSelect($event, item)\"\r\n (mouseenter)=\"onActiveIndexChange($index)\"\r\n >\r\n <ng-template\r\n [ngTemplateOutlet]=\"itemTemplate || defaultItemTemplate\"\r\n [ngTemplateOutletContext]=\"{\r\n formatter: formatter,\r\n term: term,\r\n source: source,\r\n item: item,\r\n $index: $index\r\n }\"\r\n >\r\n </ng-template>\r\n </li>\r\n <li class=\"devui-dropdown-item devui-no-result-template\" *ngIf=\"!source?.length && noResultItemTemplate != null\">\r\n <ng-template [ngTemplateOutlet]=\"noResultItemTemplate\" [ngTemplateOutletContext]=\"{ term: term, source: source }\"> </ng-template>\r\n </li>\r\n </ul>\r\n</div>\r\n\r\n<ng-template #defaultItemTemplate let-item=\"item\" let-term=\"term\">\r\n <d-highlight [value]=\"formatter(item)\" [term]=\"term\"></d-highlight>\r\n</ng-template>\r\n",
animations: [fadeInOut],
styles: ["@charset \"UTF-8\";.devui-dropdown-menu{width:100%;display:block}.devui-dropdown-item{cursor:pointer;display:block;width:100%;padding:8px 1rem;clear:both;border:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devui-no-result-template{cursor:not-allowed}.devui-no-result-template:hover{background:0 0!important}.devui-dropdown-item.disabled,.devui-dropdown-item.disabled:hover{cursor:not-allowed;opacity:.3;color:#252b3a;background:#fff}ul.devui-list-unstyled{margin:0;overflow-y:auto}:host(.devui-dropdown-menu){width:100%;margin:0;padding:5px 0}.devui-dropdown-bg{background:#f2f5fc}.devui-popup-tips{color:#adb0b8;padding:3px 1rem}"]
}] }
];
/** @nocollapse */
AutoCompletePopupComponent.ctorParameters = () => [];
AutoCompletePopupComponent.propDecorators = {
cssClass: [{ type: Input }],
maxHeight: [{ type: Input }],
disabled: [{ type: Input }],
disabledKey: [{ type: Input }],
source: [{ type: Input }],
position: [{ type: Input }],
isOpen: [{ type: Input }],
term: [{ type: Input }],
popTipsText: [{ type: Input }],
overview: [{ type: Input }],
itemTemplate: [{ type: Input }],
noResultItemTemplate: [{ type: Input }],
formatter: [{ type: Input }],
dropdown: [{ type: Input }],
selectWidth: [{ type: Input }],
enableLazyLoad: [{ type: Input }],
selectMenuElement: [{ type: ViewChild, args: ['selectMenuElement', { static: true },] }]
};
if (false) {
/** @type {?} */
AutoCompletePopupComponent.prototype.activeIndex;
/** @type {?} */
AutoCompletePopupComponent.prototype.cssClass;
/** @type {?} */
AutoCompletePopupComponent.prototype.maxHeight;
/** @type {?} */
AutoCompletePopupComponent.prototype.disabled;
/** @type {?} */
AutoCompletePopupComponent.prototype.disabledKey;
/** @type {?} */
AutoCompletePopupComponent.prototype.source;
/** @type {?} */
AutoCompletePopupComponent.prototype.position;
/** @type {?} */
AutoCompletePopupComponent.prototype.isOpen;
/** @type {?} */
AutoCompletePopupComponent.prototype.term;
/** @type {?} */
AutoCompletePopupComponent.prototype.popTipsText;
/** @type {?} */
AutoCompletePopupComponent.prototype.overview;
/** @type {?} */
AutoCompletePopupComponent.prototype.itemTemplate;
/** @type {?} */
AutoCompletePopupComponent.prototype.noResultItemTemplate;
/** @type {?} */
AutoCompletePopupComponent.prototype.formatter;
/** @type {?} */
AutoCompletePopupComponent.prototype.dropdown;
/** @type {?} */
AutoCompletePopupComponent.prototype.selectWidth;
/** @type {?} */
AutoCompletePopupComponent.prototype.enableLazyLoad;
/** @type {?} */
AutoCompletePopupComponent.prototype.selectMenuElement;
/** @type {?} */
AutoCompletePopupComponent.prototype.showLoading;
/**
* @type {?}
* @private
*/
AutoCompletePopupComponent.prototype.value;
/** @type {?} */
AutoCompletePopupComponent.prototype.labelMinHeight;
/**
* @type {?}
* @private
*/
AutoCompletePopupComponent.prototype.onChange;
/**
* @type {?}
* @private
*/
AutoCompletePopupComponent.prototype.onTouched;
}
/**
* @fileoverview added by tsickle
* Generated from: auto-complete.directive.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
class AutoCompleteDirective {
/**
* @param {?} elementRef
* @param {?} viewContainerRef
* @param {?} componentFactoryResolver
* @param {?} renderer
* @param {?} injector
* @param {?} positionService
* @param {?} changeDetectorRef
*/
constructor(elementRef, viewContainerRef, componentFactoryResolver, renderer, injector, positionService, changeDetectorRef) {
this.elementRef = elementRef;
this.viewContainerRef = viewContainerRef;
this.componentFactoryResolver = componentFactoryResolver;
this.renderer = renderer;
this.injector = injector;
this.positionService = positionService;
this.changeDetectorRef = changeDetectorRef;
this.autocomplete = 'off';
this.autocapitalize = 'off';
this.autocorrect = 'off';
this.sceneType = ''; // sceneType使用场景：select(下拉框) suggest(联想)
// sceneType使用场景：select(下拉框) suggest(联想)
this.tipsText = ''; // 提示文字
this.maxHeight = 300;
/**
* 【可选】启用数据懒加载，默认不启用
*/
this.enableLazyLoad = false;
this.loadMore = new EventEmitter();
this.selectValue = new EventEmitter();
this.transInputFocusEmit = new EventEmitter(); // input状态传给父组件函数
// input状态传给父组件函数
this.KEYBOARD_EVENT_NOT_REFRESH = ['escape', 'enter', 'arrowup', 'arrowdown',
/*ie 10 edge */ 'esc', 'up', 'down'];
this.popTipsText = '';
this.focus = false;
this.placement = 'bottom-left';
this.onChange = (/**
* @param {?} _
* @return {?}
*/
(_) => null);
this.onTouched = (/**
* @return {?}
*/
() => null);
this.delay = 300;
this.valueChanges = this.registerInputEvent(elementRef);
this.minLength = 1;
this.itemTemplate = null;
this.noResultItemTemplate = null;
this.formatter = (/**
* @param {?} item
* @return {?}
*/
(item) => item ? (item.label || item.toString()) : '');
this.valueParser = (/**
* @param {?} item
* @return {?}
*/
(item) => item);
}
/**
* @return {?}
*/
ngOnInit() {
// 调用时机：input keyup
this.subscription = this.valueChanges
.subscribe((/**
* @param {?} source
* @return {?}
*/
source => this.onSourceChange(source)));
// 动态的创建了popup组件，
/** @type {?} */
const factory = this.componentFactoryResolver.resolveComponentFactory(AutoCompletePopupComponent);
this.popupRef = this.viewContainerRef.createComponent(factory, this.viewContainerRef.length, this.injector);
this.fillPopup(this.source);
if (!this.searchFn) {
this.searchFn = (/**
* @param {?} term
* @return {?}
*/
(term) => {
return of(this.source.filter((/**
* @param {?} lang
* @return {?}
*/
lang => this.formatter(lang).toLowerCase().indexOf(term.toLowerCase()) !== -1)));
});
}
// 调用时机：选中回车或者鼠标单击下拉选项
this.popupRef.instance.registerOnChange((/**
* @param {?} item
* @return {?}
*/
item => {
if (item.type === 'loadMore') {
this.loadMore.emit(item.value);
return;
}
/** @type {?} */
const value = this.valueParser(item.value);
this.writeValue(value);
this.onChange(value);
this.hidePopup();
this.selectValue.emit(item.value);
if (this.overview && this.overview !== 'single') {
setTimeout((/**
* @return {?}
*/
() => {
this.restLatestSource();
}), 0);
}
}));
}
/**
* @param {?} changes
* @return {?}
*/
ngOnChanges(changes) {
if (changes && this.popupRef && changes.source) {
this.fillPopup(this.source);
}
}
/**
* @return {?}
*/
restLatestSource() {
if (this.latestSource && this.latestSource.length > 0) {
this.writeValue('');
this.clearInputValue();
this.showLatestSource();
}
}
// 调用时机：input keyup
/**
* @param {?} source
* @return {?}
*/
onSourceChange(source) {
if (!this.elementRef.nativeElement.value) {
if (this.sceneType !== 'select') { // 下拉场景不展示最近输入
this.showLatestSource();
}
else {
this.showSource(source, true, true);
}
}
else {
this.showSource(source, true, true);
}
}
/**
* @private
* @return {?}
*/
showLatestSource() {
/** @type {?} */
let tempSource = [];
if (this.latestSource && this.latestSource.length > 0) {
this.searchFn('').subscribe((/**
* @param {?} source
* @return {?}
*/
source => {
/** @type {?} */
const t = this.latestSource.slice(-5);
tempSource = t.filter((/**
* @param {?} data
* @return {?}
*/
data => {
if (!data.label) {
return source.find((/**
* @param {?} item
* @return {?}
*/
item => item === data));
}
else {
return source.find((/**
* @param {?} item
* @return {?}
*/
item => item.label === data.label));
}
}));
/** @type {?} */
const pop = this.popupRef.instance;
pop.reset();
this.popTipsText = '最近输入';
this.fillPopup(tempSource);
pop.isOpen = true;
this.changeDetectorRef.markForCheck();
}));
}
if (tempSource.length <= 0) {
this.hidePopup();
}
}
/**
* @private
* @param {?} source
* @param {?} setOpen
* @param {?} isReset
* @return {?}
*/
showSource(source, setOpen, isReset) {
if ((source && source.length) || this.noResultItemTemplate) {
/** @type {?} */
const pop = this.popupRef.instance;
if (isReset) {
pop.reset();
}
this.popTipsText = this.tipsText || '';
this.fillPopup(source, this.value);
if (setOpen) {
pop.isOpen = true;
}
this.changeDetectorRef.markForCheck();
}
else {
this.hidePopup();
}
}
/**
* @param {?} obj
* @return {?}
*/
writeValue(obj) {
this.value = this.formatter(obj) || '';
this.writeInputValue(this.value);
}
/**
* @param {?} fn
* @return {?}
*/
registerOnChange(fn) {
this.onChange = fn;
}
/**
* @param {?} fn
* @return {?}
*/
registerOnTouched(fn) {
this.onTouched = fn;
}
/**
* @param {?} isDisabled
* @return {?}
*/
setDisabledState(isDisabled) {
this.disabled = isDisabled;
this.renderer.setProperty(this.elementRef.nativeElement, 'disabled', isDisabled);
if (this.popupRef) {
this.popupRef.instance.setDisabledState(isDisabled);
}
}
/**
* @return {?}
*/
ngOnDestroy() {
this.unSubscription();
}
/**
* @param {?} $event
* @return {?}
*/
onFocus($event) {
this.focus = true;
this.transInputFocusEmit.emit({
focus: true,
popupRef: this.popupRef
});
/** @type {?} */
const isOpen = this.sceneType !== 'select';
if (this.sceneType === 'select') {
this.searchFn('').subscribe((/**
* @param {?} source
* @return {?}
*/
source => {
this.showSource(source, isOpen, false);
}));
}
else {
if (!this.elementRef.nativeElement.value) {
this.showLatestSource();
}
else {
this.searchFn(this.elementRef.nativeElement.value).subscribe((/**
* @param {?} source
* @return {?}
*/
source => {
this.showSource(source, true, false);
}));
}
}
}
/**
* @param {?} $event
* @return {?}
*/
onBlur($event) {
this.focus = false;
this.onTouched();
}
/**
* @param {?} $event
* @return {?}
*/
onEscKeyup($event) {
this.hidePopup();
}
/**
* @param {?} $event
* @return {?}
*/
onEnterKeyDown($event) {
if (!this.popupRef.instance.source || !this.popupRef.instance.isOpen) {
return;
}
if (this.popupRef) {
this.popupRef.instance.selectCurrentItem($event);
}
}
/**
* @param {?} $event
* @return {?}
*/
onArrowUpKeyDown($event) {
if (this.popupRef) {
$event.preventDefault();
$event.stopPropagation();
this.popupRef.instance.prev();
}
}
/**
* @param {?} $event
* @return {?}
*/
onArrowDownKeyDown($event) {
if (this.popupRef) {
$event.preventDefault();
$event.stopPropagation();
this.popupRef.instance.next();
}
}
/**
* @param {?} $event
* @return {?}
*/
onDocumentClick($event) {
if (this.focus) {
this.transInputFocusEmit.emit({
focus: this.focus,
popupRef: this.popupRef
});
}
if (this.popupRef && !this.popupRef.instance.isOpen) {
return;
}
/** @type {?} */
const hostElement = this.elementRef.nativeElement;
if (!hostElement.contains($event.target)) {
this.hidePopup();
this.transInputFocusEmit.emit({
focus: false,
popupRef: this.popupRef
});
}
}
/**
* @private
* @return {?}
*/
hidePopup() {
if (this.popupRef) {
this.popupRef.instance.isOpen = false;
}
}
/**
* @private
* @param {?=} source
* @param {?=} term
* @return {?}
*/
fillPopup(source, term) {
this.position = this.positionService.position(this.elementRef.nativeElement);
/** @type {?} */
const pop = this.popupRef.instance;
pop.source = source;
pop.maxHeight = this.maxHeight;
pop.term = term;
pop.disabledKey = this.disabledKey;
pop.enableLazyLoad = this.enableLazyLoad;
['formatter', 'itemTemplate', 'noResultItemTemplate', 'cssClass', 'dropdown', 'popTipsText', 'position', 'overview']
.forEach((/**
* @param {?} key
* @return {?}
*/
key => {
if (this[key] !== undefined) {
pop[key] = this[key];
}
}));
}
/**
* @private
* @param {?} value
* @return {?}
*/
writeInputValue(value) {
this.renderer.setProperty(this.elementRef.nativeElement, 'value', value);
}
/**
* @private
* @return {?}
*/
clearInputValue() {
this.renderer.setProperty(this.elementRef.nativeElement, 'value', '');
}
/**
* @private
* @return {?}
*/
unSubscription() {
if (this.subscription) {
this.subscription.unsubscribe();
this.subscription = null;
}
}
/**
* @param {?} term
* @return {?}
*/
onTermChange(term) {
this.value = term;
if (this.popupRef) {
this.popupRef.instance.term = term;
}
this.onChange(term);
}
/**
* @private
* @param {?} elementRef
* @return {?}
*/
registerInputEvent(elementRef) {
return fromEvent(elementRef.nativeElement, 'keyup')
.pipe(filter((/**
* @param {?} e
* @return {?}
*/
(e) => {
return this.KEYBOARD_EVENT_NOT_REFRESH.indexOf(e.key.toLocaleLowerCase()) === -1;
})), map((/**
* @param {?} e
* @return {?}
*/
(e) => e.target.value)), tap((/**
* @param {?} term
* @return {?}
*/
term => this.onTouched())), filter((/**
* @param {?} term
* @return {?}
*/
term => !this.disabled && this.searchFn && term.length >= 0)), debounceTime(this.delay), tap((/**
* @param {?} term
* @return {?}
*/
term => this.onTermChange(term))), switchMap((/**
* @param {?} term
* @return {?}
*/
term => this.searchFn(term, this))));
}
}
AutoCompleteDirective.decorators = [
{ type: Directive, args: [{
selector: '[dAutoComplete]',
exportAs: 'autoComplete',
providers: [{
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef((/**
* @return {?}
*/
() => AutoCompleteDirective)),
multi: true
}]
},] }
];
/** @nocollapse */
AutoCompleteDirective.ctorParameters = () => [
{ type: ElementRef },
{ type: ViewContainerRef },
{ type: ComponentFactoryResolver },
{ type: Renderer2 },
{ type: Injector },
{ type: PositionService },
{ type: ChangeDetectorRef }
];
AutoCompleteDirective.propDecorators = {
autocomplete: [{ type: HostBinding, args: ['attr.autocomplete',] }],
autocapitalize: [{ type: HostBinding, args: ['attr.autocapitalize',] }],
autocorrect: [{ type: HostBinding, args: ['attr.autocorrect',] }],
disabled: [{ type: Input }],
cssClass: [{ type: Input }],
delay: [{ type: Input }],
minLength: [{ type: Input }],
itemTemplate: [{ type: Input }],
noResultItemTemplate: [{ type: Input }],
formatter: [{ type: Input }],
sceneType: [{ type: Input }],
tipsText: [{ type: Input }],
overview: [{ type: Input }],
latestSource: [{ type: Input }],
source: [{ type: Input }],
valueParser: [{ type: Input }],
searchFn: [{ type: Input }],
dropdown: [{ type: Input }],
maxHeight: [{ type: Input }],
disabledKey: [{ type: Input }],
enableLazyLoad: [{ type: Input }],
loadMore: [{ type: Output }],
selectValue: [{ type: Output }],
transInputFocusEmit: [{ type: Output }],
onFocus: [{ type: HostListener, args: ['focus', ['$event'],] }],
onBlur: [{ type: HostListener, args: ['blur', ['$event'],] }],
onEscKeyup: [{ type: HostListener, args: ['keydown.esc', ['$event'],] }],
onEnterKeyDown: [{ type: HostListener, args: ['keydown.Enter', ['$event'],] }],
onArrowUpKeyDown: [{ type: HostListener, args: ['keydown.ArrowUp', ['$event'],] }],
onArrowDownKeyDown: [{ type: HostListener, args: ['keydown.ArrowDown', ['$event'],] }],
onDocumentClick: [{ type: HostListener, args: ['document:click', ['$event'],] }]
};
if (false) {
/** @type {?} */
AutoCompleteDirective.prototype.autocomplete;
/** @type {?} */
AutoCompleteDirective.prototype.autocapitalize;
/** @type {?} */
AutoCompleteDirective.prototype.autocorrect;
/** @type {?} */
AutoCompleteDirective.prototype.disabled;
/** @type {?} */
AutoCompleteDirective.prototype.cssClass;
/** @type {?} */
AutoCompleteDirective.prototype.delay;
/** @type {?} */
AutoCompleteDirective.prototype.minLength;
/** @type {?} */
AutoCompleteDirective.prototype.itemTemplate;
/** @type {?} */
AutoCompleteDirective.prototype.noResultItemTemplate;
/** @type {?} */
AutoCompleteDirective.prototype.formatter;
/** @type {?} */
AutoCompleteDirective.prototype.sceneType;
/** @type {?} */
AutoCompleteDirective.prototype.tipsText;
/** @type {?} */
AutoCompleteDirective.prototype.overview;
/** @type {?} */
AutoCompleteDirective.prototype.latestSource;
/** @type {?} */
AutoCompleteDirective.prototype.source;
/** @type {?} */
AutoCompleteDirective.prototype.valueParser;
/** @type {?} */
AutoCompleteDirective.prototype.searchFn;
/** @type {?} */
AutoCompleteDirective.prototype.dropdown;
/** @type {?} */
AutoCompleteDirective.prototype.maxHeight;
/** @type {?} */
AutoCompleteDirective.prototype.disabledKey;
/**
* 【可选】启用数据懒加载，默认不启用
* @type {?}
*/
AutoCompleteDirective.prototype.enableLazyLoad;
/** @type {?} */
AutoCompleteDirective.prototype.loadMore;
/** @type {?} */
AutoCompleteDirective.prototype.selectValue;
/** @type {?} */
AutoCompleteDirective.prototype.transInputFocusEmit;
/** @type {?} */
AutoCompleteDirective.prototype.KEYBOARD_EVENT_NOT_REFRESH;
/** @type {?} */
AutoCompleteDirective.prototype.popupRef;
/** @type {?} */
AutoCompleteDirective.prototype.popTipsText;
/** @type {?} */
AutoCompleteDirective.prototype.position;
/** @type {?} */
AutoCompleteDirective.prototype.focus;
/**
* @type {?}
* @private
*/
AutoCompleteDirective.prototype.valueChanges;
/**
* @type {?}
* @private
*/
AutoCompleteDirective.prototype.value;
/**
* @type {?}
* @private
*/
AutoCompleteDirective.prototype.placement;
/**
* @type {?}
* @private
*/
AutoCompleteDirective.prototype.subscription;
/**
* @type {?}
* @private
*/
AutoCompleteDirective.prototype.onChange;
/**
* @type {?}
* @private
*/
AutoCompleteDirective.prototype.onTouched;
/**
* @type {?}
* @private
*/
AutoCompleteDirective.prototype.elementRef;
/**
* @type {?}
* @private
*/
AutoCompleteDirective.prototype.viewContainerRef;
/**
* @type {?}
* @private
*/
AutoCompleteDirective.prototype.componentFactoryResolver;
/**
* @type {?}
* @private
*/
AutoCompleteDirective.prototype.renderer;
/**
* @type {?}
* @private
*/
AutoCompleteDirective.prototype.injector;
/**
* @type {?}
* @private
*/
AutoCompleteDirective.prototype.positionService;
/**
* @type {?}
* @private
*/
AutoCompleteDirective.prototype.changeDetectorRef;
}
/**
* @fileoverview added by tsickle
* Generated from: auto-complete.module.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
class AutoCompleteModule {
}
AutoCompleteModule.decorators = [
{ type: NgModule, args: [{
imports: [CommonModule, FormsModule, LazyLoadModule, LoadingModule],
exports: [AutoCompleteDirective, AutoCompletePopupComponent, HighlightComponent],
declarations: [AutoCompleteDirective, AutoCompletePopupComponent, HighlightComponent],
providers: [DocumentRef, WindowRef, PositionService],
entryComponents: [AutoCompletePopupComponent]
},] }
];
/**
* @fileoverview added by tsickle
* Generated from: public-api.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/**
* @fileoverview added by tsickle
* Generated from: ng-devui-auto-complete.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
export { AutoCompleteDirective, AutoCompleteModule, AutoCompletePopupComponent, HighlightComponent };
//# sourceMappingURL=ng-devui-auto-complete.js.map