chore(release): release 8.1.0 (#35)

Co-authored-by: huaweidevcloud <devcloudmobile@huawei.com>

README.md

@@ -1,4 +1,4 @@
-<p align="center"><a href="https://devui.design/home" target="_blank" rel="noopener noreferrer"><img alt="DevUI Logo" src="logo.svg" width="180" style="max-width:100%;">
+<p align="center"><a href="https://devui.design/home" target="_blank" rel="noopener noreferrer"><img alt="DevUI Logo" src="logo.svg?sanitize=true" width="180" style="max-width:100%;">
 </p>
 <p align="center">
   <a href="https://github.com/DevCloudFE/ng-devui"><img src="https://img.shields.io/github/stars/DevCloudFE/ng-devui.svg?label=github%20stars" alt="Github Star"></a>
@@ -11,7 +11,6 @@
   <a href="https://gitter.im/devui-design/devui-design"><img src="https://img.shields.io/gitter/room/devui-design/devui-design" alt="Chat"></a>
 </p>
 
-
 <h1 align="center">DevUI for Angular</h1>
 The DevUI Design Design system contains a combination of DevUI rules, Design languages, and best practices. DevUI Design allows developers to focus more on application logic, while designers focus on user experience, interactions, and processes.
 
@@ -23,6 +22,7 @@ The DevUI Design Design system contains a combination of DevUI rules, Design lan
 To see more in [devui.design](https://devui.design/home).
 
 ## Angular Support
+
 Now supports Angular <font color=red>`^8.0.0`</font>
 
 ## Getting Started
@@ -41,6 +41,7 @@ $ npm i ng-devui
 # font icon library
 # $ npm i @devui-design/icons
 ```
+
 3. Usage:
 
 ```typescript
@@ -91,6 +92,7 @@ Please make sure you read the [contributing](./CONTRIBUTING.md) guide before mak
 We appreciate all contributors who helped us build DevUI.
 
 ## Support
+
 Modern browsers and Internet Explorer 11+.
 
 | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Opera |

README_zh_CN.md

@@ -1,4 +1,4 @@
-<p align="center"><a href="https://devui.design/home" target="_blank" rel="noopener noreferrer"><img alt="DevUI Logo" src="logo.svg" width="180" style="max-width:100%;">
+<p align="center"><a href="https://devui.design/home" target="_blank" rel="noopener noreferrer"><img alt="DevUI Logo" src="logo.svg?sanitize=true" width="180" style="max-width:100%;">
 </p>
 <p align="center">
   <a href="https://github.com/DevCloudFE/ng-devui"><img src="https://img.shields.io/github/stars/DevCloudFE/ng-devui.svg?label=github%20stars" alt="Github Star"></a>
@@ -11,8 +11,6 @@
   <a href="https://gitter.im/devui-design/devui-design"><img src="https://img.shields.io/gitter/room/devui-design/devui-design" alt="Chat"></a>
 </p>
 
-
-
 <h1 align="center">DevUI for Angular</h1>
 DevUI Design设计系统包含了DevUI规则、设计语言和最佳实践的资源组合。DevUI Design可以让开发人员更加专注于应用逻辑的思考，而设计人员专注于用户体验、交互和流程
 

commitlint.config.js

@@ -20,6 +20,7 @@ module.exports = {
     'type-empty': [2, 'never'],
     'type-enum': [2, 'always', types],
     'scope-case': [0, 'always'],
-    'subject-empty': [2, 'never']
+    'subject-empty': [2, 'never'],
+    'subject-case': [0, 'never']
   }
 };

devui/alert/alert.component.ts

@@ -17,7 +17,7 @@ export class AlertComponent {
   @Input() closeable = true;
   @Input() content: HTMLElement | string;
   @Input() showIcon = true;
-  @Output() closeEvent: EventEmitter<any> = new EventEmitter;
+  @Output() closeEvent: EventEmitter<any> = new EventEmitter<any>();
   @Input() set dismissTime(time) {
     setTimeout(() => {
       this.close();

devui/auto-complete/auto-complete-config.ts

@@ -0,0 +1,13 @@
+import { Injectable } from '@angular/core';
+
+@Injectable({ providedIn: 'root' })
+export class AutoCompleteConfig {
+  autoComplete = {
+    delay: 300,
+    minLength: 1,
+    itemTemplate: null,
+    noResultItemTemplate: null,
+    formatter: (item) => item ? (item.label || item.toString()) : '',
+    valueParser: (item) => item
+  };
+}

devui/auto-complete/auto-complete-popup.component.ts

@@ -6,6 +6,7 @@ import {
   ViewChild
 } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
+import { AutoCompleteConfig } from './auto-complete-config';
 import { fadeInOut } from 'ng-devui/utils';
 
 @Component({
@@ -39,28 +40,28 @@ export class AutoCompletePopupComponent implements ControlValueAccessor {
   private onChange = (_: any) => null;
   private onTouched = () => null;
 
-  constructor() {
-    this.formatter = (item: any) => item ? (item.label || item.toString()) : '';
+  constructor(private autoCompleteConfig: AutoCompleteConfig) {
+    this.formatter = this.autoCompleteConfig.autoComplete.formatter;
     this.maxHeight = 300;
   }
 
-  writeValue(obj: any): void {
+  writeValue(obj): void {
     this.value = obj;
   }
 
   setDisabledState(isDisabled: boolean): void {
     this.disabled = isDisabled;
   }
 
-  registerOnChange(fn: any): void {
+  registerOnChange(fn): void {
     this.onChange = fn;
   }
 
-  registerOnTouched(fn: any): void {
+  registerOnTouched(fn): void {
     this.onTouched = fn;
   }
 
-  onSelect(event: any, item: any) {
+  onSelect(event, item) {
     if (this.disabledKey && item[this.disabledKey]) {
       event.preventDefault();
       event.stopPropagation();
@@ -76,11 +77,11 @@ export class AutoCompletePopupComponent implements ControlValueAccessor {
     this.onChange({ type: 'select', value: this.value });
   }
 
-  selectCurrentItem(event: any) {
+  selectCurrentItem(event) {
     this.onSelect(event, this.source[this.activeIndex]);
   }
 
-  onActiveIndexChange(index: any) {
+  onActiveIndexChange(index) {
     this.activeIndex = index;
   }
 
@@ -108,23 +109,23 @@ export class AutoCompletePopupComponent implements ControlValueAccessor {
     }
   }
 
-  trackByFn(index: any, item: any) {
+  trackByFn(index, item) {
     return index;
   }
 
-  animationEnd($event: any) {
+  animationEnd($event) {
     if (!this.isOpen) {
       const targetElement = this.selectMenuElement.nativeElement;
       targetElement.style.display = 'none';
     }
   }
 
-  loadMoreEvent($event: any) {
+  loadMoreEvent($event) {
     this.showLoading = true;
     this.onChange({ type: 'loadMore', value: this });
   }
 
-  loadFinish($event: any) {
+  loadFinish($event) {
     this.showLoading = false;
   }
 }

devui/auto-complete/auto-complete.directive.ts

@@ -24,6 +24,7 @@ import { fromEvent, Observable, Subscription, of } from 'rxjs';
 import { map, filter, debounceTime, switchMap, tap } from 'rxjs/operators';
 import { PositionService } from 'ng-devui/position';
 import { AutoCompletePopupComponent } from './auto-complete-popup.component';
+import { AutoCompleteConfig } from './auto-complete-config';
 
 @Directive({
   selector: '[dAutoComplete]',
@@ -80,20 +81,22 @@ export class AutoCompleteDirective implements OnInit, OnDestroy, OnChanges, Cont
   private onChange = (_: any) => null;
   private onTouched = () => null;
 
-  constructor(private elementRef: ElementRef,
+  constructor(
+    private autoCompleteConfig: AutoCompleteConfig,
+    private elementRef: ElementRef,
     private viewContainerRef: ViewContainerRef,
     private componentFactoryResolver: ComponentFactoryResolver,
     private renderer: Renderer2,
     private injector: Injector,
     private positionService: PositionService,
     private changeDetectorRef: ChangeDetectorRef) {
-    this.delay = 300;
+    this.delay = this.autoCompleteConfig.autoComplete.delay;
     this.valueChanges = this.registerInputEvent(elementRef);
-    this.minLength = 1;
-    this.itemTemplate = null;
-    this.noResultItemTemplate = null;
-    this.formatter = (item: any) => item ? (item.label || item.toString()) : '';
-    this.valueParser = (item: any) => item;
+    this.minLength = this.autoCompleteConfig.autoComplete.minLength;
+    this.itemTemplate = this.autoCompleteConfig.autoComplete.itemTemplate;
+    this.noResultItemTemplate = this.autoCompleteConfig.autoComplete.noResultItemTemplate;
+    this.formatter = this.autoCompleteConfig.autoComplete.formatter;
+    this.valueParser = this.autoCompleteConfig.autoComplete.valueParser;
   }
 
   ngOnInit() {
@@ -147,7 +150,7 @@ export class AutoCompleteDirective implements OnInit, OnDestroy, OnChanges, Cont
   }
 
   // 调用时机：input keyup
-  onSourceChange(source: any) {
+  onSourceChange(source) {
     if (!this.elementRef.nativeElement.value) {
       if (this.sceneType !== 'select') { // 下拉场景不展示最近输入
         this.showLatestSource();
@@ -186,7 +189,7 @@ export class AutoCompleteDirective implements OnInit, OnDestroy, OnChanges, Cont
     }
   }
 
-  private showSource(source: any, setOpen: any, isReset: any) {
+  private showSource(source, setOpen, isReset) {
     if ((source && source.length) || this.noResultItemTemplate) {
       const pop = this.popupRef.instance;
       if (isReset) {
@@ -203,16 +206,16 @@ export class AutoCompleteDirective implements OnInit, OnDestroy, OnChanges, Cont
     }
   }
 
-  writeValue(obj: any): void {
+  writeValue(obj): void {
     this.value = this.formatter(obj) || '';
     this.writeInputValue(this.value);
   }
 
-  registerOnChange(fn: any): void {
+  registerOnChange(fn): void {
     this.onChange = fn;
   }
 
-  registerOnTouched(fn: any): void {
+  registerOnTouched(fn): void {
     this.onTouched = fn;
   }
 
@@ -229,7 +232,7 @@ export class AutoCompleteDirective implements OnInit, OnDestroy, OnChanges, Cont
   }
 
   @HostListener('focus', ['$event'])
-  onFocus($event: any) {
+  onFocus($event) {
     this.focus = true;
     this.transInputFocusEmit.emit({
       focus: true,
@@ -252,18 +255,18 @@ export class AutoCompleteDirective implements OnInit, OnDestroy, OnChanges, Cont
   }
 
   @HostListener('blur', ['$event'])
-  onBlur($event: any) {
+  onBlur($event) {
     this.focus = false;
     this.onTouched();
   }
 
   @HostListener('keydown.esc', ['$event'])
-  onEscKeyup($event: any) {
+  onEscKeyup($event) {
     this.hidePopup();
   }
 
   @HostListener('keydown.Enter', ['$event'])
-  onEnterKeyDown($event: any) {
+  onEnterKeyDown($event) {
     if (!this.popupRef.instance.source || !this.popupRef.instance.isOpen) {
       return;
     }
@@ -273,7 +276,7 @@ export class AutoCompleteDirective implements OnInit, OnDestroy, OnChanges, Cont
   }
 
   @HostListener('keydown.ArrowUp', ['$event'])
-  onArrowUpKeyDown($event: any) {
+  onArrowUpKeyDown($event) {
     if (this.popupRef) {
       $event.preventDefault();
       $event.stopPropagation();
@@ -282,7 +285,7 @@ export class AutoCompleteDirective implements OnInit, OnDestroy, OnChanges, Cont
   }
 
   @HostListener('keydown.ArrowDown', ['$event'])
-  onArrowDownKeyDown($event: any) {
+  onArrowDownKeyDown($event) {
     if (this.popupRef) {
       $event.preventDefault();
       $event.stopPropagation();
@@ -318,7 +321,7 @@ export class AutoCompleteDirective implements OnInit, OnDestroy, OnChanges, Cont
     }
   }
 
-  private fillPopup(source?: any, term?: string) {
+  private fillPopup(source?, term?: string) {
     this.position = this.positionService.position(this.elementRef.nativeElement);
     const pop = this.popupRef.instance;
     pop.source = source;
@@ -334,7 +337,7 @@ export class AutoCompleteDirective implements OnInit, OnDestroy, OnChanges, Cont
       });
   }
 
-  private writeInputValue(value: any) {
+  private writeInputValue(value) {
     this.renderer.setProperty(this.elementRef.nativeElement, 'value', value);
   }
 
@@ -349,7 +352,7 @@ export class AutoCompleteDirective implements OnInit, OnDestroy, OnChanges, Cont
     }
   }
 
-  onTermChange(term: any) {
+  onTermChange(term) {
     this.value = term;
     if (this.popupRef) {
       this.popupRef.instance.term = term;

devui/auto-complete/auto-complete.module.ts

@@ -2,6 +2,7 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FormsModule } from '@angular/forms';
 
+import { AutoCompleteConfig } from './auto-complete-config';
 import { AutoCompleteDirective } from './auto-complete.directive';
 import { AutoCompletePopupComponent } from './auto-complete-popup.component';
 import { HighlightComponent } from './highlight.component';
@@ -15,8 +16,7 @@ import { LoadingModule } from 'ng-devui/loading';
   imports: [CommonModule, FormsModule, LazyLoadModule, LoadingModule],
   exports: [AutoCompleteDirective, AutoCompletePopupComponent, HighlightComponent],
   declarations: [AutoCompleteDirective, AutoCompletePopupComponent, HighlightComponent],
-  providers: [DocumentRef, WindowRef, PositionService],
+  providers: [DocumentRef, WindowRef, PositionService, AutoCompleteConfig],
   entryComponents: [AutoCompletePopupComponent]
 })
-export class AutoCompleteModule {
-}
+export class AutoCompleteModule { }

devui/auto-complete/demo/array/auto-complete-demo-array.component.ts

@@ -10,11 +10,11 @@ export class AutoDemoArrayComponent {
   languages = ['C#', 'C', 'C++', 'CPython', 'Java', 'JavaScript', 'Go', 'Python', 'Ruby', 'F#', 'TypeScript', 'SQL',
     'LiveScript', 'CoffeeScript'];
 
-  onSearchLocal(term: any) {
+  onSearchLocal(term) {
     return of(this.languages.filter(lang => lang.toLowerCase().indexOf(term.toLowerCase()) !== -1));
   }
 
-  selectValue(value: any) {
+  selectValue(value) {
     // tslint:disable-next-line:no-console
     console.info(value);
   }

devui/auto-complete/demo/custom/auto-complete-demo-custom.component.ts

@@ -11,11 +11,11 @@ export class AutoDemoCustomComponent {
   languages = ['C#', 'C', 'C++', 'CPython', 'Java', 'JavaScript', 'Go', 'Python', 'Ruby', 'F#', 'TypeScript', 'SQL',
     'LiveScript', 'CoffeeScript'];
 
-  onSearchLocal(term: any) {
+  onSearchLocal(term) {
     return of(this.languages.filter(lang => lang.toLowerCase().indexOf(term.toLowerCase()) !== -1));
   }
 
-  getIcon(index: any) {
+  getIcon(index) {
     return this.icons[index % this.icons.length];
   }
 }

devui/auto-complete/demo/disabled/auto-complete-demo-disable.component.ts

@@ -11,7 +11,7 @@ export class AutoDemoDisableComponent {
   languages = ['C#', 'C', 'C++', 'CPython', 'Java', 'JavaScript', 'Go', 'Python', 'Ruby', 'F#', 'TypeScript', 'SQL',
     'LiveScript', 'CoffeeScript'];
 
-  onSearchLocal(term: any) {
+  onSearchLocal(term) {
     return of(this.languages.filter(lang => lang.toLowerCase().indexOf(term.toLowerCase()) !== -1));
   }
 }

devui/auto-complete/demo/object/auto-complete-demo-object.component.ts

@@ -10,7 +10,7 @@ export class AutoDemoObjectComponent {
   languages = ['C#', 'C', 'C++', 'CPython', 'Java', 'JavaScript', 'Go', 'Python', 'Ruby', 'F#', 'TypeScript', 'SQL',
     'LiveScript', 'CoffeeScript'];
 
-  onSearchObject(term: any) {
+  onSearchObject(term) {
     return of(this.languages
       .map((lang, index) => ({ label: lang, id: index }))
       .filter(lang => lang.label.toLowerCase().indexOf(term.toLowerCase()) !== -1)

devui/breadcrumb/breadcrumb-item/breadcrumb-item.component.ts

@@ -21,7 +21,7 @@ export class BreadCrumbItemComponent implements OnInit {
     @Input() customMenuTemplate: TemplateRef<any>;
     @Input() menuList: Array<MenuConfig>;
     @Input() isSearch = false;
-    @Output() toggleEvent: EventEmitter<any> = new EventEmitter();
+    @Output() toggleEvent: EventEmitter<any> = new EventEmitter<any>();
 
     menuListDisplay: Array<MenuConfig>;
     isOpen: boolean;