UNPKG

@duoduo-oba/ng-devui

Version:

DevUI components based on Angular

2 lines 5.54 kB
!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/core"),require("@angular/forms"),require("ng-devui/auto-complete"),require("ng-devui/i18n"),require("@angular/common"),require("ng-devui/position")):"function"==typeof define&&define.amd?define("ng-devui/editable-select",["exports","@angular/core","@angular/forms","ng-devui/auto-complete","ng-devui/i18n","@angular/common","ng-devui/position"],n):n(((e=e||self)["ng-devui"]=e["ng-devui"]||{},e["ng-devui"]["editable-select"]={}),e.ng.core,e.ng.forms,e["ng-devui"]["auto-complete"],e["ng-devui"].i18n,e.ng.common,e["ng-devui"].position)}(this,(function(e,n,t,o,i,r,s){"use strict";var a=function(){function e(e,t){this.changeDetectorRef=e,this.i18n=t,this.disabled=!1,this.placeholder="",this.enableLazyLoad=!1,this.loadMore=new n.EventEmitter,this.multiItems=[],this.onChange=function(e){return null},this.onTouched=function(){return null},this.i18nCommonText=this.i18n.getI18nText().common}return e.prototype.writeValue=function(e){var n=e||"";this.inputValue=n,this.changeDetectorRef.markForCheck()},e.prototype.ngOnInit=function(){var e=this;this.i18nSubscription=this.i18n.langChange().subscribe((function(n){e.i18nCommonText=n.common}))},e.prototype.ngOnChanges=function(e){var n=this;e&&e.searchFn&&"function"==typeof this.searchFn&&(this.subscription&&this.subscription.unsubscribe(),this.subscription=this.searchFn("").subscribe((function(e){n.source=e})))},e.prototype.registerOnChange=function(e){this.onChange=e},e.prototype.registerOnTouched=function(e){this.onTouched=e},e.prototype.onTermChange=function(e){this.inputValue=e,this.onChange(this.inputValue)},e.prototype.toggle=function(e){this.autoCompleteDirective.popupRef.instance.isOpen=!this.autoCompleteDirective.popupRef.instance.isOpen},e.prototype.loadMoreEvent=function(e){this.loadMore.emit(e)},e.prototype.ngOnDestroy=function(){this.i18nSubscription&&this.i18nSubscription.unsubscribe()},e.decorators=[{type:n.Component,args:[{selector:"d-editable-select",template:'<div\r\n class="devui-form-group devui-has-feedback"\r\n [style.padding-bottom.px]="2"\r\n [style.padding-bottom.px]="2"\r\n [ngClass]="{\r\n \'devui-select-open\': autoCompleteDirective.popupRef ? !!autoCompleteDirective.popupRef.instance.isOpen : false\r\n }"\r\n>\r\n <input\r\n (click)="toggle($event)"\r\n style="cursor: pointer"\r\n class="devui-form-control"\r\n type="text"\r\n name="autoCompleteControl"\r\n [source]="source"\r\n (ngModelChange)="onTermChange($event)"\r\n [ngModel]="inputValue"\r\n [searchFn]="searchFn"\r\n [disabled]="disabled"\r\n [disabledKey]="disabledKey"\r\n [placeholder]="placeholder"\r\n [itemTemplate]="itemTemplate"\r\n [noResultItemTemplate]="noResultItemTemplate ? noResultItemTemplate : noDataTemplate"\r\n [maxHeight]="maxHeight"\r\n [sceneType]="\'select\'"\r\n dAutoComplete\r\n [enableLazyLoad]="enableLazyLoad"\r\n (loadMore)="loadMoreEvent($event)"\r\n />\r\n <span class="devui-form-control-feedback">\r\n <span class="devui-select-chevron-icon">\r\n <svg\r\n width="16px"\r\n height="16px"\r\n viewBox="0 0 16 16"\r\n version="1.1"\r\n xmlns="http://www.w3.org/2000/svg"\r\n xmlns:xlink="http://www.w3.org/1999/xlink"\r\n >\r\n <g id="chevron_down" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">\r\n <polygon id="chevron_down" points="4.5 5 8 8.76923077 11.5 5 13 6.61538462 8 12 3 6.61538462"></polygon>\r\n </g>\r\n </svg>\r\n </span>\r\n </span>\r\n</div>\r\n<ng-template #noDataTemplate>\r\n <div class="devui-no-data-tip">\r\n <ng-container *ngIf="!inputValue">{{ i18nCommonText?.noData }}</ng-container>\r\n <ng-container *ngIf="inputValue">{{ i18nCommonText?.noRecordsFound }}</ng-container>\r\n </div>\r\n</ng-template>\r\n',exportAs:"editable-select",providers:[{provide:t.NG_VALUE_ACCESSOR,useExisting:n.forwardRef((function(){return e})),multi:!0}],styles:[".devui-select-chevron-icon{display:-webkit-inline-box;display:inline-flex;vertical-align:middle;-webkit-transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.devui-select-open .devui-select-chevron-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.devui-select-chevron-icon svg>g>polygon{fill:#252b3a}input::-ms-clear{display:none}.devui-no-data-tip{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:not-allowed;padding:5px 12px;opacity:.3}.devui-form-control{outline:0}"]}]}],e.ctorParameters=function(){return[{type:n.ChangeDetectorRef},{type:i.I18nService}]},e.propDecorators={cssClass:[{type:n.Input}],disabled:[{type:n.Input}],placeholder:[{type:n.Input}],source:[{type:n.Input}],isOpen:[{type:n.Input}],itemTemplate:[{type:n.Input}],noResultItemTemplate:[{type:n.Input}],maxHeight:[{type:n.Input}],disabledKey:[{type:n.Input}],searchFn:[{type:n.Input}],enableLazyLoad:[{type:n.Input}],loadMore:[{type:n.Output}],autoCompleteDirective:[{type:n.ViewChild,args:[o.AutoCompleteDirective,{static:!0}]}]},e}();var u=function(){function e(){}return e.decorators=[{type:n.NgModule,args:[{imports:[r.CommonModule,t.FormsModule,o.AutoCompleteModule,s.PositioningModule],exports:[a],declarations:[a],entryComponents:[a]}]}],e}();e.EditableSelectComponent=a,e.EditableSelectModule=u,Object.defineProperty(e,"__esModule",{value:!0})})); //# sourceMappingURL=ng-devui-editable-select.umd.min.js.map