feat(abc:page-header): support standalone

ng-alain · Jan 11, 2024 · f296dea · f296dea
1 parent 90a1392
commit f296dea
Show file tree

Hide file tree

Showing 10 changed files with 32 additions and 16 deletions.
diff --git a/packages/abc/onboarding/onboarding.component.ts b/packages/abc/onboarding/onboarding.component.ts
@@ -16,6 +16,7 @@ import {
 } from '@angular/core';
 
 import { NzButtonComponent } from 'ng-zorro-antd/button';
+import { NzNoAnimationDirective } from 'ng-zorro-antd/core/no-animation';
 import { NzStringTemplateOutletDirective } from 'ng-zorro-antd/core/outlet';
 import type { NzSafeAny } from 'ng-zorro-antd/core/types';
 import { NzPopoverDirective } from 'ng-zorro-antd/popover';
@@ -44,7 +45,7 @@ interface OnboardingLightData {
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,
   standalone: true,
-  imports: [NzPopoverDirective, NzStringTemplateOutletDirective, NzButtonComponent]
+  imports: [NzPopoverDirective, NzStringTemplateOutletDirective, NzButtonComponent, NzNoAnimationDirective]
 })
 export class OnboardingComponent implements OnDestroy, AfterViewInit {
   private time: NzSafeAny;

diff --git a/packages/abc/page-header/demo/image.md b/packages/abc/page-header/demo/image.md
@@ -11,7 +11,7 @@ bg: f2f4f5
 ```ts
 import { Component } from '@angular/core';
 
-import { PageHeaderModule } from '@delon/abc/page-header';
+import { PageHeaderComponent } from '@delon/abc/page-header';
 import { NzBreadCrumbModule } from 'ng-zorro-antd/breadcrumb';
 
 @Component({
@@ -50,7 +50,7 @@ import { NzBreadCrumbModule } from 'ng-zorro-antd/breadcrumb';
     </page-header>
   `,
   standalone: true,
-  imports: [PageHeaderModule, NzBreadCrumbModule]
+  imports: [PageHeaderComponent, NzBreadCrumbModule]
 })
 export class DemoComponent {}
 ```
diff --git a/packages/abc/page-header/demo/simple.md b/packages/abc/page-header/demo/simple.md
@@ -9,7 +9,7 @@ bg: f2f4f5
 ```ts
 import { Component } from '@angular/core';
 
-import { PageHeaderModule } from '@delon/abc/page-header';
+import { PageHeaderComponent } from '@delon/abc/page-header';
 import { NzBreadCrumbModule } from 'ng-zorro-antd/breadcrumb';
 
 @Component({
@@ -26,7 +26,7 @@ import { NzBreadCrumbModule } from 'ng-zorro-antd/breadcrumb';
     </page-header>
   `,
   standalone: true,
-  imports: [PageHeaderModule, NzBreadCrumbModule]
+  imports: [PageHeaderComponent, NzBreadCrumbModule]
 })
 export class DemoComponent {}
 ```
diff --git a/packages/abc/page-header/demo/standard.md b/packages/abc/page-header/demo/standard.md
@@ -11,7 +11,7 @@ bg: f2f4f5
 ```ts
 import { Component, inject } from '@angular/core';
 
-import { PageHeaderModule } from '@delon/abc/page-header';
+import { PageHeaderComponent } from '@delon/abc/page-header';
 import { SVModule } from '@delon/abc/sv';
 import { NzBreadCrumbModule } from 'ng-zorro-antd/breadcrumb';
 import { NzButtonModule } from 'ng-zorro-antd/button';
@@ -90,7 +90,7 @@ import { NzTabsModule } from 'ng-zorro-antd/tabs';
   `,
   standalone: true,
   imports: [
-    PageHeaderModule,
+    PageHeaderComponent,
     NzBreadCrumbModule,
     NzButtonModule,
     NzDropDownModule,

diff --git a/packages/abc/page-header/demo/structure.md b/packages/abc/page-header/demo/structure.md
@@ -11,7 +11,7 @@ bg: f2f4f5
 ```ts
 import { Component, ViewEncapsulation } from '@angular/core';
 
-import { PageHeaderModule } from '@delon/abc/page-header';
+import { PageHeaderComponent } from '@delon/abc/page-header';
 import { NzTabsModule } from 'ng-zorro-antd/tabs';
 
 @Component({
@@ -62,7 +62,7 @@ import { NzTabsModule } from 'ng-zorro-antd/tabs';
   ],
   encapsulation: ViewEncapsulation.Emulated,
   standalone: true,
-  imports: [PageHeaderModule, NzTabsModule]
+  imports: [PageHeaderComponent, NzTabsModule]
 })
 export class DemoComponent {}
 ```
diff --git a/packages/abc/page-header/index.en-US.md b/packages/abc/page-header/index.en-US.md
@@ -10,7 +10,7 @@ The page header is used to declare the subject of the page and contains the most
 
 ## API
 
-### page-header
+### page-header:standalone
 
 | Property | Description | Type | Default | Global Config |
 |----------|-------------|------|---------|---------------|

diff --git a/packages/abc/page-header/index.zh-CN.md b/packages/abc/page-header/index.zh-CN.md
@@ -10,7 +10,7 @@ module: import { PageHeaderModule } from '@delon/abc/page-header';
 
 ## API
 
-### page-header
+### page-header:standalone
 
 | 成员 | 说明 | 类型 | 默认值 | 全局配置 |
 |----|----|----|-----|------|

diff --git a/packages/abc/page-header/page-header.component.html b/packages/abc/page-header/page-header.component.html
@@ -7,7 +7,7 @@
 }
 <ng-template #phTpl>
   <div class="page-header" [class.page-header-rtl]="dir === 'rtl'">
-    <div [ngClass]="{ 'page-header__wide': wide }">
+    <div [class.page-header__wide]="wide">
       <nz-skeleton
         [nzLoading]="loading"
         [nzTitle]="false"

diff --git a/packages/abc/page-header/page-header.component.ts b/packages/abc/page-header/page-header.component.ts
@@ -1,5 +1,7 @@
 import { Direction, Directionality } from '@angular/cdk/bidi';
+import { ObserversModule } from '@angular/cdk/observers';
 import { Platform } from '@angular/cdk/platform';
+import { NgTemplateOutlet } from '@angular/common';
 import {
   AfterViewInit,
   ChangeDetectionStrategy,
@@ -17,7 +19,7 @@ import {
   ViewEncapsulation
 } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import { NavigationEnd, Router } from '@angular/router';
+import { NavigationEnd, Router, RouterLink } from '@angular/router';
 import { merge, filter } from 'rxjs';
 
 import { ReuseTabService } from '@delon/abc/reuse-tab';
@@ -26,7 +28,10 @@ import { isEmpty } from '@delon/util/browser';
 import { AlainConfigService } from '@delon/util/config';
 import { BooleanInput, InputBoolean, InputNumber, NumberInput } from '@delon/util/decorator';
 import { NzAffixComponent } from 'ng-zorro-antd/affix';
+import { NzBreadCrumbModule } from 'ng-zorro-antd/breadcrumb';
+import { NzStringTemplateOutletDirective } from 'ng-zorro-antd/core/outlet';
 import type { NzSafeAny } from 'ng-zorro-antd/core/types';
+import { NzSkeletonModule } from 'ng-zorro-antd/skeleton';
 
 interface PageHeaderPath {
   title?: string;
@@ -39,7 +44,17 @@ interface PageHeaderPath {
   templateUrl: './page-header.component.html',
   preserveWhitespaces: false,
   changeDetection: ChangeDetectionStrategy.OnPush,
-  encapsulation: ViewEncapsulation.None
+  encapsulation: ViewEncapsulation.None,
+  standalone: true,
+  imports: [
+    NzAffixComponent,
+    NgTemplateOutlet,
+    NzSkeletonModule,
+    NzBreadCrumbModule,
+    RouterLink,
+    NzStringTemplateOutletDirective,
+    ObserversModule
+  ]
 })
 export class PageHeaderComponent implements OnInit, OnChanges, AfterViewInit {
   static ngAcceptInputType_loading: BooleanInput;

diff --git a/packages/abc/page-header/page-header.module.ts b/packages/abc/page-header/page-header.module.ts
@@ -20,9 +20,9 @@ const COMPONENTS = [PageHeaderComponent];
     NzAffixModule,
     NzSkeletonModule,
     NzBreadCrumbModule,
-    NzOutletModule
+    NzOutletModule,
+    ...COMPONENTS
   ],
-  declarations: COMPONENTS,
   exports: COMPONENTS
 })
 export class PageHeaderModule {}