chore: bump to Angular 8.0.0 (#3529)

* chore: bump to Angular 8.0.0 test: fix test docs: update docs * test: fix test * fix(module:descriptions): add static flag for v8
NG-ZORRO · Jun 11, 2019 · 43aeaeb · 43aeaeb
1 parent 3058886
commit 43aeaeb
Show file tree

Hide file tree

Showing 132 changed files with 334 additions and 315 deletions.
diff --git a/components/affix/affix.spec.ts b/components/affix/affix.spec.ts
@@ -505,7 +505,7 @@ describe('affix-extra', () => {
   `
 })
 class TestAffixComponent {
-  @ViewChild(NzAffixComponent)
+  @ViewChild(NzAffixComponent, { static: true })
   nzAffixComponent: NzAffixComponent;
   fakeTarget: string | Element | Window | null = null;
   newOffset: {};

diff --git a/components/affix/nz-affix.component.ts b/components/affix/nz-affix.component.ts
@@ -80,7 +80,7 @@ export class NzAffixComponent implements OnInit, OnDestroy {
 
   private timeout: number;
   private readonly events = ['resize', 'scroll', 'touchstart', 'touchmove', 'touchend', 'pageshow', 'load'];
-  @ViewChild('fixedEl') private fixedEl: ElementRef;
+  @ViewChild('fixedEl', { static: false }) private fixedEl: ElementRef;
 
   private readonly placeholderNode: HTMLElement;
 

diff --git a/components/alert/nz-alert.spec.ts b/components/alert/nz-alert.spec.ts
@@ -136,7 +136,7 @@ describe('alert', () => {
   `
 })
 export class NzDemoTestBasicComponent {
-  @ViewChild('template') template: TemplateRef<void>;
+  @ViewChild('template', { static: false }) template: TemplateRef<void>;
   banner = false;
   closeable = false;
   closeText: string | TemplateRef<void>;

diff --git a/components/anchor/anchor.spec.ts b/components/anchor/anchor.spec.ts
@@ -284,7 +284,7 @@ describe('anchor', () => {
   `
 })
 export class TestComponent {
-  @ViewChild(NzAnchorComponent) comp: NzAnchorComponent;
+  @ViewChild(NzAnchorComponent, { static: false }) comp: NzAnchorComponent;
   nzAffix = true;
   nzBounds = 5;
   nzOffsetTop = 0;

diff --git a/components/anchor/nz-anchor-link.component.ts b/components/anchor/nz-anchor-link.component.ts
@@ -58,7 +58,7 @@ export class NzAnchorLinkComponent implements OnInit, OnDestroy {
     }
   }
 
-  @ContentChild('nzTemplate') nzTemplate: TemplateRef<void>;
+  @ContentChild('nzTemplate', { static: false }) nzTemplate: TemplateRef<void>;
 
   constructor(
     public elementRef: ElementRef,

diff --git a/components/anchor/nz-anchor.component.ts b/components/anchor/nz-anchor.component.ts
@@ -45,7 +45,7 @@ const sharpMatcherRegx = /#([^#]+)$/;
   changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class NzAnchorComponent implements OnDestroy, AfterViewInit {
-  @ViewChild('ink') private ink: ElementRef;
+  @ViewChild('ink', { static: false }) private ink: ElementRef;
 
   @Input() @InputBoolean() nzAffix = true;
   @Input() @InputBoolean() nzShowInkInFixed = false;

diff --git a/components/auto-complete/nz-autocomplete.component.ts b/components/auto-complete/nz-autocomplete.component.ts
@@ -97,17 +97,17 @@ export class NzAutocompleteComponent implements AfterViewInit, OnDestroy {
   @ViewChildren(NzAutocompleteOptionComponent) fromDataSourceOptions: QueryList<NzAutocompleteOptionComponent>;
 
   /** cdk-overlay */
-  @ViewChild(TemplateRef) template: TemplateRef<{}>;
-  @ViewChild('panel') panel: ElementRef;
-  @ViewChild('content') content: ElementRef;
+  @ViewChild(TemplateRef, { static: false }) template: TemplateRef<{}>;
+  @ViewChild('panel', { static: false }) panel: ElementRef;
+  @ViewChild('content', { static: false }) content: ElementRef;
 
   private activeItemIndex: number = -1;
   private selectionChangeSubscription = Subscription.EMPTY;
   private dataSourceChangeSubscription = Subscription.EMPTY;
   /** Options changes listener */
   readonly optionSelectionChanges: Observable<NzOptionSelectionChange> = defer(() => {
     if (this.options) {
-      return merge(...this.options.map(option => option.selectionChange));
+      return merge<NzOptionSelectionChange>(...this.options.map(option => option.selectionChange));
     }
     return this.ngZone.onStable.asObservable().pipe(
       take(1),

diff --git a/components/auto-complete/nz-autocomplete.spec.ts b/components/auto-complete/nz-autocomplete.spec.ts
@@ -844,8 +844,8 @@ class NzTestSimpleAutocompleteComponent {
   inputControl = new FormControl();
   options: Array<string | number> = ['Burns Bay Road', 'Downing Street', 'Wall Street'];
 
-  @ViewChild(NzAutocompleteComponent) panel: NzAutocompleteComponent;
-  @ViewChild(NzAutocompleteTriggerDirective) trigger: NzAutocompleteTriggerDirective;
+  @ViewChild(NzAutocompleteComponent, { static: false }) panel: NzAutocompleteComponent;
+  @ViewChild(NzAutocompleteTriggerDirective, { static: false }) trigger: NzAutocompleteTriggerDirective;
   @ViewChildren(NzAutocompleteOptionComponent) optionComponents: QueryList<NzAutocompleteOptionComponent>;
 
   constructor() {
@@ -880,8 +880,8 @@ class NzTestAutocompletePropertyComponent {
   overlayClassName = '';
   overlayStyle = {};
   options = ['Burns Bay Road', 'Downing Street', 'Wall Street'];
-  @ViewChild(NzAutocompleteComponent) panel: NzAutocompleteComponent;
-  @ViewChild(NzAutocompleteTriggerDirective) trigger: NzAutocompleteTriggerDirective;
+  @ViewChild(NzAutocompleteComponent, { static: false }) panel: NzAutocompleteComponent;
+  @ViewChild(NzAutocompleteTriggerDirective, { static: false }) trigger: NzAutocompleteTriggerDirective;
 
   constructor() {}
 }
@@ -892,7 +892,7 @@ class NzTestAutocompletePropertyComponent {
   `
 })
 class NzTestAutocompleteWithoutPanelComponent {
-  @ViewChild(NzAutocompleteTriggerDirective) trigger: NzAutocompleteTriggerDirective;
+  @ViewChild(NzAutocompleteTriggerDirective, { static: false }) trigger: NzAutocompleteTriggerDirective;
 }
 
 @Component({
@@ -906,7 +906,7 @@ class NzTestAutocompleteWithoutPanelComponent {
 })
 class NzTestAutocompleteWithOnPushDelayComponent implements OnInit {
   options: string[] = [];
-  @ViewChild(NzAutocompleteTriggerDirective) trigger: NzAutocompleteTriggerDirective;
+  @ViewChild(NzAutocompleteTriggerDirective, { static: false }) trigger: NzAutocompleteTriggerDirective;
 
   ngOnInit(): void {
     setTimeout(() => {
@@ -975,7 +975,7 @@ class NzTestAutocompleteGroupComponent {
     }
   ];
 
-  @ViewChild(NzAutocompleteTriggerDirective) trigger: NzAutocompleteTriggerDirective;
+  @ViewChild(NzAutocompleteTriggerDirective, { static: false }) trigger: NzAutocompleteTriggerDirective;
 }
 
 @Component({
@@ -991,7 +991,7 @@ class NzTestAutocompleteGroupComponent {
 class NzTestAutocompleteWithFormComponent {
   form: FormGroup;
   options = ['Burns Bay Road', 'Downing Street', 'Wall Street'];
-  @ViewChild(NzAutocompleteTriggerDirective) trigger: NzAutocompleteTriggerDirective;
+  @ViewChild(NzAutocompleteTriggerDirective, { static: false }) trigger: NzAutocompleteTriggerDirective;
 
   constructor(private fb: FormBuilder) {
     this.form = this.fb.group({ formControl: 'Burns' });

diff --git a/components/avatar/avatar.spec.ts b/components/avatar/avatar.spec.ts
@@ -177,7 +177,7 @@ describe('avatar', () => {
   styleUrls: ['./style/index.less']
 })
 class TestAvatarComponent {
-  @ViewChild('comp') comp: NzAvatarComponent;
+  @ViewChild('comp', { static: false }) comp: NzAvatarComponent;
   nzShape = 'square';
   nzSize: string | number = 'large';
   nzIcon: string | null = 'anticon anticon-user';

diff --git a/components/avatar/nz-avatar.component.ts b/components/avatar/nz-avatar.component.ts
@@ -51,7 +51,7 @@ export class NzAvatarComponent implements OnChanges {
   hasIcon: boolean = false;
   textStyles: {};
 
-  @ViewChild('textEl') textEl: ElementRef;
+  @ViewChild('textEl', { static: false }) textEl: ElementRef;
 
   private el: HTMLElement = this.elementRef.nativeElement;
   private prefixCls = 'ant-avatar';

diff --git a/components/back-top/back-top.spec.ts b/components/back-top/back-top.spec.ts
@@ -202,7 +202,7 @@ describe('Component:nz-back-top', () => {
   `
 })
 class TestBackTopComponent {
-  @ViewChild(NzBackTopComponent)
+  @ViewChild(NzBackTopComponent, { static: true })
   nzBackTopComponent: NzBackTopComponent;
 }
 
@@ -217,7 +217,7 @@ class TestBackTopComponent {
   `
 })
 class TestBackTopTemplateComponent {
-  @ViewChild(NzBackTopComponent)
+  @ViewChild(NzBackTopComponent, { static: false })
   nzBackTopComponent: NzBackTopComponent;
 }
 

diff --git a/components/badge/nz-badge.component.ts b/components/badge/nz-badge.component.ts
@@ -57,7 +57,7 @@ export class NzBadgeComponent implements OnInit, AfterViewInit, OnChanges {
   ];
   presetColor: string | null = null;
   count: number;
-  @ViewChild('contentElement') contentElement: ElementRef;
+  @ViewChild('contentElement', { static: false }) contentElement: ElementRef;
   @Input() @InputBoolean() nzShowZero = false;
   @Input() @InputBoolean() nzShowDot = true;
   @Input() @InputBoolean() nzDot = false;

diff --git a/components/button/nz-button.component.ts b/components/button/nz-button.component.ts
@@ -59,7 +59,7 @@ export class NzButtonComponent implements AfterContentInit, OnInit, OnDestroy, O
   readonly el: HTMLElement = this.elementRef.nativeElement;
   private iconElement: HTMLElement;
   private iconOnly = false;
-  @ViewChild('contentElement') contentElement: ElementRef;
+  @ViewChild('contentElement', { static: true }) contentElement: ElementRef;
   @ContentChildren(NzIconDirective, { read: ElementRef }) listOfIconElement: QueryList<ElementRef>;
   @HostBinding('attr.nz-wave') nzWave = new NzWaveDirective(
     this.ngZone,

diff --git a/components/calendar/nz-calendar.component.ts b/components/calendar/nz-calendar.component.ts
@@ -105,28 +105,28 @@ export class NzCalendarComponent implements ControlValueAccessor, OnInit {
     return !this.fullscreen;
   }
 
-  @ContentChild(DateCell, { read: TemplateRef })
+  @ContentChild(DateCell, { static: false, read: TemplateRef })
   set dateCellChild(value: TemplateRef<{ $implicit: Date }>) {
     if (value) {
       this.dateCell = value;
     }
   }
 
-  @ContentChild(DateFullCell, { read: TemplateRef })
+  @ContentChild(DateFullCell, { static: false, read: TemplateRef })
   set dateFullCellChild(value: TemplateRef<{ $implicit: Date }>) {
     if (value) {
       this.dateFullCell = value;
     }
   }
 
-  @ContentChild(MonthCell, { read: TemplateRef })
+  @ContentChild(MonthCell, { static: false, read: TemplateRef })
   set monthCellChild(value: TemplateRef<{ $implicit: Date }>) {
     if (value) {
       this.monthCell = value;
     }
   }
 
-  @ContentChild(MonthFullCell, { read: TemplateRef })
+  @ContentChild(MonthFullCell, { static: false, read: TemplateRef })
   set monthFullCellChild(value: TemplateRef<{ $implicit: Date }>) {
     if (value) {
       this.monthFullCell = value;

diff --git a/components/card/nz-card-tab.component.ts b/components/card/nz-card-tab.component.ts
@@ -16,5 +16,5 @@ import { ChangeDetectionStrategy, Component, TemplateRef, ViewChild, ViewEncapsu
   templateUrl: './nz-card-tab.component.html'
 })
 export class NzCardTabComponent {
-  @ViewChild(TemplateRef) template: TemplateRef<void>;
+  @ViewChild(TemplateRef, { static: false }) template: TemplateRef<void>;
 }
diff --git a/components/card/nz-card.component.ts b/components/card/nz-card.component.ts
@@ -57,7 +57,7 @@ export class NzCardComponent {
   @Input() nzSize: 'default' | 'small' = 'default';
   @Input() nzTitle: string | TemplateRef<void>;
   @Input() nzExtra: string | TemplateRef<void>;
-  @ContentChild(NzCardTabComponent) tab: NzCardTabComponent;
+  @ContentChild(NzCardTabComponent, { static: false }) tab: NzCardTabComponent;
   @ContentChildren(NzCardGridDirective) grids: QueryList<NzCardGridDirective>;
 
   constructor(renderer: Renderer2, elementRef: ElementRef) {

diff --git a/components/carousel/nz-carousel.component.ts b/components/carousel/nz-carousel.component.ts
@@ -82,8 +82,8 @@ import { NzCarouselTransformStrategy } from './strategies/transform-strategy';
 export class NzCarouselComponent implements AfterContentInit, AfterViewInit, OnDestroy, OnChanges {
   @ContentChildren(NzCarouselContentDirective) carouselContents: QueryList<NzCarouselContentDirective>;
 
-  @ViewChild('slickList') slickList: ElementRef;
-  @ViewChild('slickTrack') slickTrack: ElementRef;
+  @ViewChild('slickList', { static: false }) slickList: ElementRef;
+  @ViewChild('slickTrack', { static: false }) slickTrack: ElementRef;
 
   @Input() nzDotRender: TemplateRef<{ $implicit: number }>;
   @Input() nzEffect: NzCarouselEffects = 'scrollx';

diff --git a/components/carousel/nz-carousel.spec.ts b/components/carousel/nz-carousel.spec.ts
@@ -34,7 +34,7 @@ import { NzCarouselOpacityStrategy } from './strategies/opacity-strategy';
   `
 })
 export class NzTestCarouselBasicComponent {
-  @ViewChild(NzCarouselComponent) nzCarouselComponent: NzCarouselComponent;
+  @ViewChild(NzCarouselComponent, { static: false }) nzCarouselComponent: NzCarouselComponent;
   dots = true;
   vertical = false;
   effect = 'scrollx';

diff --git a/components/cascader/nz-cascader.component.ts b/components/cascader/nz-cascader.component.ts
@@ -95,9 +95,9 @@ const defaultDisplayRender = (labels: string[]) => labels.join(' / ');
   ]
 })
 export class NzCascaderComponent implements NzCascaderComponentAsSource, OnInit, OnDestroy, ControlValueAccessor {
-  @ViewChild('input') input: ElementRef;
-  @ViewChild('menu') menu: ElementRef;
-  @ViewChild(CdkConnectedOverlay) overlay: CdkConnectedOverlay;
+  @ViewChild('input', { static: false }) input: ElementRef;
+  @ViewChild('menu', { static: false }) menu: ElementRef;
+  @ViewChild(CdkConnectedOverlay, { static: false }) overlay: CdkConnectedOverlay;
   @ViewChildren(NzCascaderOptionComponent) cascaderItems: QueryList<NzCascaderOptionComponent>;
 
   @Input() @InputBoolean() nzShowInput = true;

diff --git a/components/cascader/nz-cascader.spec.ts b/components/cascader/nz-cascader.spec.ts
@@ -2059,8 +2059,8 @@ const options5: any[] = []; // tslint:disable-line:no-any
   ]
 })
 export class NzDemoCascaderDefaultComponent {
-  @ViewChild(NzCascaderComponent) cascader: NzCascaderComponent;
-  @ViewChild('renderTpl') renderTpl: TemplateRef<any>;
+  @ViewChild(NzCascaderComponent, { static: true }) cascader: NzCascaderComponent;
+  @ViewChild('renderTpl', { static: true }) renderTpl: TemplateRef<any>;
 
   public nzOptions: any[] | null = options1;
   public values: string[] | number[] | null = null;
@@ -2119,7 +2119,7 @@ export class NzDemoCascaderDefaultComponent {
   ]
 })
 export class NzDemoCascaderLoadDataComponent {
-  @ViewChild(NzCascaderComponent) cascader: NzCascaderComponent;
+  @ViewChild(NzCascaderComponent, { static: true }) cascader: NzCascaderComponent;
 
   public nzOptions: any[] | null = null;
   public values: string[] | null = null;

diff --git a/components/checkbox/nz-checkbox.component.ts b/components/checkbox/nz-checkbox.component.ts
@@ -55,8 +55,8 @@ export class NzCheckboxComponent implements OnInit, ControlValueAccessor, OnChan
   onChange: (value: any) => void = () => null;
   // tslint:disable-next-line:no-any
   onTouched: () => any = () => null;
-  @ViewChild('inputElement') private inputElement: ElementRef;
-  @ViewChild('contentElement') private contentElement: ElementRef;
+  @ViewChild('inputElement', { static: true }) private inputElement: ElementRef;
+  @ViewChild('contentElement', { static: false }) private contentElement: ElementRef;
   @Output() readonly nzCheckedChange = new EventEmitter<boolean>();
   @Input() nzValue: string;
   @Input() @InputBoolean() nzAutoFocus = false;

diff --git a/components/checkbox/nz-checkbox.spec.ts b/components/checkbox/nz-checkbox.spec.ts
@@ -317,7 +317,7 @@ describe('checkbox', () => {
   `
 })
 export class NzTestCheckboxSingleComponent {
-  @ViewChild(NzCheckboxComponent) nzCheckboxComponent: NzCheckboxComponent;
+  @ViewChild(NzCheckboxComponent, { static: false }) nzCheckboxComponent: NzCheckboxComponent;
   disabled = false;
   autoFocus = false;
   checked = false;

diff --git a/components/collapse/nz-collapse.spec.ts b/components/collapse/nz-collapse.spec.ts
@@ -192,7 +192,7 @@ describe('collapse', () => {
   `
 })
 export class NzTestCollapseBasicComponent {
-  @ViewChild('headerTemplate') headerTemplate: TemplateRef<void>;
+  @ViewChild('headerTemplate', { static: false }) headerTemplate: TemplateRef<void>;
   accordion = false;
   bordered = true;
   disabled = false;

diff --git a/components/comment/nz-comment-cells.ts b/components/comment/nz-comment-cells.ts
@@ -8,6 +8,7 @@
 
 import { CdkPortalOutlet, TemplatePortal } from '@angular/cdk/portal';
 import {
+  AfterViewInit,
   ChangeDetectionStrategy,
   Component,
   ComponentFactoryResolver,
@@ -38,7 +39,7 @@ export class NzCommentContentDirective {}
   selector: '[nzCommentActionHost]',
   exportAs: 'nzCommentActionHost'
 })
-export class NzCommentActionHostDirective extends CdkPortalOutlet implements OnInit, OnDestroy {
+export class NzCommentActionHostDirective extends CdkPortalOutlet implements OnInit, OnDestroy, AfterViewInit {
   @Input() nzCommentActionHost: TemplatePortal | null;
 
   constructor(componentFactoryResolver: ComponentFactoryResolver, viewContainerRef: ViewContainerRef) {
@@ -47,12 +48,15 @@ export class NzCommentActionHostDirective extends CdkPortalOutlet implements OnI
 
   ngOnInit(): void {
     super.ngOnInit();
-    this.attach(this.nzCommentActionHost);
   }
 
   ngOnDestroy(): void {
     super.ngOnDestroy();
   }
+
+  ngAfterViewInit(): void {
+    this.attach(this.nzCommentActionHost);
+  }
 }
 
 @Component({
@@ -63,7 +67,7 @@ export class NzCommentActionHostDirective extends CdkPortalOutlet implements OnI
   template: '<ng-template><ng-content></ng-content></ng-template>'
 })
 export class NzCommentActionComponent implements OnInit {
-  @ViewChild(TemplateRef) implicitContent: TemplateRef<void>;
+  @ViewChild(TemplateRef, { static: true }) implicitContent: TemplateRef<void>;
   private contentPortal: TemplatePortal | null = null;
 
   get content(): TemplatePortal | null {

diff --git a/components/core/tree/nz-tree-base.service.ts b/components/core/tree/nz-tree-base.service.ts
@@ -441,7 +441,7 @@ export class NzTreeBaseService implements OnDestroy {
     const { clientY } = event;
     // to fix firefox undefined
     const { top, bottom, height } = event.srcElement
-      ? event.srcElement.getBoundingClientRect()
+      ? (event.srcElement as Element).getBoundingClientRect()
       : (event.target as Element).getBoundingClientRect();
     const des = Math.max(height * this.DRAG_SIDE_RANGE, this.DRAG_MIN_GAP);
 

diff --git a/components/core/wave/nz-wave.spec.ts b/components/core/wave/nz-wave.spec.ts
@@ -258,8 +258,8 @@ class WaveContainerWithButtonComponent {
   isDestroyed = false;
   borderColor = 'rgb(0,255,0)';
   backgroundColor = 'rgb(255,255,255)';
-  @ViewChild('trigger') trigger: ElementRef<HTMLElement>;
-  @ViewChild(NzWaveDirective) wave: NzWaveDirective;
+  @ViewChild('trigger', { static: false }) trigger: ElementRef<HTMLElement>;
+  @ViewChild(NzWaveDirective, { static: false }) wave: NzWaveDirective;
 }
 
 @Component({
@@ -282,6 +282,6 @@ class WaveContainerWithExtraNodeComponent {
   isDestroyed = false;
   borderColor = 'rgb(0,255,0)';
   backgroundColor = 'rgb(255,255,255)';
-  @ViewChild('trigger') trigger: ElementRef<HTMLElement>;
-  @ViewChild(NzWaveDirective) wave: NzWaveDirective;
+  @ViewChild('trigger', { static: false }) trigger: ElementRef<HTMLElement>;
+  @ViewChild(NzWaveDirective, { static: false }) wave: NzWaveDirective;
 }
diff --git a/components/date-picker/abstract-picker.component.ts b/components/date-picker/abstract-picker.component.ts
@@ -51,7 +51,7 @@ export abstract class AbstractPickerComponent implements OnInit, OnChanges, OnDe
 
   @Output() readonly nzOnOpenChange = new EventEmitter<boolean>();
 
-  @ViewChild(NzPickerComponent) protected picker: NzPickerComponent;
+  @ViewChild(NzPickerComponent, { static: true }) protected picker: NzPickerComponent;
 
   isRange: boolean = false; // Indicate whether the value is a range value