feat(module:table): support standalone component (#8276)

Author: ParsaArvanehPA

components/table/doc/index.en-US.md

@@ -23,7 +23,7 @@ import { NzConfigKey, NzConfigService, WithConfig } from 'ng-zorro-antd/core/con
 import { NzDestroyService } from 'ng-zorro-antd/core/services';
 import { BooleanInput } from 'ng-zorro-antd/core/types';
 import { InputBoolean } from 'ng-zorro-antd/core/util';
-import { NzDropDownDirective, NzDropdownMenuComponent } from 'ng-zorro-antd/dropdown';
+import { NzDropDownDirective, NzDropdownMenuComponent, NzDropDownModule } from 'ng-zorro-antd/dropdown';
 
 const NZ_CONFIG_MODULE_NAME: NzConfigKey = 'filterTrigger';
 
@@ -50,7 +50,9 @@ const NZ_CONFIG_MODULE_NAME: NzConfigKey = 'filterTrigger';
       <ng-content></ng-content>
     </span>
   `,
-  providers: [NzDestroyService]
+  providers: [NzDestroyService],
+  imports: [NzDropDownModule],
+  standalone: true
 })
 export class NzFilterTriggerComponent implements OnInit {
   readonly _nzModuleName: NzConfigKey = NZ_CONFIG_MODULE_NAME;

components/table/doc/index.zh-CN.md

@@ -3,6 +3,7 @@
  * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
  */
 
+import { NgForOf, NgIf, NgTemplateOutlet } from '@angular/common';
 import {
   ChangeDetectionStrategy,
   ChangeDetectorRef,
@@ -17,14 +18,21 @@ import {
   TemplateRef,
   ViewEncapsulation
 } from '@angular/core';
+import { FormsModule } from '@angular/forms';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
 
+import { NzButtonModule } from 'ng-zorro-antd/button';
+import { NzCheckboxModule } from 'ng-zorro-antd/checkbox';
 import { NzSafeAny } from 'ng-zorro-antd/core/types';
 import { arraysEqual } from 'ng-zorro-antd/core/util';
+import { NzDropDownModule } from 'ng-zorro-antd/dropdown';
 import { NzI18nService, NzTableI18nInterface } from 'ng-zorro-antd/i18n';
+import { NzIconModule } from 'ng-zorro-antd/icon';
+import { NzRadioComponent } from 'ng-zorro-antd/radio';
 
 import { NzTableFilterList } from '../table.types';
+import { NzFilterTriggerComponent } from './filter-trigger.component';
 
 interface NzThItemInterface {
   text: string;
@@ -74,7 +82,20 @@ interface NzThItemInterface {
       </nz-dropdown-menu>
     </ng-container>
   `,
-  host: { class: 'ant-table-filter-column' }
+  host: { class: 'ant-table-filter-column' },
+  imports: [
+    NgTemplateOutlet,
+    NgIf,
+    NzFilterTriggerComponent,
+    NzIconModule,
+    NzDropDownModule,
+    NgForOf,
+    NzRadioComponent,
+    NzCheckboxModule,
+    FormsModule,
+    NzButtonModule
+  ],
+  standalone: true
 })
 export class NzTableFilterComponent implements OnChanges, OnDestroy, OnInit {
   @Input() contentTemplate: TemplateRef<NzSafeAny> | null = null;

components/table/src/addon/filter-trigger.component.ts

@@ -14,7 +14,8 @@ import { Directive, EventEmitter, Input, Output } from '@angular/core';
     '[class.ant-table-row-expand-icon-collapsed]': `!spaceMode && expand === false`,
     '[class.ant-table-row-expand-icon-spaced]': 'spaceMode',
     '(click)': 'onHostClick()'
-  }
+  },
+  standalone: true
 })
 export class NzRowExpandButtonDirective {
   @Input() expand = false;

components/table/src/addon/filter.component.ts

@@ -10,7 +10,8 @@ import { Directive, Input } from '@angular/core';
   host: {
     class: 'ant-table-row-indent',
     '[style.padding-left.px]': 'indentSize'
-  }
+  },
+  standalone: true
 })
 export class NzRowIndentDirective {
   @Input() indentSize = 0;

components/table/src/addon/row-expand-button.directive.ts

@@ -3,9 +3,14 @@
  * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
  */
 
+import { NgForOf, NgIf } from '@angular/common';
 import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
+import { FormsModule } from '@angular/forms';
 
+import { NzCheckboxModule } from 'ng-zorro-antd/checkbox';
 import { NzSafeAny } from 'ng-zorro-antd/core/types';
+import { NzDropDownModule } from 'ng-zorro-antd/dropdown';
+import { NzIconModule } from 'ng-zorro-antd/icon';
 
 @Component({
   selector: 'nz-table-selection',
@@ -36,7 +41,9 @@ import { NzSafeAny } from 'ng-zorro-antd/core/types';
       </nz-dropdown-menu>
     </div>
   `,
-  host: { class: 'ant-table-selection' }
+  host: { class: 'ant-table-selection' },
+  imports: [NgIf, FormsModule, NzCheckboxModule, NzDropDownModule, NzIconModule, NgForOf],
+  standalone: true
 })
 export class NzTableSelectionComponent {
   @Input() listOfSelections: Array<{ text: string; onSelect(...args: NzSafeAny[]): NzSafeAny }> = [];

components/table/src/addon/row-indent.directive.ts

@@ -3,6 +3,7 @@
  * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
  */
 
+import { NgIf, NgTemplateOutlet } from '@angular/common';
 import {
   ChangeDetectionStrategy,
   Component,
@@ -14,6 +15,7 @@ import {
 } from '@angular/core';
 
 import { NzSafeAny } from 'ng-zorro-antd/core/types';
+import { NzIconModule } from 'ng-zorro-antd/icon';
 
 import { NzTableSortOrder } from '../table.types';
 
@@ -43,7 +45,9 @@ import { NzTableSortOrder } from '../table.types';
       </span>
     </span>
   `,
-  host: { class: 'ant-table-column-sorters' }
+  host: { class: 'ant-table-column-sorters' },
+  imports: [NzIconModule, NgTemplateOutlet, NgIf],
+  standalone: true
 })
 export class NzTableSortersComponent implements OnChanges {
   @Input() sortDirections: NzTableSortOrder[] = ['ascend', 'descend', null];

components/table/src/addon/selection.component.ts

@@ -12,7 +12,8 @@ import { Subject } from 'rxjs';
     '[class.ant-table-cell-fix-right]': `isFixedRight`,
     '[class.ant-table-cell-fix-left]': `isFixedLeft`,
     '[style.position]': `isFixed? 'sticky' : null`
-  }
+  },
+  standalone: true
 })
 export class NzCellFixedDirective implements OnChanges {
   @Input() nzRight: string | boolean = false;

components/table/src/addon/sorters.component.ts

@@ -11,7 +11,8 @@ import { NzTableStyleService } from '../table-style.service';
   selector: 'th:not(.nz-disable-th):not([mat-cell]), td:not(.nz-disable-td):not([mat-cell])',
   host: {
     '[class.ant-table-cell]': 'isInsideTable'
-  }
+  },
+  standalone: true
 })
 export class NzTableCellDirective {
   isInsideTable = false;