feat(module:message): support standalone component (#8241)

NG-ZORRO · Dec 7, 2023 · c2120b2 · c2120b2
1 parent b9cf3b0
commit c2120b2
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 10 deletions.
diff --git a/components/message/message-container.component.ts b/components/message/message-container.component.ts
@@ -4,13 +4,15 @@
  */
 
 import { Direction } from '@angular/cdk/bidi';
+import { NgForOf } from '@angular/common';
 import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ViewEncapsulation } from '@angular/core';
 import { takeUntil } from 'rxjs/operators';
 
 import { MessageConfig, NzConfigService } from 'ng-zorro-antd/core/config';
 import { toCssPixel } from 'ng-zorro-antd/core/util';
 
 import { NzMNContainerComponent } from './base';
+import { NzMessageComponent } from './message.component';
 
 const NZ_CONFIG_COMPONENT_NAME = 'message';
 
@@ -37,7 +39,9 @@ const NZ_MESSAGE_DEFAULT_CONFIG: Required<MessageConfig> = {
         (destroyed)="remove($event.id, $event.userAction)"
       ></nz-message>
     </div>
-  `
+  `,
+  imports: [NzMessageComponent, NgForOf],
+  standalone: true
 })
 export class NzMessageContainerComponent extends NzMNContainerComponent {
   dir: Direction = 'ltr';

diff --git a/components/message/message.component.ts b/components/message/message.component.ts
@@ -3,6 +3,7 @@
  * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
  */
 
+import { NgClass, NgSwitch, NgSwitchCase } from '@angular/common';
 import {
   ChangeDetectionStrategy,
   ChangeDetectorRef,
@@ -16,6 +17,8 @@ import {
 } from '@angular/core';
 
 import { moveUpMotion } from 'ng-zorro-antd/core/animation';
+import { NzOutletModule } from 'ng-zorro-antd/core/outlet';
+import { NzIconModule } from 'ng-zorro-antd/icon';
 
 import { NzMNComponent } from './base';
 import { NzMessageData } from './typings';
@@ -50,7 +53,9 @@ import { NzMessageData } from './typings';
         </div>
       </div>
     </div>
-  `
+  `,
+  imports: [NgClass, NgSwitch, NgSwitchCase, NzIconModule, NzOutletModule],
+  standalone: true
 })
 export class NzMessageComponent extends NzMNComponent implements OnInit, OnDestroy {
   @Input() override instance!: Required<NzMessageData>;

diff --git a/components/message/message.module.ts b/components/message/message.module.ts
@@ -3,19 +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 { OverlayModule } from '@angular/cdk/overlay';
-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 { NzMessageContainerComponent } from './message-container.component';
 import { NzMessageComponent } from './message.component';
 
 @NgModule({
-  imports: [BidiModule, CommonModule, OverlayModule, NzIconModule, NzOutletModule],
-  declarations: [NzMessageContainerComponent, NzMessageComponent]
+  imports: [NzMessageContainerComponent, NzMessageComponent]
 })
 export class NzMessageModule {}