feat(module:autocomplete): support standalone component (#8193)

* feat(module:autocomplete): support standalone component

* feat(module:autocomplete): support standalone component

Author: evgeniyefimov

components/auto-complete/autocomplete-optgroup.component.ts

@@ -5,12 +5,16 @@
 
 import { ChangeDetectionStrategy, Component, Input, TemplateRef, ViewEncapsulation } from '@angular/core';
 
+import { NzOutletModule } from 'ng-zorro-antd/core/outlet';
+
 @Component({
   selector: 'nz-auto-optgroup',
   exportAs: 'nzAutoOptgroup',
   preserveWhitespaces: false,
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,
+  standalone: true,
+  imports: [NzOutletModule],
   template: `
     <div class="ant-select-item ant-select-item-group">
       <ng-container *nzStringTemplateOutlet="nzLabel">{{ nzLabel }}</ng-container>

components/auto-complete/autocomplete-option.component.ts

@@ -35,6 +35,7 @@ export class NzOptionSelectionChange {
   preserveWhitespaces: false,
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,
+  standalone: true,
   template: `
     <div class="ant-select-item-option-content">
       <ng-content></ng-content>

components/auto-complete/autocomplete-trigger.directive.ts

@@ -55,6 +55,7 @@ export function getNzAutocompleteMissingPanelError(): Error {
   selector: `input[nzAutocomplete], textarea[nzAutocomplete]`,
   exportAs: 'nzAutocompleteTrigger',
   providers: [NZ_AUTOCOMPLETE_VALUE_ACCESSOR],
+  standalone: true,
   host: {
     autocomplete: 'off',
     'aria-autocomplete': 'list',

components/auto-complete/autocomplete.component.ts

@@ -5,6 +5,7 @@
 
 import { AnimationEvent } from '@angular/animations';
 import { Direction, Directionality } from '@angular/cdk/bidi';
+import { NgClass, NgFor, NgStyle, NgTemplateOutlet } from '@angular/common';
 import {
   AfterContentInit,
   AfterViewInit,
@@ -33,7 +34,7 @@ import { Observable, Subject, Subscription, defer, merge } from 'rxjs';
 import { filter, switchMap, take, takeUntil } from 'rxjs/operators';
 
 import { slideMotion } from 'ng-zorro-antd/core/animation';
-import { NzNoAnimationDirective } from 'ng-zorro-antd/core/no-animation';
+import { NzNoAnimationDirective, NzNoAnimationModule } 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';
 
@@ -64,6 +65,8 @@ function normalizeDataSource(value: AutocompleteDataSource): AutocompleteDataSou
   preserveWhitespaces: false,
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,
+  standalone: true,
+  imports: [NgClass, NgFor, NgStyle, NgTemplateOutlet, NzAutocompleteOptionComponent, NzNoAnimationModule],
   template: `
     <ng-template>
       <div

components/auto-complete/autocomplete.module.ts

@@ -3,33 +3,25 @@
  * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
  */
 
-import { BidiModule } from '@angular/cdk/bidi';
-import { OverlayModule } from '@angular/cdk/overlay';
-import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 
-import { NzNoAnimationModule } from 'ng-zorro-antd/core/no-animation';
-import { NzOutletModule } from 'ng-zorro-antd/core/outlet';
-import { NzInputModule } from 'ng-zorro-antd/input';
-
 import { NzAutocompleteOptgroupComponent } from './autocomplete-optgroup.component';
 import { NzAutocompleteOptionComponent } from './autocomplete-option.component';
 import { NzAutocompleteTriggerDirective } from './autocomplete-trigger.directive';
 import { NzAutocompleteComponent } from './autocomplete.component';
 
 @NgModule({
-  declarations: [
+  exports: [
     NzAutocompleteComponent,
     NzAutocompleteOptionComponent,
     NzAutocompleteTriggerDirective,
     NzAutocompleteOptgroupComponent
   ],
-  exports: [
+  imports: [
     NzAutocompleteComponent,
     NzAutocompleteOptionComponent,
     NzAutocompleteTriggerDirective,
     NzAutocompleteOptgroupComponent
-  ],
-  imports: [BidiModule, CommonModule, OverlayModule, NzOutletModule, NzNoAnimationModule, NzInputModule]
+  ]
 })
 export class NzAutocompleteModule {}

components/auto-complete/doc/index.en-US.md

@@ -31,13 +31,13 @@ import { NzAutocompleteModule } from 'ng-zorro-antd/auto-complete';
 </nz-autocomplete>
 ```
 
-### [nzAutocomplete]
+### [nzAutocomplete]:standalone
 
 | Property | Description | Type | Default |
 | --- | --- | --- | --- |
 | `[nzAutocomplete]` | used to bind `nzAutocomplete` components | `NzAutocompleteComponent` | - |
 
-### nz-autocomplete
+### nz-autocomplete:standalone
 
 | Property | Description | Type | Default |
 | --- | --- | --- | --- |
@@ -49,7 +49,7 @@ import { NzAutocompleteModule } from 'ng-zorro-antd/auto-complete';
 | `[nzOverlayStyle]` | Style of the dropdown root element | `object` | - |
 | `[compareWith]` | Same as [SelectControlValueAccessor](https://angular.io/api/forms/SelectControlValueAccessor#caveat-option-selection) | `(o1: any, o2: any) => boolean` | `(o1: any, o2: any) => o1===o2` |
 
-### nz-auto-option
+### nz-auto-option:standalone
 
 | Property | Description | Type | Default |
 | --- | --- | --- | --- |

components/auto-complete/doc/index.zh-CN.md

@@ -32,13 +32,13 @@ import { NzAutocompleteModule } from 'ng-zorro-antd/auto-complete';
 </nz-autocomplete>
 ```
 
-### [nzAutocomplete]
+### [nzAutocomplete]:standalone
 
 | 属性 | 说明 | 类型 | 默认值 |
 | --- | --- | --- | --- |
 | `[nzAutocomplete]` | 用于绑定 nzAutocomplete 组件 | `NzAutocompleteComponent` | - |
 
-### nz-autocomplete
+### nz-autocomplete:standalone
 
 | 属性 | 说明 | 类型 | 默认值 |
 | --- | --- | --- | --- |
@@ -50,7 +50,7 @@ import { NzAutocompleteModule } from 'ng-zorro-antd/auto-complete';
 | `[nzOverlayStyle]` | 下拉根元素的样式 | `object` | - |
 | `[compareWith]` | 与 [SelectControlValueAccessor](https://angular.io/api/forms/SelectControlValueAccessor#caveat-option-selection) 相同 | `(o1: any, o2: any) => boolean` | `(o1: any, o2: any) => o1===o2` |
 
-### nz-auto-option
+### nz-auto-option:standalone
 
 | 属性 | 说明 | 类型 | 默认值 |
 | --- | --- | --- | --- |