chore: add exportAs in components (NG-ZORRO#3301)

* chore: add `exportAs` in components close NG-ZORRO#2417, ref NG-ZORRO#2474 * build: fix check scripts * chore: add `exportAs` in autocomplete trigger directive * build: fix script name
hsuanxyz · Apr 18, 2019 · 3ce69f1 · 3ce69f1
1 parent e599c6f
commit 3ce69f1
Show file tree

Hide file tree

Showing 162 changed files with 253 additions and 19 deletions.
diff --git a/components/affix/nz-affix.component.ts b/components/affix/nz-affix.component.ts
@@ -21,6 +21,7 @@ import { throttleByAnimationFrameDecorator } from '../core/util/throttleByAnimat
 
 @Component({
   selector: 'nz-affix',
+  exportAs: 'nzAffix',
   templateUrl: './nz-affix.component.html',
   changeDetection: ChangeDetectionStrategy.OnPush,
   styles: [

diff --git a/components/alert/nz-alert.component.ts b/components/alert/nz-alert.component.ts
@@ -15,6 +15,7 @@ import { InputBoolean } from '../core/util/convert';
 
 @Component({
   selector: 'nz-alert',
+  exportAs: 'nzAlert',
   animations: [slideAlertMotion],
   templateUrl: './nz-alert.component.html',
   changeDetection: ChangeDetectionStrategy.OnPush,

diff --git a/components/anchor/nz-anchor-link.component.ts b/components/anchor/nz-anchor-link.component.ts
@@ -16,6 +16,7 @@ import { NzAnchorComponent } from './nz-anchor.component';
 
 @Component({
   selector: 'nz-link',
+  exportAs: 'nzLink',
   preserveWhitespaces: false,
   templateUrl: './nz-anchor-link.component.html',
   host: {

diff --git a/components/anchor/nz-anchor.component.ts b/components/anchor/nz-anchor.component.ts
@@ -30,6 +30,7 @@ const sharpMatcherRegx = /#([^#]+)$/;
 
 @Component({
   selector: 'nz-anchor',
+  exportAs: 'nzAnchor',
   preserveWhitespaces: false,
   templateUrl: './nz-anchor.component.html',
   encapsulation: ViewEncapsulation.None,

diff --git a/components/auto-complete/nz-autocomplete-optgroup.component.ts b/components/auto-complete/nz-autocomplete-optgroup.component.ts
@@ -2,6 +2,7 @@ import { ChangeDetectionStrategy, Component, Input, TemplateRef, ViewEncapsulati
 
 @Component({
   selector: 'nz-auto-optgroup',
+  exportAs: 'nzAutoOptgroup',
   preserveWhitespaces: false,
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,

diff --git a/components/auto-complete/nz-autocomplete-option.component.ts b/components/auto-complete/nz-autocomplete-option.component.ts
@@ -18,6 +18,7 @@ export class NzOptionSelectionChange {
 
 @Component({
   selector: 'nz-auto-option',
+  exportAs: 'nzAutoOption',
   preserveWhitespaces: false,
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,

diff --git a/components/auto-complete/nz-autocomplete-trigger.directive.ts b/components/auto-complete/nz-autocomplete-trigger.directive.ts
@@ -46,6 +46,7 @@ export function getNzAutocompleteMissingPanelError(): Error {
 
 @Directive({
   selector: `input[nzAutocomplete], textarea[nzAutocomplete]`,
+  exportAs: 'nzAutocompleteTrigger',
   providers: [NZ_AUTOCOMPLETE_VALUE_ACCESSOR],
   host: {
     autocomplete: 'off',

diff --git a/components/auto-complete/nz-autocomplete.component.ts b/components/auto-complete/nz-autocomplete.component.ts
@@ -36,6 +36,7 @@ export type AutocompleteDataSource = AutocompleteDataSourceItem[] | string[] | n
 
 @Component({
   selector: 'nz-autocomplete',
+  exportAs: 'nzAutocomplete',
   preserveWhitespaces: false,
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,

diff --git a/components/avatar/nz-avatar.component.ts b/components/avatar/nz-avatar.component.ts
@@ -23,6 +23,7 @@ export interface NzAvatarSizeMap {
 
 @Component({
   selector: 'nz-avatar',
+  exportAs: 'nzAvatar',
   templateUrl: './nz-avatar.component.html',
   providers: [NzUpdateHostClassService],
   preserveWhitespaces: false,

diff --git a/components/back-top/nz-back-top.component.ts b/components/back-top/nz-back-top.component.ts
@@ -22,6 +22,7 @@ import { toNumber } from '../core/util/convert';
 
 @Component({
   selector: 'nz-back-top',
+  exportAs: 'nzBackTop',
   animations: [fadeMotion],
   templateUrl: './nz-back-top.component.html',
   changeDetection: ChangeDetectionStrategy.OnPush,

diff --git a/components/badge/nz-badge.component.ts b/components/badge/nz-badge.component.ts
@@ -20,6 +20,7 @@ export type NzBadgeStatusType = 'success' | 'processing' | 'default' | 'error' |
 
 @Component({
   selector: 'nz-badge',
+  exportAs: 'nzBadge',
   preserveWhitespaces: false,
   encapsulation: ViewEncapsulation.None,
   changeDetection: ChangeDetectionStrategy.OnPush,

diff --git a/components/breadcrumb/nz-breadcrumb-item.component.ts b/components/breadcrumb/nz-breadcrumb-item.component.ts
@@ -6,6 +6,7 @@ import { NzBreadCrumbComponent } from './nz-breadcrumb.component';
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,
   selector: 'nz-breadcrumb-item',
+  exportAs: 'nzBreadcrumbItem',
   preserveWhitespaces: false,
   templateUrl: 'nz-breadcrumb-item.component.html',
   styles: [

diff --git a/components/breadcrumb/nz-breadcrumb.component.ts b/components/breadcrumb/nz-breadcrumb.component.ts
@@ -30,6 +30,7 @@ export interface BreadcrumbOption {
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,
   selector: 'nz-breadcrumb',
+  exportAs: 'nzBreadcrumb',
   preserveWhitespaces: false,
   templateUrl: './nz-breadcrumb.component.html',
   styles: [

diff --git a/components/button/nz-button-group.component.ts b/components/button/nz-button-group.component.ts
@@ -4,6 +4,7 @@ import { NzSizeLDSType } from '../core/types/size';
 
 @Component({
   selector: 'nz-button-group',
+  exportAs: 'nzButtonGroup',
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,
   preserveWhitespaces: false,

diff --git a/components/button/nz-button.component.ts b/components/button/nz-button.component.ts
@@ -34,6 +34,7 @@ export type NzButtonShape = 'circle' | 'round' | null;
 
 @Component({
   selector: '[nz-button]',
+  exportAs: 'nzButton',
   providers: [NzUpdateHostClassService],
   preserveWhitespaces: false,
   changeDetection: ChangeDetectionStrategy.OnPush,

diff --git a/components/calendar/nz-calendar-cells.ts b/components/calendar/nz-calendar-cells.ts
@@ -1,21 +1,25 @@
 import { Directive } from '@angular/core';
 
 @Directive({
-  selector: '[nzDateCell]'
+  selector: '[nzDateCell]',
+  exportAs: 'nzDateCell'
 })
 export class NzDateCellDirective {}
 
 @Directive({
-  selector: '[nzMonthCell]'
+  selector: '[nzMonthCell]',
+  exportAs: 'nzMonthCell'
 })
 export class NzMonthCellDirective {}
 
 @Directive({
-  selector: '[nzDateFullCell]'
+  selector: '[nzDateFullCell]',
+  exportAs: 'nzDateFullCell'
 })
 export class NzDateFullCellDirective {}
 
 @Directive({
-  selector: '[nzMonthFullCell]'
+  selector: '[nzMonthFullCell]',
+  exportAs: 'nzMonthFullCell'
 })
 export class NzMonthFullCellDirective {}
diff --git a/components/calendar/nz-calendar-header.component.ts b/components/calendar/nz-calendar-header.component.ts
@@ -15,6 +15,7 @@ import { NzI18nService as I18n } from '../i18n/nz-i18n.service';
   encapsulation: ViewEncapsulation.None,
   changeDetection: ChangeDetectionStrategy.OnPush,
   selector: 'nz-calendar-header',
+  exportAs: 'nzCalendarHeader',
   templateUrl: './nz-calendar-header.component.html',
   host: {
     '[style.display]': `'block'`,

diff --git a/components/calendar/nz-calendar.component.ts b/components/calendar/nz-calendar.component.ts
@@ -44,6 +44,7 @@ export type ModeType = 'month' | 'year';
   encapsulation: ViewEncapsulation.None,
   changeDetection: ChangeDetectionStrategy.OnPush,
   selector: 'nz-calendar',
+  exportAs: 'nzCalendar',
   templateUrl: './nz-calendar.component.html',
   providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => NzCalendarComponent), multi: true }]
 })

diff --git a/components/card/nz-card-grid.directive.ts b/components/card/nz-card-grid.directive.ts
@@ -1,7 +1,8 @@
 import { Directive, ElementRef, Renderer2 } from '@angular/core';
 
 @Directive({
-  selector: '[nz-card-grid]'
+  selector: '[nz-card-grid]',
+  exportAs: 'nzCardGrid'
 })
 export class NzCardGridDirective {
   constructor(elementRef: ElementRef, renderer: Renderer2) {

diff --git a/components/card/nz-card-loading.component.ts b/components/card/nz-card-loading.component.ts
@@ -2,6 +2,7 @@ import { ChangeDetectionStrategy, Component, ElementRef, Renderer2, ViewEncapsul
 
 @Component({
   selector: 'nz-card-loading',
+  exportAs: 'nzCardLoading',
   templateUrl: './nz-card-loading.component.html',
   preserveWhitespaces: false,
   changeDetection: ChangeDetectionStrategy.OnPush,

diff --git a/components/card/nz-card-meta.component.ts b/components/card/nz-card-meta.component.ts
@@ -10,6 +10,7 @@ import {
 
 @Component({
   selector: 'nz-card-meta',
+  exportAs: 'nzCardMeta',
   preserveWhitespaces: false,
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,

diff --git a/components/card/nz-card-tab.component.ts b/components/card/nz-card-tab.component.ts
@@ -2,6 +2,7 @@ import { ChangeDetectionStrategy, Component, TemplateRef, ViewChild, ViewEncapsu
 
 @Component({
   selector: 'nz-card-tab',
+  exportAs: 'nzCardTab',
   encapsulation: ViewEncapsulation.None,
   changeDetection: ChangeDetectionStrategy.OnPush,
   templateUrl: './nz-card-tab.component.html'

diff --git a/components/card/nz-card.component.ts b/components/card/nz-card.component.ts
@@ -13,6 +13,7 @@ import { NzCardTabComponent } from './nz-card-tab.component';
 
 @Component({
   selector: 'nz-card',
+  exportAs: 'nzCard',
   preserveWhitespaces: false,
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,

diff --git a/components/carousel/nz-carousel-content.directive.ts b/components/carousel/nz-carousel-content.directive.ts
@@ -1,7 +1,8 @@
 import { Directive, ElementRef, Renderer2 } from '@angular/core';
 
 @Directive({
-  selector: '[nz-carousel-content]'
+  selector: '[nz-carousel-content]',
+  exportAs: 'nzCarouselContent'
 })
 export class NzCarouselContentDirective {
   el: HTMLElement = this.elementRef.nativeElement;

diff --git a/components/carousel/nz-carousel.component.ts b/components/carousel/nz-carousel.component.ts
@@ -39,6 +39,7 @@ import { NzCarouselTransformStrategy } from './strategies/transform-strategy';
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,
   selector: 'nz-carousel',
+  exportAs: 'nzCarousel',
   preserveWhitespaces: false,
   templateUrl: './nz-carousel.component.html',
   host: {

diff --git a/components/cascader/nz-cascader-li.component.ts b/components/cascader/nz-cascader-li.component.ts
@@ -14,6 +14,7 @@ import { CascaderOption } from './nz-cascader-definitions';
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,
   selector: '[nz-cascader-option]',
+  exportAs: 'nzCascaderOption',
   templateUrl: './nz-cascader-li.component.html',
   host: {
     '[attr.title]': 'option.title || getOptionLabel()',

diff --git a/components/cascader/nz-cascader.component.ts b/components/cascader/nz-cascader.component.ts
@@ -50,6 +50,7 @@ const defaultDisplayRender = (labels: string[]) => labels.join(' / ');
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,
   selector: 'nz-cascader,[nz-cascader]',
+  exportAs: 'nzCascader',
   preserveWhitespaces: false,
   templateUrl: './nz-cascader.component.html',
   animations: [slideMotion],

diff --git a/components/checkbox/nz-checkbox-group.component.ts b/components/checkbox/nz-checkbox-group.component.ts
@@ -21,6 +21,7 @@ export interface NzCheckBoxOptionInterface {
 
 @Component({
   selector: 'nz-checkbox-group',
+  exportAs: 'nzCheckboxGroup',
   preserveWhitespaces: false,
   encapsulation: ViewEncapsulation.None,
   templateUrl: './nz-checkbox-group.component.html',

diff --git a/components/checkbox/nz-checkbox-wrapper.component.ts b/components/checkbox/nz-checkbox-wrapper.component.ts
@@ -12,6 +12,7 @@ import { NzCheckboxComponent } from './nz-checkbox.component';
 
 @Component({
   selector: 'nz-checkbox-wrapper',
+  exportAs: 'nzCheckboxWrapper',
   preserveWhitespaces: false,
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,

diff --git a/components/checkbox/nz-checkbox.component.ts b/components/checkbox/nz-checkbox.component.ts
@@ -25,6 +25,7 @@ import { NzCheckboxWrapperComponent } from './nz-checkbox-wrapper.component';
 
 @Component({
   selector: '[nz-checkbox]',
+  exportAs: 'nzCheckbox',
   preserveWhitespaces: false,
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,

diff --git a/components/collapse/nz-collapse-panel.component.ts b/components/collapse/nz-collapse-panel.component.ts
@@ -21,6 +21,7 @@ import { NzCollapseComponent } from './nz-collapse.component';
 
 @Component({
   selector: 'nz-collapse-panel',
+  exportAs: 'nzCollapsePanel',
   templateUrl: './nz-collapse-panel.component.html',
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,

diff --git a/components/collapse/nz-collapse.component.ts b/components/collapse/nz-collapse.component.ts
@@ -4,6 +4,7 @@ import { NzCollapsePanelComponent } from './nz-collapse-panel.component';
 
 @Component({
   selector: 'nz-collapse',
+  exportAs: 'nzCollapse',
   templateUrl: './nz-collapse.component.html',
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,

diff --git a/components/comment/nz-comment-cells.ts b/components/comment/nz-comment-cells.ts
@@ -14,18 +14,21 @@ import {
 } from '@angular/core';
 
 @Directive({
-  selector: 'nz-avatar[nz-comment-avatar]'
+  selector: 'nz-avatar[nz-comment-avatar]',
+  exportAs: 'nzCommentAvatar'
 })
 export class NzCommentAvatarDirective {}
 
 @Directive({
   selector: 'nz-comment-content, [nz-comment-content]',
+  exportAs: 'nzCommentContent',
   host: { class: 'ant-comment-content-detail' }
 })
 export class NzCommentContentDirective {}
 
 @Directive({
-  selector: '[nzCommentActionHost]'
+  selector: '[nzCommentActionHost]',
+  exportAs: 'nzCommentActionHost'
 })
 export class NzCommentActionHostDirective extends CdkPortalOutlet implements OnInit, OnDestroy {
   @Input() nzCommentActionHost: TemplatePortal | null;
@@ -46,6 +49,7 @@ export class NzCommentActionHostDirective extends CdkPortalOutlet implements OnI
 
 @Component({
   selector: 'nz-comment-action',
+  exportAs: 'nzCommentAction',
   encapsulation: ViewEncapsulation.None,
   changeDetection: ChangeDetectionStrategy.OnPush,
   template: '<ng-template><ng-content></ng-content></ng-template>'

diff --git a/components/comment/nz-comment.component.ts b/components/comment/nz-comment.component.ts
@@ -11,6 +11,7 @@ import { NzCommentActionComponent as CommentAction } from './nz-comment-cells';
 
 @Component({
   selector: 'nz-comment',
+  exportAs: 'nzComment',
   templateUrl: './nz-comment.component.html',
   encapsulation: ViewEncapsulation.None,
   changeDetection: ChangeDetectionStrategy.OnPush,

diff --git a/components/core/addon/classlist_add.ts b/components/core/addon/classlist_add.ts
@@ -1,7 +1,8 @@
 import { Directive, ElementRef, Input, Renderer2 } from '@angular/core';
 
 @Directive({
-  selector: '[nzClassListAdd]'
+  selector: '[nzClassListAdd]',
+  exportAs: 'nzClassListAdd'
 })
 export class NzClassListAddDirective {
   classList: string[] = [];

diff --git a/components/core/addon/string_template_outlet.ts b/components/core/addon/string_template_outlet.ts
@@ -1,7 +1,8 @@
 import { Directive, EmbeddedViewRef, Input, TemplateRef, ViewContainerRef } from '@angular/core';
 
 @Directive({
-  selector: '[nzStringTemplateOutlet]'
+  selector: '[nzStringTemplateOutlet]',
+  exportAs: 'nzStringTemplateOutlet'
 })
 export class NzStringTemplateOutletDirective {
   private isTemplate: boolean;

diff --git a/components/core/no-animation/nz-no-animation.directive.ts b/components/core/no-animation/nz-no-animation.directive.ts
@@ -7,6 +7,7 @@ const DISABLED_CLASSNAME = 'nz-animate-disabled';
 
 @Directive({
   selector: '[nzNoAnimation]',
+  exportAs: 'nzNoAnimation',
   host: {
     '[@.disabled]': 'nzNoAnimation'
   }

diff --git a/components/core/overlay/nz-connected-overlay.ts b/components/core/overlay/nz-connected-overlay.ts
@@ -2,7 +2,8 @@ import { CdkConnectedOverlay } from '@angular/cdk/overlay';
 import { Directive } from '@angular/core';
 
 @Directive({
-  selector: '[cdkConnectedOverlay][nzConnectedOverlay]'
+  selector: '[cdkConnectedOverlay][nzConnectedOverlay]',
+  exportAs: 'nzConnectedOverlay'
 })
 export class NzConnectedOverlayDirective {
   constructor(private cdkConnectedOverlay: CdkConnectedOverlay) {

diff --git a/components/core/wave/nz-wave.directive.ts b/components/core/wave/nz-wave.directive.ts
@@ -30,7 +30,8 @@ export function NZ_WAVE_GLOBAL_CONFIG_FACTORY(): NzWaveConfig {
 }
 
 @Directive({
-  selector: '[nz-wave]'
+  selector: '[nz-wave]',
+  exportAs: 'nzWave'
 })
 export class NzWaveDirective implements OnInit, OnDestroy {
   @Input() nzWaveExtraNode = false;

diff --git a/components/date-picker/date-picker.component.ts b/components/date-picker/date-picker.component.ts
@@ -21,6 +21,7 @@ import { DateRangePickerComponent } from './date-range-picker.component';
   encapsulation: ViewEncapsulation.None,
   changeDetection: ChangeDetectionStrategy.OnPush,
   selector: 'nz-date-picker',
+  exportAs: 'nzDatePicker',
   templateUrl: './date-range-picker.component.html',
   providers: [
     {

diff --git a/components/date-picker/lib/calendar/calendar-footer.component.ts b/components/date-picker/lib/calendar/calendar-footer.component.ts
@@ -17,6 +17,7 @@ import { CandyDate } from '../candy-date';
   changeDetection: ChangeDetectionStrategy.OnPush,
   // tslint:disable-next-line:component-selector
   selector: 'calendar-footer',
+  exportAs: 'calendarFooter',
   templateUrl: 'calendar-footer.component.html'
 })
 export class CalendarFooterComponent {

diff --git a/components/date-picker/lib/calendar/calendar-header.component.ts b/components/date-picker/lib/calendar/calendar-header.component.ts
@@ -20,6 +20,7 @@ import { CandyDate } from '../candy-date';
   changeDetection: ChangeDetectionStrategy.OnPush,
   // tslint:disable-next-line:component-selector
   selector: 'calendar-header',
+  exportAs: 'calendarHeader',
   templateUrl: 'calendar-header.component.html'
 })
 export class CalendarHeaderComponent implements OnInit, OnChanges {