feat(module:spin): support standalone component (#8217)

Author: ParsaArvanehPA

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

@@ -17,13 +17,13 @@ import { NzSpinModule } from 'ng-zorro-antd/spin';
 
 ## API
 
-### nz-spin
+### nz-spin:standalone
 
-| Property | Description | Type | Default Value | Global Config |
-| -------- | ----------- | ---- | ------------- | ------------- |
-| `[nzDelay]` | specifies a delay in milliseconds for loading state (prevent flush), unit: milliseconds | `number` | - |
-| `[nzIndicator]` | the spinning indicator | `TemplateRef<void>` | - | ✅ |
-| `[nzSize]` | size of Spin | `'large' \| 'small' \| 'default'` | `'default'` |
-| `[nzSpinning]` | whether Spin is spinning | `boolean` | `true` |
-| `[nzSimple]` | whether Spin has no children | `boolean` | `false` |
-| `[nzTip]` | customize description content when Spin has children | `string` | - |
+| Property        | Description                                                                             | Type                              | Default Value | Global Config |
+| --------------- | --------------------------------------------------------------------------------------- | --------------------------------- | ------------- | ------------- |
+| `[nzDelay]`     | specifies a delay in milliseconds for loading state (prevent flush), unit: milliseconds | `number`                          | -             |
+| `[nzIndicator]` | the spinning indicator                                                                  | `TemplateRef<void>`               | -             | ✅            |
+| `[nzSize]`      | size of Spin                                                                            | `'large' \| 'small' \| 'default'` | `'default'`   |
+| `[nzSpinning]`  | whether Spin is spinning                                                                | `boolean`                         | `true`        |
+| `[nzSimple]`    | whether Spin has no children                                                            | `boolean`                         | `false`       |
+| `[nzTip]`       | customize description content when Spin has children                                    | `string`                          | -             |

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

@@ -18,13 +18,13 @@ import { NzSpinModule } from 'ng-zorro-antd/spin';
 
 ## API
 
-### nz-spin
+### nz-spin:standalone
 
-| 参数 | 说明 | 类型 | 默认值 | 全局配置 |
-| --- | --- | --- | --- | --- |
-| `[nzDelay]` | 延迟显示加载效果的时间（防止闪烁），单位：毫秒 | `number` | - |
-| `[nzIndicator]` | 加载指示符 | `TemplateRef<void>` | - | ✅ |
-| `[nzSize]` | 组件大小 | `'large' \| 'small' \| 'default'` | `'default'` |
-| `[nzSpinning]` | 是否旋转 | `boolean` | `true` |
-| `[nzSimple]` | 是否包裹元素 | `boolean` | `false` |
-| `[nzTip]` | 当作为包裹元素时，可以自定义描述文案 | `string` | - |
+| 参数            | 说明                                           | 类型                              | 默认值      | 全局配置 |
+| --------------- | ---------------------------------------------- | --------------------------------- | ----------- | -------- |
+| `[nzDelay]`     | 延迟显示加载效果的时间（防止闪烁），单位：毫秒 | `number`                          | -           |
+| `[nzIndicator]` | 加载指示符                                     | `TemplateRef<void>`               | -           | ✅       |
+| `[nzSize]`      | 组件大小                                       | `'large' \| 'small' \| 'default'` | `'default'` |
+| `[nzSpinning]`  | 是否旋转                                       | `boolean`                         | `true`      |
+| `[nzSimple]`    | 是否包裹元素                                   | `boolean`                         | `false`     |
+| `[nzTip]`       | 当作为包裹元素时，可以自定义描述文案           | `string`                          | -           |

components/spin/spin.component.ts

@@ -4,6 +4,7 @@
  */
 
 import { Direction, Directionality } from '@angular/cdk/bidi';
+import { NgIf, NgTemplateOutlet } from '@angular/common';
 import {
   ChangeDetectorRef,
   Component,
@@ -58,7 +59,9 @@ const NZ_CONFIG_MODULE_NAME: NzConfigKey = 'spin';
   `,
   host: {
     '[class.ant-spin-nested-loading]': '!nzSimple'
-  }
+  },
+  imports: [NgIf, NgTemplateOutlet],
+  standalone: true
 })
 export class NzSpinComponent implements OnChanges, OnDestroy, OnInit {
   readonly _nzModuleName: NzConfigKey = NZ_CONFIG_MODULE_NAME;

components/spin/spin.module.ts

@@ -3,16 +3,12 @@
  * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
  */
 
-import { BidiModule } from '@angular/cdk/bidi';
-import { ObserversModule } from '@angular/cdk/observers';
-import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 
 import { NzSpinComponent } from './spin.component';
 
 @NgModule({
-  exports: [NzSpinComponent],
-  declarations: [NzSpinComponent],
-  imports: [BidiModule, CommonModule, ObserversModule]
+  imports: [NzSpinComponent],
+  exports: [NzSpinComponent]
 })
 export class NzSpinModule {}