feat(module:core): make no-animation standalone (#8257)

Nicoss54 · web-flow · commit de579bca2112 · 2023-12-11T17:25:01.000+01:00
* feat(module:core): make no-animation standalone

* refactor(module:*): use standalone directive

* style(module:auto-complete): fix linter

* refactor(module:*): use standalone directive instead module
diff --git a/components/auto-complete/autocomplete.component.ts b/components/auto-complete/autocomplete.component.ts
@@ -30,11 +30,11 @@ import {
   ViewChildren,
   ViewEncapsulation
 } from '@angular/core';
-import { Observable, Subject, Subscription, defer, merge } from 'rxjs';
+import { defer, merge, Observable, Subject, Subscription } from 'rxjs';
 import { filter, switchMap, take, takeUntil } from 'rxjs/operators';
 
 import { slideMotion } from 'ng-zorro-antd/core/animation';
-import { NzNoAnimationDirective, NzNoAnimationModule } from 'ng-zorro-antd/core/no-animation';
+import { NzNoAnimationDirective } from 'ng-zorro-antd/core/no-animation';
 import { BooleanInput, CompareWith, NzSafeAny } from 'ng-zorro-antd/core/types';
 import { InputBoolean } from 'ng-zorro-antd/core/util';
 
@@ -66,7 +66,7 @@ function normalizeDataSource(value: AutocompleteDataSource): AutocompleteDataSou
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,
   standalone: true,
-  imports: [NgClass, NgFor, NgStyle, NgTemplateOutlet, NzAutocompleteOptionComponent, NzNoAnimationModule],
+  imports: [NgClass, NgFor, NgStyle, NgTemplateOutlet, NzAutocompleteOptionComponent, NzNoAnimationDirective],
   template: `
     <ng-template>
       <div
diff --git a/components/badge/badge-sup.component.ts b/components/badge/badge-sup.component.ts
@@ -16,7 +16,7 @@ import {
 } from '@angular/core';
 
 import { zoomBadgeMotion } from 'ng-zorro-antd/core/animation';
-import { NzNoAnimationModule } from 'ng-zorro-antd/core/no-animation';
+import { NzNoAnimationDirective } from 'ng-zorro-antd/core/no-animation';
 import { NzSafeAny, NzSizeDSType } from 'ng-zorro-antd/core/types';
 
 @Component({
@@ -27,7 +27,7 @@ import { NzSafeAny, NzSizeDSType } from 'ng-zorro-antd/core/types';
   changeDetection: ChangeDetectionStrategy.OnPush,
   animations: [zoomBadgeMotion],
   standalone: true,
-  imports: [NgFor, NgIf, NzNoAnimationModule],
+  imports: [NgFor, NgIf, NzNoAnimationDirective],
   template: `
     <ng-container *ngIf="count <= nzOverflowCount; else overflowTemplate">
       <span
diff --git a/components/badge/badge.spec.ts b/components/badge/badge.spec.ts
@@ -4,7 +4,7 @@ import { ComponentFixture, fakeAsync, TestBed, tick } from '@angular/core/testin
 import { By } from '@angular/platform-browser';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 
-import { NzNoAnimationModule } from 'ng-zorro-antd/core/no-animation';
+import { NzNoAnimationDirective } from 'ng-zorro-antd/core/no-animation';
 import { NgStyleInterface, NzSizeDSType } from 'ng-zorro-antd/core/types';
 
 import { NzBadgeComponent } from './badge.component';
@@ -13,7 +13,7 @@ import { NzBadgeModule } from './badge.module';
 describe('badge', () => {
   beforeEach(fakeAsync(() => {
     TestBed.configureTestingModule({
-      imports: [BidiModule, NzBadgeModule, NzNoAnimationModule, BrowserAnimationsModule],
+      imports: [BidiModule, NzBadgeModule, NzNoAnimationDirective, BrowserAnimationsModule],
       declarations: [NzTestBadgeBasicComponent, NzTestBadgeRtlComponent]
     });
     TestBed.compileComponents();
diff --git a/components/cascader/cascader.component.ts b/components/cascader/cascader.component.ts
@@ -13,6 +13,7 @@ import {
   Component,
   ElementRef,
   EventEmitter,
+  forwardRef,
   Host,
   HostListener,
   Input,
@@ -28,17 +29,16 @@ import {
   TemplateRef,
   ViewChild,
   ViewChildren,
-  ViewEncapsulation,
-  forwardRef
+  ViewEncapsulation
 } from '@angular/core';
 import { ControlValueAccessor, FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
-import { BehaviorSubject, EMPTY, Observable, fromEvent, of as observableOf } from 'rxjs';
+import { BehaviorSubject, EMPTY, fromEvent, Observable, of as observableOf } from 'rxjs';
 import { distinctUntilChanged, map, startWith, switchMap, takeUntil, withLatestFrom } from 'rxjs/operators';
 
 import { slideMotion } from 'ng-zorro-antd/core/animation';
 import { NzConfigKey, NzConfigService, WithConfig } from 'ng-zorro-antd/core/config';
 import { NzFormNoStatusService, NzFormPatchModule, NzFormStatusService } from 'ng-zorro-antd/core/form';
-import { NzNoAnimationDirective, NzNoAnimationModule } from 'ng-zorro-antd/core/no-animation';
+import { NzNoAnimationDirective } from 'ng-zorro-antd/core/no-animation';
 import { DEFAULT_CASCADER_POSITIONS, NzOverlayModule } from 'ng-zorro-antd/core/overlay';
 import { NzDestroyService } from 'ng-zorro-antd/core/services';
 import {
@@ -50,7 +50,7 @@ import {
   NzStatus,
   NzValidateStatus
 } from 'ng-zorro-antd/core/types';
-import { InputBoolean, getStatusClassNames, toArray } from 'ng-zorro-antd/core/util';
+import { getStatusClassNames, InputBoolean, toArray } from 'ng-zorro-antd/core/util';
 import { NzEmptyModule } from 'ng-zorro-antd/empty';
 import { NzCascaderI18nInterface, NzI18nService } from 'ng-zorro-antd/i18n';
 import { NzIconModule } from 'ng-zorro-antd/icon';
@@ -233,7 +233,7 @@ const defaultDisplayRender = (labels: string[]): string => labels.join(' / ');
     NzIconModule,
     NzFormPatchModule,
     NzOverlayModule,
-    NzNoAnimationModule,
+    NzNoAnimationDirective,
     NgClass,
     NgStyle,
     NzEmptyModule,
diff --git a/components/date-picker/date-picker.component.ts b/components/date-picker/date-picker.component.ts
@@ -22,6 +22,7 @@ import {
   Component,
   ElementRef,
   EventEmitter,
+  forwardRef,
   Host,
   Inject,
   Input,
@@ -36,8 +37,7 @@ import {
   TemplateRef,
   ViewChild,
   ViewChildren,
-  ViewEncapsulation,
-  forwardRef
+  ViewEncapsulation
 } from '@angular/core';
 import { ControlValueAccessor, FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
 import { fromEvent, of as observableOf } from 'rxjs';
@@ -47,11 +47,11 @@ import { NzResizeObserver } from 'ng-zorro-antd/cdk/resize-observer';
 import { slideMotion } from 'ng-zorro-antd/core/animation';
 import { NzConfigKey, NzConfigService, WithConfig } from 'ng-zorro-antd/core/config';
 import { NzFormNoStatusService, NzFormPatchModule, NzFormStatusService } from 'ng-zorro-antd/core/form';
-import { NzNoAnimationDirective, NzNoAnimationModule } from 'ng-zorro-antd/core/no-animation';
+import { NzNoAnimationDirective } from 'ng-zorro-antd/core/no-animation';
 import { NzOutletModule } from 'ng-zorro-antd/core/outlet';
 import { DATE_PICKER_POSITION_MAP, DEFAULT_DATE_PICKER_POSITIONS, NzOverlayModule } from 'ng-zorro-antd/core/overlay';
 import { NzDestroyService } from 'ng-zorro-antd/core/services';
-import { CandyDate, CompatibleValue, cloneDate, wrongSortOrder } from 'ng-zorro-antd/core/time';
+import { CandyDate, cloneDate, CompatibleValue, wrongSortOrder } from 'ng-zorro-antd/core/time';
 import {
   BooleanInput,
   FunctionProp,
@@ -62,7 +62,7 @@ import {
   OnChangeType,
   OnTouchedType
 } from 'ng-zorro-antd/core/types';
-import { InputBoolean, getStatusClassNames, toBoolean, valueFunctionProp } from 'ng-zorro-antd/core/util';
+import { getStatusClassNames, InputBoolean, toBoolean, valueFunctionProp } from 'ng-zorro-antd/core/util';
 import {
   DateHelperService,
   NzDatePickerI18nInterface,
@@ -264,7 +264,7 @@ export type NzPlacement = 'bottomLeft' | 'bottomRight' | 'topLeft' | 'topRight';
     DateRangePopupComponent,
     CdkConnectedOverlay,
     NzOverlayModule,
-    NzNoAnimationModule
+    NzNoAnimationDirective
   ],
   standalone: true
 })
diff --git a/components/drawer/drawer.component.ts b/components/drawer/drawer.component.ts
@@ -35,7 +35,7 @@ import { Observable, Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
 
 import { NzConfigKey, NzConfigService, WithConfig } from 'ng-zorro-antd/core/config';
-import { NzNoAnimationModule } from 'ng-zorro-antd/core/no-animation';
+import { NzNoAnimationDirective } from 'ng-zorro-antd/core/no-animation';
 import { NzOutletModule } from 'ng-zorro-antd/core/outlet';
 import { BooleanInput, NgStyleInterface, NzSafeAny } from 'ng-zorro-antd/core/types';
 import { InputBoolean, toCssPixel } from 'ng-zorro-antd/core/util';
@@ -140,7 +140,7 @@ const NZ_CONFIG_MODULE_NAME: NzConfigKey = 'drawer';
   `,
   preserveWhitespaces: false,
   changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [NzNoAnimationModule, NgIf, NgStyle, NzOutletModule, NzIconModule, PortalModule, NgTemplateOutlet],
+  imports: [NzNoAnimationDirective, NgIf, NgStyle, NzOutletModule, NzIconModule, PortalModule, NgTemplateOutlet],
   standalone: true
 })
 export class NzDrawerComponent<T extends {} = NzSafeAny, R = NzSafeAny, D extends Partial<T> = NzSafeAny>
diff --git a/components/drawer/drawer.spec.ts b/components/drawer/drawer.spec.ts
@@ -5,7 +5,7 @@ import { Component, Inject, Input, TemplateRef, ViewChild } from '@angular/core'
 import { ComponentFixture, fakeAsync, inject, TestBed, tick, waitForAsync } from '@angular/core/testing';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 
-import { NzNoAnimationModule } from 'ng-zorro-antd/core/no-animation';
+import { NzNoAnimationDirective } from 'ng-zorro-antd/core/no-animation';
 import { dispatchKeyboardEvent } from 'ng-zorro-antd/core/testing';
 import { NZ_DRAWER_DATA } from 'ng-zorro-antd/drawer/drawer-options';
 
@@ -18,7 +18,7 @@ describe('NzDrawerComponent', () => {
   beforeEach(
     waitForAsync(() => {
       TestBed.configureTestingModule({
-        imports: [BidiModule, NzDrawerModule, NoopAnimationsModule, NzNoAnimationModule],
+        imports: [BidiModule, NzDrawerModule, NoopAnimationsModule, NzNoAnimationDirective],
         declarations: [NzTestDrawerComponent, NzTestDrawerRtlComponent]
       }).compileComponents();
     })
diff --git a/components/dropdown/dropdown-menu.component.ts b/components/dropdown/dropdown-menu.component.ts
@@ -27,7 +27,7 @@ import { BehaviorSubject, Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
 
 import { slideMotion } from 'ng-zorro-antd/core/animation';
-import { NzNoAnimationDirective, NzNoAnimationModule } from 'ng-zorro-antd/core/no-animation';
+import { NzNoAnimationDirective } from 'ng-zorro-antd/core/no-animation';
 import { IndexableObject, NzSafeAny } from 'ng-zorro-antd/core/types';
 import { MenuService, NzIsMenuInsideDropDownToken } from 'ng-zorro-antd/menu';
 
@@ -66,7 +66,7 @@ export type NzPlacementType = 'bottomLeft' | 'bottomCenter' | 'bottomRight' | 't
   preserveWhitespaces: false,
   encapsulation: ViewEncapsulation.None,
   changeDetection: ChangeDetectionStrategy.OnPush,
-  imports: [NgClass, NgStyle, NzNoAnimationModule],
+  imports: [NgClass, NgStyle, NzNoAnimationDirective],
   standalone: true
 })
 export class NzDropdownMenuComponent implements AfterContentInit, OnDestroy, OnInit {
diff --git a/components/graph/demo/module b/components/graph/demo/module
@@ -2,6 +2,6 @@ import { NzGraphModule } from 'ng-zorro-antd/graph';
 import { NzButtonModule } from 'ng-zorro-antd/button';
 import { NzIconModule } from 'ng-zorro-antd/icon';
 import { NzRadioModule } from 'ng-zorro-antd/radio';
-import { NzNoAnimationModule } from 'ng-zorro-antd/core/no-animation';
+import { NzNoAnimationDirective } from 'ng-zorro-antd/core/no-animation';
 
-export const moduleList = [ NzGraphModule, NzButtonModule, NzIconModule, NzRadioModule, NzNoAnimationModule ];
+export const moduleList = [ NzGraphModule, NzButtonModule, NzIconModule, NzRadioModule, NzNoAnimationDirective ];
diff --git a/components/menu/submenu.component.ts b/components/menu/submenu.component.ts
@@ -33,7 +33,7 @@ import {
 import { combineLatest, merge, Subject } from 'rxjs';
 import { map, startWith, switchMap, takeUntil } from 'rxjs/operators';
 
-import { NzNoAnimationDirective, NzNoAnimationModule } from 'ng-zorro-antd/core/no-animation';
+import { NzNoAnimationDirective } from 'ng-zorro-antd/core/no-animation';
 import { getPlacementName, POSITION_MAP, POSITION_TYPE_HORIZONTAL } from 'ng-zorro-antd/core/overlay';
 import { BooleanInput } from 'ng-zorro-antd/core/types';
 import { InputBoolean } from 'ng-zorro-antd/core/util';
@@ -149,7 +149,7 @@ const listOfHorizontalPositions = [
     NzSubMenuTitleComponent,
     NzSubmenuInlineChildComponent,
     NgIf,
-    NzNoAnimationModule,
+    NzNoAnimationDirective,
     NzSubmenuNoneInlineChildComponent,
     OverlayModule
   ],
diff --git a/components/popconfirm/popconfirm.ts b/components/popconfirm/popconfirm.ts
@@ -34,7 +34,7 @@ import { finalize, first, takeUntil } from 'rxjs/operators';
 import { NzButtonModule, NzButtonType } from 'ng-zorro-antd/button';
 import { zoomBigMotion } from 'ng-zorro-antd/core/animation';
 import { NzConfigKey, NzConfigService, WithConfig } from 'ng-zorro-antd/core/config';
-import { NzNoAnimationDirective, NzNoAnimationModule } from 'ng-zorro-antd/core/no-animation';
+import { NzNoAnimationDirective } from 'ng-zorro-antd/core/no-animation';
 import { NzOutletModule } from 'ng-zorro-antd/core/outlet';
 import { NzOverlayModule } from 'ng-zorro-antd/core/overlay';
 import { BooleanInput, NgStyleInterface, NzSafeAny, NzTSType } from 'ng-zorro-antd/core/types';
@@ -220,7 +220,7 @@ export class NzPopconfirmDirective extends NzTooltipBaseDirective {
     A11yModule,
     NgClass,
     NgStyle,
-    NzNoAnimationModule,
+    NzNoAnimationDirective,
     NgIf,
     NzOutletModule,
     NzIconModule,
diff --git a/components/popover/popover.ts b/components/popover/popover.ts
@@ -25,7 +25,7 @@ import {
 
 import { zoomBigMotion } from 'ng-zorro-antd/core/animation';
 import { NzConfigKey, NzConfigService, WithConfig } from 'ng-zorro-antd/core/config';
-import { NzNoAnimationDirective, NzNoAnimationModule } from 'ng-zorro-antd/core/no-animation';
+import { NzNoAnimationDirective } from 'ng-zorro-antd/core/no-animation';
 import { NzOutletModule } from 'ng-zorro-antd/core/outlet';
 import { NzOverlayModule } from 'ng-zorro-antd/core/overlay';
 import { BooleanInput, NgStyleInterface, NzTSType } from 'ng-zorro-antd/core/types';
@@ -140,7 +140,7 @@ export class NzPopoverDirective extends NzTooltipBaseDirective {
       </div>
     </ng-template>
   `,
-  imports: [OverlayModule, NzOverlayModule, NgClass, NgStyle, NzNoAnimationModule, NgIf, NzOutletModule],
+  imports: [OverlayModule, NzOverlayModule, NgClass, NgStyle, NzNoAnimationDirective, NgIf, NzOutletModule],
   standalone: true
 })
 export class NzPopoverComponent extends NzToolTipComponent {
diff --git a/components/select/select.component.ts b/components/select/select.component.ts
@@ -45,7 +45,7 @@ import { distinctUntilChanged, map, startWith, switchMap, takeUntil, withLatestF
 import { slideMotion } from 'ng-zorro-antd/core/animation';
 import { NzConfigKey, NzConfigService, WithConfig } from 'ng-zorro-antd/core/config';
 import { NzFormNoStatusService, NzFormPatchModule, NzFormStatusService } from 'ng-zorro-antd/core/form';
-import { NzNoAnimationDirective, NzNoAnimationModule } from 'ng-zorro-antd/core/no-animation';
+import { NzNoAnimationDirective } from 'ng-zorro-antd/core/no-animation';
 import { getPlacementName, NzOverlayModule, POSITION_MAP, POSITION_TYPE } from 'ng-zorro-antd/core/overlay';
 import { cancelRequestAnimationFrame, reqAnimFrame } from 'ng-zorro-antd/core/polyfill';
 import { NzDestroyService } from 'ng-zorro-antd/core/services';
@@ -203,7 +203,7 @@ export type NzSelectSizeType = 'large' | 'default' | 'small';
   imports: [
     NzSelectTopControlComponent,
     CdkOverlayOrigin,
-    NzNoAnimationModule,
+    NzNoAnimationDirective,
     NzSelectArrowComponent,
     NgIf,
     NzFormPatchModule,
diff --git a/components/tooltip/tooltip.ts b/components/tooltip/tooltip.ts
@@ -25,7 +25,7 @@ import {
 
 import { zoomBigMotion } from 'ng-zorro-antd/core/animation';
 import { isPresetColor, NzPresetColor } from 'ng-zorro-antd/core/color';
-import { NzNoAnimationDirective, NzNoAnimationModule } from 'ng-zorro-antd/core/no-animation';
+import { NzNoAnimationDirective } from 'ng-zorro-antd/core/no-animation';
 import { NzOutletModule } from 'ng-zorro-antd/core/outlet';
 import { NzOverlayModule } from 'ng-zorro-antd/core/overlay';
 import { BooleanInput, NgStyleInterface, NzTSType } from 'ng-zorro-antd/core/types';
@@ -130,7 +130,7 @@ export class NzTooltipDirective extends NzTooltipBaseDirective {
     </ng-template>
   `,
   preserveWhitespaces: false,
-  imports: [OverlayModule, NgClass, NgStyle, NzNoAnimationModule, NzOutletModule, NzOverlayModule],
+  imports: [OverlayModule, NgClass, NgStyle, NzNoAnimationDirective, NzOutletModule, NzOverlayModule],
   standalone: true
 })
 export class NzToolTipComponent extends NzTooltipBaseComponent {
diff --git a/components/tree-select/tree-select.component.ts b/components/tree-select/tree-select.component.ts
@@ -39,7 +39,7 @@ import { distinctUntilChanged, filter, map, takeUntil, tap, withLatestFrom } fro
 import { slideMotion } from 'ng-zorro-antd/core/animation';
 import { NzConfigKey, NzConfigService, WithConfig } from 'ng-zorro-antd/core/config';
 import { NzFormNoStatusService, NzFormPatchModule, NzFormStatusService } from 'ng-zorro-antd/core/form';
-import { NzNoAnimationDirective, NzNoAnimationModule } from 'ng-zorro-antd/core/no-animation';
+import { NzNoAnimationDirective } from 'ng-zorro-antd/core/no-animation';
 import { NzOverlayModule, POSITION_MAP } from 'ng-zorro-antd/core/overlay';
 import { reqAnimFrame } from 'ng-zorro-antd/core/polyfill';
 import {
@@ -239,7 +239,7 @@ const listOfPositions = [
     NzOverlayModule,
     CdkConnectedOverlay,
     NgClass,
-    NzNoAnimationModule,
+    NzNoAnimationDirective,
     NgStyle,
     NzTreeModule,
     NgIf,
diff --git a/components/tree-view/demo/module b/components/tree-view/demo/module
@@ -1,10 +1,10 @@
 import { NzButtonModule } from 'ng-zorro-antd/button';
 import { NzCheckboxModule } from 'ng-zorro-antd/checkbox';
 import { NzHighlightModule } from 'ng-zorro-antd/core/highlight';
-import { NzNoAnimationModule } from 'ng-zorro-antd/core/no-animation';
+import { NzNoAnimationDirective } from 'ng-zorro-antd/core/no-animation';
 import { NzIconModule } from 'ng-zorro-antd/icon';
 import { NzInputModule } from 'ng-zorro-antd/input';
 import { NzSwitchModule } from 'ng-zorro-antd/switch';
 import { NzTreeViewModule } from 'ng-zorro-antd/tree-view';
 
-export const moduleList = [ NzTreeViewModule, NzIconModule, NzCheckboxModule, NzInputModule, NzSwitchModule, NzButtonModule, NzNoAnimationModule, NzHighlightModule ];
+export const moduleList = [ NzTreeViewModule, NzIconModule, NzCheckboxModule, NzInputModule, NzSwitchModule, NzButtonModule, NzNoAnimationDirective, NzHighlightModule ];
diff --git a/components/tree/tree.component.ts b/components/tree/tree.component.ts
@@ -13,7 +13,9 @@ import {
   Component,
   ContentChild,
   EventEmitter,
+  forwardRef,
   Host,
+  inject,
   Input,
   OnChanges,
   OnDestroy,
@@ -22,27 +24,25 @@ import {
   Output,
   SimpleChange,
   TemplateRef,
-  ViewChild,
-  forwardRef,
-  inject
+  ViewChild
 } from '@angular/core';
 import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
 import { Observable, Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
 
 import { treeCollapseMotion } from 'ng-zorro-antd/core/animation';
 import { NzConfigKey, NzConfigService, WithConfig } from 'ng-zorro-antd/core/config';
-import { NzNoAnimationDirective, NzNoAnimationModule } from 'ng-zorro-antd/core/no-animation';
+import { NzNoAnimationDirective } from 'ng-zorro-antd/core/no-animation';
 import {
+  flattenTreeData,
   NzFormatBeforeDropEvent,
   NzFormatEmitEvent,
   NzTreeBase,
   NzTreeBaseService,
   NzTreeHigherOrderServiceToken,
   NzTreeNode,
   NzTreeNodeKey,
-  NzTreeNodeOptions,
-  flattenTreeData
+  NzTreeNodeOptions
 } from 'ng-zorro-antd/core/tree';
 import { BooleanInput, NzSafeAny } from 'ng-zorro-antd/core/types';
 import { InputBoolean } from 'ng-zorro-antd/core/util';
@@ -176,7 +176,7 @@ const NZ_CONFIG_MODULE_NAME: NzConfigKey = 'tree';
     NgIf,
     CdkVirtualForOf,
     NgTemplateOutlet,
-    NzNoAnimationModule,
+    NzNoAnimationDirective,
     NgForOf,
     NzTreeNodeBuiltinComponent
   ],
