feat(module:result): support standalone component (#8224)

Author: ParsaArvanehPA

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

@@ -18,7 +18,7 @@ import { NzResultModule } from 'ng-zorro-antd/result';
 
 ## API
 
-### nz-result
+### nz-result:standalone
 
 | Property     | Description                             | Type                                                                              | Default  |
 | ------------ | --------------------------------------- | --------------------------------------------------------------------------------- | -------- |

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

@@ -19,7 +19,7 @@ import { NzResultModule } from 'ng-zorro-antd/result';
 
 ## API
 
-### nz-result
+### nz-result:standalone
 
 | 属性         | 说明                       | 类型                                                                              | 默认值   |
 | ------------ | -------------------------- | --------------------------------------------------------------------------------- | -------- |

components/result/partial/not-found.ts

@@ -272,6 +272,7 @@ import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/
         />
       </g>
     </svg>
-  `
+  `,
+  standalone: true
 })
 export class NzResultNotFoundComponent {}

components/result/partial/server-error.component.ts

@@ -10,6 +10,7 @@ import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/
   encapsulation: ViewEncapsulation.None,
   selector: 'nz-result-server-error',
   exportAs: 'nzResultServerError',
+  standalone: true,
   template: `
     <svg width="254" height="294">
       <defs>

components/result/partial/unauthorized.ts

@@ -10,6 +10,7 @@ import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/
   encapsulation: ViewEncapsulation.None,
   selector: 'nz-result-unauthorized',
   exportAs: 'nzResultUnauthorized',
+  standalone: true,
   template: `
     <svg width="251" height="294">
       <g fill="none" fillRule="evenodd">

components/result/result-cells.ts

@@ -10,7 +10,8 @@ import { Directive } from '@angular/core';
   exportAs: 'nzResultTitle',
   host: {
     class: 'ant-result-title'
-  }
+  },
+  standalone: true
 })
 export class NzResultTitleDirective {}
 
@@ -19,13 +20,15 @@ export class NzResultTitleDirective {}
   exportAs: 'nzResultSubtitle',
   host: {
     class: 'ant-result-subtitle'
-  }
+  },
+  standalone: true
 })
 export class NzResultSubtitleDirective {}
 
 @Directive({
   selector: 'i[nz-result-icon], div[nz-result-icon]',
-  exportAs: 'nzResultIcon'
+  exportAs: 'nzResultIcon',
+  standalone: true
 })
 export class NzResultIconDirective {}
 
@@ -34,7 +37,8 @@ export class NzResultIconDirective {}
   exportAs: 'nzResultContent',
   host: {
     class: 'ant-result-content'
-  }
+  },
+  standalone: true
 })
 export class NzResultContentDirective {}
 
@@ -43,6 +47,7 @@ export class NzResultContentDirective {}
   exportAs: 'nzResultExtra',
   host: {
     class: 'ant-result-extra'
-  }
+  },
+  standalone: true
 })
 export class NzResultExtraDirective {}

components/result/result.component.ts

@@ -4,6 +4,7 @@
  */
 
 import { Direction, Directionality } from '@angular/cdk/bidi';
+import { NgIf, NgSwitch, NgSwitchCase } from '@angular/common';
 import {
   ChangeDetectionStrategy,
   ChangeDetectorRef,
@@ -19,6 +20,13 @@ import {
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
 
+import { NzOutletModule } from 'ng-zorro-antd/core/outlet';
+import { NzIconModule } from 'ng-zorro-antd/icon';
+
+import { NzResultNotFoundComponent } from './partial/not-found';
+import { NzResultServerErrorComponent } from './partial/server-error.component';
+import { NzResultUnauthorizedComponent } from './partial/unauthorized';
+
 export type NzResultIconType = 'success' | 'error' | 'info' | 'warning';
 export type NzExceptionStatusType = '404' | '500' | '403';
 export type NzResultStatusType = NzExceptionStatusType | NzResultIconType;
@@ -82,7 +90,18 @@ const ExceptionStatus = ['404', '500', '403'];
     '[class.ant-result-info]': `nzStatus === 'info'`,
     '[class.ant-result-warning]': `nzStatus === 'warning'`,
     '[class.ant-result-rtl]': `dir === 'rtl'`
-  }
+  },
+  imports: [
+    NgIf,
+    NzOutletModule,
+    NzIconModule,
+    NgSwitch,
+    NzResultNotFoundComponent,
+    NzResultServerErrorComponent,
+    NzResultUnauthorizedComponent,
+    NgSwitchCase
+  ],
+  standalone: true
 })
 export class NzResultComponent implements OnChanges, OnDestroy, OnInit {
   @Input() nzIcon?: string | TemplateRef<void>;

components/result/result.module.ts

@@ -3,13 +3,8 @@
  * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
  */
 
-import { BidiModule } from '@angular/cdk/bidi';
-import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 
-import { NzOutletModule } from 'ng-zorro-antd/core/outlet';
-import { NzIconModule } from 'ng-zorro-antd/icon';
-
 import { NzResultNotFoundComponent } from './partial/not-found';
 import { NzResultServerErrorComponent } from './partial/server-error.component';
 import { NzResultUnauthorizedComponent } from './partial/unauthorized';
@@ -33,8 +28,7 @@ const cellDirectives = [
 ];
 
 @NgModule({
-  imports: [BidiModule, CommonModule, NzOutletModule, NzIconModule],
-  declarations: [NzResultComponent, ...cellDirectives, ...partial],
+  imports: [NzResultComponent, ...cellDirectives, ...partial],
   exports: [NzResultComponent, ...cellDirectives]
 })
 export class NzResultModule {}