diff --git a/package.json b/package.json
index f6583f6c5..f8797646a 100644
--- a/package.json
+++ b/package.json
@@ -78,7 +78,7 @@
"extend": "^3.0.2",
"file-saver": "^2.0.5",
"ng-github-button": "^17.0.0",
- "ng-zorro-antd": "^17.0.1",
+ "ng-zorro-antd": "^17.1.0",
"@angular/cdk": "^17.0.0",
"ngx-countdown": "^17.0.0",
"ngx-highlight-js": "^17.0.0",
diff --git a/packages/abc/avatar-list/avatar-list-item.component.ts b/packages/abc/avatar-list/avatar-list-item.component.ts
index f90a9f4b2..032be816e 100644
--- a/packages/abc/avatar-list/avatar-list-item.component.ts
+++ b/packages/abc/avatar-list/avatar-list-item.component.ts
@@ -6,7 +6,8 @@ import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@a
template: ``,
preserveWhitespaces: false,
changeDetection: ChangeDetectionStrategy.OnPush,
- encapsulation: ViewEncapsulation.None
+ encapsulation: ViewEncapsulation.None,
+ standalone: true
})
export class AvatarListItemComponent {
@Input() src?: string;
diff --git a/packages/abc/avatar-list/avatar-list.component.ts b/packages/abc/avatar-list/avatar-list.component.ts
index c176bb747..3ec5fe472 100644
--- a/packages/abc/avatar-list/avatar-list.component.ts
+++ b/packages/abc/avatar-list/avatar-list.component.ts
@@ -1,4 +1,5 @@
import { Direction, Directionality } from '@angular/cdk/bidi';
+import { NgClass, NgStyle } from '@angular/common';
import {
AfterViewInit,
ChangeDetectionStrategy,
@@ -14,7 +15,9 @@ import {
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
import { InputNumber, NumberInput } from '@delon/util/decorator';
+import { NzAvatarComponent } from 'ng-zorro-antd/avatar';
import type { NgStyleInterface, NzSizeLDSType } from 'ng-zorro-antd/core/types';
+import { NzTooltipDirective } from 'ng-zorro-antd/tooltip';
import { AvatarListItemComponent } from './avatar-list-item.component';
@@ -28,7 +31,9 @@ import { AvatarListItemComponent } from './avatar-list-item.component';
},
preserveWhitespaces: false,
changeDetection: ChangeDetectionStrategy.OnPush,
- encapsulation: ViewEncapsulation.None
+ encapsulation: ViewEncapsulation.None,
+ standalone: true,
+ imports: [NgStyle, NgClass, NzAvatarComponent, NzTooltipDirective]
})
export class AvatarListComponent implements AfterViewInit, OnChanges {
static ngAcceptInputType_maxLength: NumberInput;
diff --git a/packages/abc/avatar-list/avatar-list.module.ts b/packages/abc/avatar-list/avatar-list.module.ts
index 4aefbd095..9e2bb47e8 100644
--- a/packages/abc/avatar-list/avatar-list.module.ts
+++ b/packages/abc/avatar-list/avatar-list.module.ts
@@ -10,8 +10,7 @@ import { AvatarListComponent } from './avatar-list.component';
const COMPONENTS = [AvatarListComponent, AvatarListItemComponent];
@NgModule({
- imports: [CommonModule, NzAvatarModule, NzToolTipModule],
- declarations: COMPONENTS,
+ imports: [CommonModule, NzAvatarModule, NzToolTipModule, ...COMPONENTS],
exports: COMPONENTS
})
export class AvatarListModule {}
diff --git a/packages/abc/avatar-list/index.en-US.md b/packages/abc/avatar-list/index.en-US.md
index 9f24f5b66..07c3bb286 100644
--- a/packages/abc/avatar-list/index.en-US.md
+++ b/packages/abc/avatar-list/index.en-US.md
@@ -10,7 +10,7 @@ A list of user's avatar for project or group member list frequently. If a large
## API
-### avatar-list
+### avatar-list:standalone
| Property | Description | Type | Default |
|----------|-------------|------|---------|
@@ -18,7 +18,7 @@ A list of user's avatar for project or group member list frequently. If a large
| `[maxLength]` | max items to show | `number` | - |
| `[excessItemsStyle]` | the excess item style | `{ [key: string]: string }` | - |
-### avatar-list-item
+### avatar-list-item:standalone
| Property | Description | Type | Default |
|----------|-------------|------|---------|
diff --git a/packages/abc/avatar-list/index.zh-CN.md b/packages/abc/avatar-list/index.zh-CN.md
index e37c2cdf0..dbe709b6b 100644
--- a/packages/abc/avatar-list/index.zh-CN.md
+++ b/packages/abc/avatar-list/index.zh-CN.md
@@ -10,7 +10,7 @@ module: import { AvatarListModule } from '@delon/abc/avatar-list';
## API
-### avatar-list
+### avatar-list:standalone
| 成员 | 说明 | 类型 | 默认值 |
|----|----|----|-----|
@@ -18,7 +18,7 @@ module: import { AvatarListModule } from '@delon/abc/avatar-list';
| `[maxLength]` | 要显示的最大项目 | `number` | - |
| `[excessItemsStyle]` | 多余的项目风格 | `{ [key: string]: string }` | - |
-### avatar-list-item
+### avatar-list-item:standalone
| 成员 | 说明 | 类型 | 默认值 |
|----|----|----|-----|
diff --git a/packages/abc/cell/cell.component.ts b/packages/abc/cell/cell.component.ts
index 3c2e6293d..2c56e8112 100644
--- a/packages/abc/cell/cell.component.ts
+++ b/packages/abc/cell/cell.component.ts
@@ -22,14 +22,14 @@ import { Subscription } from 'rxjs';
import { updateHostClass } from '@delon/util/browser';
import { BooleanInput, InputBoolean } from '@delon/util/decorator';
import { WINDOW } from '@delon/util/token';
-import { NzBadgeModule } from 'ng-zorro-antd/badge';
-import { NzCheckboxModule } from 'ng-zorro-antd/checkbox';
+import { NzBadgeComponent } from 'ng-zorro-antd/badge';
+import { NzCheckboxComponent } from 'ng-zorro-antd/checkbox';
import type { NzSafeAny } from 'ng-zorro-antd/core/types';
-import { NzIconModule } from 'ng-zorro-antd/icon';
-import { NzImage, NzImageService } from 'ng-zorro-antd/image';
-import { NzRadioModule } from 'ng-zorro-antd/radio';
-import { NzTagModule } from 'ng-zorro-antd/tag';
-import { NzToolTipModule } from 'ng-zorro-antd/tooltip';
+import { NzIconDirective } from 'ng-zorro-antd/icon';
+import { NzImage, NzImageModule, NzImageService } from 'ng-zorro-antd/image';
+import { NzRadioComponent } from 'ng-zorro-antd/radio';
+import { NzTagComponent } from 'ng-zorro-antd/tag';
+import { NzTooltipDirective } from 'ng-zorro-antd/tooltip';
import { CellHostDirective } from './cell-host.directive';
import { CellService } from './cell.service';
@@ -115,12 +115,13 @@ import type { CellDefaultText, CellOptions, CellTextResult, CellValue, CellWidge
imports: [
FormsModule,
NgTemplateOutlet,
- NzCheckboxModule,
- NzRadioModule,
- NzIconModule,
- NzTagModule,
- NzBadgeModule,
- NzToolTipModule,
+ NzCheckboxComponent,
+ NzRadioComponent,
+ NzIconDirective,
+ NzTagComponent,
+ NzBadgeComponent,
+ NzTooltipDirective,
+ NzImageModule,
CellHostDirective
]
})
diff --git a/packages/abc/cell/index.en-US.md b/packages/abc/cell/index.en-US.md
index d5efedd24..be5d0d6bc 100644
--- a/packages/abc/cell/index.en-US.md
+++ b/packages/abc/cell/index.en-US.md
@@ -11,7 +11,7 @@ Cell formatting is supported for multiple data types, and supports widget mode.
## API
-### cell
+### cell:standalone
| Property | Description | Type | Default |
|----------|-------------|------|---------|
diff --git a/packages/abc/cell/index.zh-CN.md b/packages/abc/cell/index.zh-CN.md
index 49bf73a56..5775a6f90 100644
--- a/packages/abc/cell/index.zh-CN.md
+++ b/packages/abc/cell/index.zh-CN.md
@@ -11,7 +11,7 @@ module: import { CellModule } from '@delon/abc/cell';
## API
-### cell
+### cell:standalone
| 成员 | 说明 | 类型 | 默认值 |
|----|----|----|-----|
diff --git a/packages/abc/count-down/count-down.component.ts b/packages/abc/count-down/count-down.component.ts
index fcac7c55a..f454a7093 100644
--- a/packages/abc/count-down/count-down.component.ts
+++ b/packages/abc/count-down/count-down.component.ts
@@ -19,7 +19,9 @@ import { CountdownComponent, CountdownConfig, CountdownEvent } from 'ngx-countdo
}`,
preserveWhitespaces: false,
changeDetection: ChangeDetectionStrategy.OnPush,
- encapsulation: ViewEncapsulation.None
+ encapsulation: ViewEncapsulation.None,
+ standalone: true,
+ imports: [CountdownComponent]
})
export class CountDownComponent {
@ViewChild('cd', { static: false }) readonly instance!: CountdownComponent;
diff --git a/packages/abc/count-down/count-down.module.ts b/packages/abc/count-down/count-down.module.ts
index 8072d7fd9..8696780dc 100644
--- a/packages/abc/count-down/count-down.module.ts
+++ b/packages/abc/count-down/count-down.module.ts
@@ -8,8 +8,7 @@ import { CountDownComponent } from './count-down.component';
const COMPONENTS = [CountDownComponent];
@NgModule({
- imports: [CommonModule, CountdownModule],
- declarations: COMPONENTS,
+ imports: [CommonModule, CountdownModule, ...COMPONENTS],
exports: COMPONENTS
})
export class CountDownModule {}
diff --git a/packages/abc/count-down/demo/accuracy.md b/packages/abc/count-down/demo/accuracy.md
index af40cadd5..9ae461471 100644
--- a/packages/abc/count-down/demo/accuracy.md
+++ b/packages/abc/count-down/demo/accuracy.md
@@ -18,13 +18,13 @@ import { Component } from '@angular/core';
import { CountdownConfig } from 'ngx-countdown';
-import { CountDownModule } from '@delon/abc/count-down';
+import { CountDownComponent } from '@delon/abc/count-down';
@Component({
selector: 'app-demo',
template: ` `,
standalone: true,
- imports: [CountDownModule]
+ imports: [CountDownComponent]
})
export class DemoComponent {
config: CountdownConfig = {
diff --git a/packages/abc/count-down/demo/simple.md b/packages/abc/count-down/demo/simple.md
index ecbaff31f..8823805be 100644
--- a/packages/abc/count-down/demo/simple.md
+++ b/packages/abc/count-down/demo/simple.md
@@ -18,7 +18,7 @@ import { Component, inject } from '@angular/core';
import { CountdownEvent } from 'ngx-countdown';
-import { CountDownModule } from '@delon/abc/count-down';
+import { CountDownComponent } from '@delon/abc/count-down';
import { NzButtonModule } from 'ng-zorro-antd/button';
import { NzMessageService } from 'ng-zorro-antd/message';
@@ -32,7 +32,7 @@ import { NzMessageService } from 'ng-zorro-antd/message';
`,
standalone: true,
- imports: [CountDownModule, NzButtonModule]
+ imports: [CountDownComponent, NzButtonModule]
})
export class DemoComponent {
private readonly msg = inject(NzMessageService);
diff --git a/packages/abc/count-down/index.en-US.md b/packages/abc/count-down/index.en-US.md
index ac032eac0..82a632d8a 100644
--- a/packages/abc/count-down/index.en-US.md
+++ b/packages/abc/count-down/index.en-US.md
@@ -16,7 +16,7 @@ npm i -S ngx-countdown
## API
-### count-down
+### count-down:standalone
| Property | Description | Type | Default |
|----------|-------------|------|---------|
diff --git a/packages/abc/count-down/index.zh-CN.md b/packages/abc/count-down/index.zh-CN.md
index 22c17507e..f8591796a 100644
--- a/packages/abc/count-down/index.zh-CN.md
+++ b/packages/abc/count-down/index.zh-CN.md
@@ -16,7 +16,7 @@ npm i -S ngx-countdown
## API
-### count-down
+### count-down:standalone
| 成员 | 说明 | 类型 | 默认值 |
|----|----|----|-----|
diff --git a/packages/abc/date-picker/date-picker.module.ts b/packages/abc/date-picker/date-picker.module.ts
index 3837441b6..e2bc8ad5e 100644
--- a/packages/abc/date-picker/date-picker.module.ts
+++ b/packages/abc/date-picker/date-picker.module.ts
@@ -10,8 +10,7 @@ import { RangePickerDirective } from './range.directive';
const COMPONENTS = [RangePickerDirective, RangePickerShortcutTplComponent];
@NgModule({
- imports: [CommonModule, FormsModule, NzDatePickerModule],
- declarations: COMPONENTS,
+ imports: [CommonModule, FormsModule, NzDatePickerModule, ...COMPONENTS],
exports: COMPONENTS
})
export class DatePickerModule {}
diff --git a/packages/abc/date-picker/demo/basic.md b/packages/abc/date-picker/demo/basic.md
index 0958c3bba..9e562c2e8 100644
--- a/packages/abc/date-picker/demo/basic.md
+++ b/packages/abc/date-picker/demo/basic.md
@@ -18,7 +18,7 @@ import { JsonPipe } from '@angular/common';
import { Component } from '@angular/core';
import { FormsModule } from '@angular/forms';
-import { DatePickerModule } from '@delon/abc/date-picker';
+import { RangePickerDirective } from '@delon/abc/date-picker';
import { NzDatePickerModule } from 'ng-zorro-antd/date-picker';
@Component({
@@ -28,7 +28,7 @@ import { NzDatePickerModule } from 'ng-zorro-antd/date-picker';
`,
standalone: true,
- imports: [JsonPipe, FormsModule, NzDatePickerModule, DatePickerModule]
+ imports: [JsonPipe, FormsModule, NzDatePickerModule, RangePickerDirective]
})
export class DemoComponent {
i: { start?: Date; end?: Date } = {};
diff --git a/packages/abc/date-picker/demo/shortcut.md b/packages/abc/date-picker/demo/shortcut.md
index 3ff0b3d61..d861c318b 100644
--- a/packages/abc/date-picker/demo/shortcut.md
+++ b/packages/abc/date-picker/demo/shortcut.md
@@ -18,7 +18,7 @@ import { JsonPipe } from '@angular/common';
import { Component } from '@angular/core';
import { FormsModule } from '@angular/forms';
-import { DatePickerModule } from '@delon/abc/date-picker';
+import { RangePickerDirective } from '@delon/abc/date-picker';
import { NzDatePickerModule } from 'ng-zorro-antd/date-picker';
@Component({
@@ -28,7 +28,7 @@ import { NzDatePickerModule } from 'ng-zorro-antd/date-picker';
`,
standalone: true,
- imports: [JsonPipe, FormsModule, NzDatePickerModule, DatePickerModule]
+ imports: [JsonPipe, FormsModule, NzDatePickerModule, RangePickerDirective]
})
export class DemoComponent {
i: { start?: Date; end?: Date } = {};
diff --git a/packages/abc/date-picker/index.en-US.md b/packages/abc/date-picker/index.en-US.md
index 5e6a15971..d82b1203c 100644
--- a/packages/abc/date-picker/index.en-US.md
+++ b/packages/abc/date-picker/index.en-US.md
@@ -10,7 +10,7 @@ Based on the `nz-range-picker` further optimization, better service to start and
## API
-### [extend]
+### [extend]:standalone
It needs to be used with [nz-range-picker](https://ng.ant.design/components/date-picker/zh#nz-range-picker), for example:
diff --git a/packages/abc/date-picker/index.zh-CN.md b/packages/abc/date-picker/index.zh-CN.md
index 3d42507ee..05811a2cc 100644
--- a/packages/abc/date-picker/index.zh-CN.md
+++ b/packages/abc/date-picker/index.zh-CN.md
@@ -10,7 +10,7 @@ module: import { DatePickerModule } from '@delon/abc/date-picker';
## API
-### [extend]
+### [extend]:standalone
需要配合 [nz-range-picker](https://ng.ant.design/components/date-picker/zh#nz-range-picker) 一起使用,例如:
diff --git a/packages/abc/date-picker/range-shortcut.component.ts b/packages/abc/date-picker/range-shortcut.component.ts
index 414131d65..7d503fde8 100644
--- a/packages/abc/date-picker/range-shortcut.component.ts
+++ b/packages/abc/date-picker/range-shortcut.component.ts
@@ -7,14 +7,15 @@ import { AlainDateRangePickerShortcutItem } from '@delon/util/config';
template: `
@for (i of list; track $index) {
-
+
}
- `
+ `,
+ standalone: true
})
export class RangePickerShortcutTplComponent {
@ViewChild('tpl', { static: true })
- tpl!: TemplateRef;
+ readonly tpl!: TemplateRef;
list: AlainDateRangePickerShortcutItem[] = [];
diff --git a/packages/abc/date-picker/range.directive.ts b/packages/abc/date-picker/range.directive.ts
index f1458ddbd..b9579e788 100644
--- a/packages/abc/date-picker/range.directive.ts
+++ b/packages/abc/date-picker/range.directive.ts
@@ -24,7 +24,8 @@ import { RangePickerShortcutTplComponent } from './range-shortcut.component';
@Directive({
selector: 'nz-range-picker[extend]',
- exportAs: 'extendRangePicker'
+ exportAs: 'extendRangePicker',
+ standalone: true
})
export class RangePickerDirective implements OnDestroy, AfterViewInit {
static ngAcceptInputType_shortcut: AlainDateRangePickerShortcut | string | null;
diff --git a/packages/abc/down-file/demo/simple.md b/packages/abc/down-file/demo/simple.md
index 39a866393..933895eb3 100644
--- a/packages/abc/down-file/demo/simple.md
+++ b/packages/abc/down-file/demo/simple.md
@@ -16,7 +16,7 @@ Download a file.
```ts
import { Component } from '@angular/core';
-import { DownFileModule } from '@delon/abc/down-file';
+import { DownFileDirective } from '@delon/abc/down-file';
import { NzButtonModule } from 'ng-zorro-antd/button';
@Component({
@@ -29,7 +29,7 @@ import { NzButtonModule } from 'ng-zorro-antd/button';
}
`,
standalone: true,
- imports: [DownFileModule, NzButtonModule]
+ imports: [DownFileDirective, NzButtonModule]
})
export class DemoComponent {
fileTypes = ['.xlsx', '.docx', '.pptx', '.pdf'];
diff --git a/packages/abc/down-file/down-file.directive.ts b/packages/abc/down-file/down-file.directive.ts
index 91e540256..cbeb2ddf1 100644
--- a/packages/abc/down-file/down-file.directive.ts
+++ b/packages/abc/down-file/down-file.directive.ts
@@ -12,7 +12,8 @@ import type { NzSafeAny } from 'ng-zorro-antd/core/types';
exportAs: 'downFile',
host: {
'(click)': '_click($event)'
- }
+ },
+ standalone: true
})
export class DownFileDirective {
private isFileSaverSupported = true;
diff --git a/packages/abc/down-file/down-file.module.ts b/packages/abc/down-file/down-file.module.ts
index a6fb5f385..6365e6c67 100644
--- a/packages/abc/down-file/down-file.module.ts
+++ b/packages/abc/down-file/down-file.module.ts
@@ -8,8 +8,7 @@ import { DownFileDirective } from './down-file.directive';
const DIRECTIVES = [DownFileDirective];
@NgModule({
- imports: [CommonModule, AlainThemeModule],
- declarations: [...DIRECTIVES],
- exports: [...DIRECTIVES]
+ imports: [CommonModule, AlainThemeModule, ...DIRECTIVES],
+ exports: DIRECTIVES
})
export class DownFileModule {}
diff --git a/packages/abc/down-file/index.en-US.md b/packages/abc/down-file/index.en-US.md
index 552f83d1b..06a500520 100644
--- a/packages/abc/down-file/index.en-US.md
+++ b/packages/abc/down-file/index.en-US.md
@@ -10,7 +10,7 @@ A file download based on `blob`.
## API
-### [down-file]
+### [down-file]:standalone
| Property | Description | Type | Default |
|----------|-------------|------|---------|
diff --git a/packages/abc/down-file/index.zh-CN.md b/packages/abc/down-file/index.zh-CN.md
index abbaed687..bdea561b3 100644
--- a/packages/abc/down-file/index.zh-CN.md
+++ b/packages/abc/down-file/index.zh-CN.md
@@ -10,7 +10,7 @@ module: import { DownFileModule } from '@delon/abc/down-file';
## API
-### [down-file]
+### [down-file]:standalone
| 成员 | 说明 | 类型 | 默认值 |
|----|----|----|-----|
diff --git a/packages/abc/ellipsis/demo/line.md b/packages/abc/ellipsis/demo/line.md
index d8ad5120c..859d3d31c 100644
--- a/packages/abc/ellipsis/demo/line.md
+++ b/packages/abc/ellipsis/demo/line.md
@@ -20,7 +20,7 @@ Also note that, in this mode, the outer container needs to have a specified widt
```ts
import { Component } from '@angular/core';
-import { EllipsisModule } from '@delon/abc/ellipsis';
+import { EllipsisComponent } from '@delon/abc/ellipsis';
@Component({
selector: 'app-demo',
@@ -34,7 +34,7 @@ import { EllipsisModule } from '@delon/abc/ellipsis';
`,
standalone: true,
- imports: [EllipsisModule]
+ imports: [EllipsisComponent]
})
export class DemoComponent {}
```
diff --git a/packages/abc/ellipsis/demo/number.md b/packages/abc/ellipsis/demo/number.md
index af9514dde..a09caa756 100644
--- a/packages/abc/ellipsis/demo/number.md
+++ b/packages/abc/ellipsis/demo/number.md
@@ -16,7 +16,7 @@ title:
```ts
import { Component } from '@angular/core';
-import { EllipsisModule } from '@delon/abc/ellipsis';
+import { EllipsisComponent } from '@delon/abc/ellipsis';
@Component({
selector: 'app-demo',
@@ -26,7 +26,7 @@ import { EllipsisModule } from '@delon/abc/ellipsis';
{{ article }}
`,
standalone: true,
- imports: [EllipsisModule]
+ imports: [EllipsisComponent]
})
export class DemoComponent {
article =
diff --git a/packages/abc/ellipsis/ellipsis.component.ts b/packages/abc/ellipsis/ellipsis.component.ts
index 9df18e776..fcf41fcfd 100644
--- a/packages/abc/ellipsis/ellipsis.component.ts
+++ b/packages/abc/ellipsis/ellipsis.component.ts
@@ -1,4 +1,5 @@
-import { DOCUMENT } from '@angular/common';
+import { ObserversModule } from '@angular/cdk/observers';
+import { DOCUMENT, NgClass, NgStyle, NgTemplateOutlet } from '@angular/common';
import {
AfterViewInit,
ChangeDetectionStrategy,
@@ -17,6 +18,7 @@ import { take } from 'rxjs';
import { BooleanInput, InputBoolean, InputNumber, NumberInput } from '@delon/util/decorator';
import type { NzSafeAny } from 'ng-zorro-antd/core/types';
+import { NzTooltipDirective } from 'ng-zorro-antd/tooltip';
@Component({
selector: 'ellipsis',
@@ -24,7 +26,10 @@ import type { NzSafeAny } from 'ng-zorro-antd/core/types';
templateUrl: './ellipsis.component.html',
preserveWhitespaces: false,
changeDetection: ChangeDetectionStrategy.OnPush,
- encapsulation: ViewEncapsulation.None
+ encapsulation: ViewEncapsulation.None,
+ standalone: true,
+ // TODO: can't use CdkObserveContent
+ imports: [ObserversModule, NzTooltipDirective, NgTemplateOutlet, NgClass, NgStyle]
})
export class EllipsisComponent implements AfterViewInit, OnChanges {
static ngAcceptInputType_tooltip: BooleanInput;
diff --git a/packages/abc/ellipsis/ellipsis.module.ts b/packages/abc/ellipsis/ellipsis.module.ts
index 32ae6daae..75fc7c908 100644
--- a/packages/abc/ellipsis/ellipsis.module.ts
+++ b/packages/abc/ellipsis/ellipsis.module.ts
@@ -9,8 +9,7 @@ import { EllipsisComponent } from './ellipsis.component';
const COMPONENTS = [EllipsisComponent];
@NgModule({
- imports: [CommonModule, ObserversModule, NzToolTipModule],
- declarations: COMPONENTS,
+ imports: [CommonModule, ObserversModule, NzToolTipModule, ...COMPONENTS],
exports: COMPONENTS
})
export class EllipsisModule {}
diff --git a/packages/abc/ellipsis/index.en-US.md b/packages/abc/ellipsis/index.en-US.md
index c65bd855a..5cd23efbc 100644
--- a/packages/abc/ellipsis/index.en-US.md
+++ b/packages/abc/ellipsis/index.en-US.md
@@ -10,7 +10,7 @@ When the text is too long, the Ellipsis automatically shortens it according to i
## API
-### ellipsis
+### ellipsis:standalone
| Property | Description | Type | Default |
|----------|-------------|------|---------|
diff --git a/packages/abc/ellipsis/index.zh-CN.md b/packages/abc/ellipsis/index.zh-CN.md
index 959ede577..4b2ffaeb3 100644
--- a/packages/abc/ellipsis/index.zh-CN.md
+++ b/packages/abc/ellipsis/index.zh-CN.md
@@ -10,7 +10,7 @@ module: import { EllipsisModule } from '@delon/abc/ellipsis';
## API
-### ellipsis
+### ellipsis:standalone
| 成员 | 说明 | 类型 | 默认值 |
|----|----|----|-----|
diff --git a/packages/abc/error-collect/demo/basic.md b/packages/abc/error-collect/demo/basic.md
index eb26be741..3450165bb 100644
--- a/packages/abc/error-collect/demo/basic.md
+++ b/packages/abc/error-collect/demo/basic.md
@@ -9,7 +9,7 @@ title: 基础
import { Component, OnInit } from '@angular/core';
import { FormControl, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms';
-import { ErrorCollectModule } from '@delon/abc/error-collect';
+import { ErrorCollectComponent } from '@delon/abc/error-collect';
import { NzFormModule } from 'ng-zorro-antd/form';
import { NzInputModule } from 'ng-zorro-antd/input';
@@ -26,7 +26,7 @@ import { NzInputModule } from 'ng-zorro-antd/input';
`,
standalone: true,
- imports: [NzFormModule, ReactiveFormsModule, NzInputModule, ErrorCollectModule]
+ imports: [NzFormModule, ReactiveFormsModule, NzInputModule, ErrorCollectComponent]
})
export class DemoComponent implements OnInit {
validateForm = new FormGroup({
diff --git a/packages/abc/error-collect/error-collect.component.ts b/packages/abc/error-collect/error-collect.component.ts
index 4df8c0eb9..649903bdc 100644
--- a/packages/abc/error-collect/error-collect.component.ts
+++ b/packages/abc/error-collect/error-collect.component.ts
@@ -20,6 +20,7 @@ import { interval } from 'rxjs';
import { AlainConfigService } from '@delon/util/config';
import { InputNumber } from '@delon/util/decorator';
import type { NzSafeAny } from 'ng-zorro-antd/core/types';
+import { NzIconDirective } from 'ng-zorro-antd/icon';
@Component({
selector: 'error-collect, [error-collect]',
@@ -36,7 +37,9 @@ import type { NzSafeAny } from 'ng-zorro-antd/core/types';
},
preserveWhitespaces: false,
changeDetection: ChangeDetectionStrategy.OnPush,
- encapsulation: ViewEncapsulation.None
+ encapsulation: ViewEncapsulation.None,
+ standalone: true,
+ imports: [NzIconDirective]
})
export class ErrorCollectComponent implements OnInit {
private formEl: HTMLFormElement | null = null;
diff --git a/packages/abc/error-collect/error-collect.module.ts b/packages/abc/error-collect/error-collect.module.ts
index c3398ec12..6d34be20d 100644
--- a/packages/abc/error-collect/error-collect.module.ts
+++ b/packages/abc/error-collect/error-collect.module.ts
@@ -8,8 +8,7 @@ import { ErrorCollectComponent } from './error-collect.component';
const COMPONENTS = [ErrorCollectComponent];
@NgModule({
- imports: [CommonModule, NzIconModule],
- declarations: COMPONENTS,
+ imports: [CommonModule, NzIconModule, ...COMPONENTS],
exports: COMPONENTS
})
export class ErrorCollectModule {}
diff --git a/packages/abc/error-collect/index.en-US.md b/packages/abc/error-collect/index.en-US.md
index 0634bbcf2..0826eaee1 100644
--- a/packages/abc/error-collect/index.en-US.md
+++ b/packages/abc/error-collect/index.en-US.md
@@ -10,9 +10,9 @@ A simple form exception messages collector that jump to element location via cli
## API
-### error-collect
+### error-collect:standalone
| Property | Description | Type | Default | Global Config |
|----------|-------------|------|---------|---------------|
| `[freq]` | Monitor frequency, unit is milliseconds | `number` | `500` | ✅ |
-| `[offsetTop]` | Top offset, unit is `px` | `number` | `145` | ✅ |
\ No newline at end of file
+| `[offsetTop]` | Top offset, unit is `px` | `number` | `145` | ✅ |
diff --git a/packages/abc/error-collect/index.zh-CN.md b/packages/abc/error-collect/index.zh-CN.md
index ebbc49231..1f16c57bb 100644
--- a/packages/abc/error-collect/index.zh-CN.md
+++ b/packages/abc/error-collect/index.zh-CN.md
@@ -10,7 +10,7 @@ module: import { ErrorCollectModule } from '@delon/abc/error-collect';
## API
-### error-collect
+### error-collect:standalone
| 成员 | 说明 | 类型 | 默认值 | 全局配置 |
|----|----|----|-----|------|
diff --git a/packages/abc/exception/demo/403.md b/packages/abc/exception/demo/403.md
index 14f78d4d9..809122308 100644
--- a/packages/abc/exception/demo/403.md
+++ b/packages/abc/exception/demo/403.md
@@ -8,13 +8,13 @@ title: 403
```ts
import { Component } from '@angular/core';
-import { ExceptionModule } from '@delon/abc/exception';
+import { ExceptionComponent } from '@delon/abc/exception';
@Component({
selector: 'app-demo',
template: ` `,
standalone: true,
- imports: [ExceptionModule]
+ imports: [ExceptionComponent]
})
export class DemoComponent {}
```
diff --git a/packages/abc/exception/demo/404.md b/packages/abc/exception/demo/404.md
index 2ad4a599c..e777aaa4e 100644
--- a/packages/abc/exception/demo/404.md
+++ b/packages/abc/exception/demo/404.md
@@ -8,13 +8,13 @@ title: 404
```ts
import { Component } from '@angular/core';
-import { ExceptionModule } from '@delon/abc/exception';
+import { ExceptionComponent } from '@delon/abc/exception';
@Component({
selector: 'app-demo',
template: ` `,
standalone: true,
- imports: [ExceptionModule]
+ imports: [ExceptionComponent]
})
export class DemoComponent {}
```
diff --git a/packages/abc/exception/demo/500.md b/packages/abc/exception/demo/500.md
index 4cb569704..ec3744e05 100644
--- a/packages/abc/exception/demo/500.md
+++ b/packages/abc/exception/demo/500.md
@@ -8,13 +8,13 @@ title: 500
```ts
import { Component } from '@angular/core';
-import { ExceptionModule } from '@delon/abc/exception';
+import { ExceptionComponent } from '@delon/abc/exception';
@Component({
selector: 'app-demo',
template: ` `,
standalone: true,
- imports: [ExceptionModule]
+ imports: [ExceptionComponent]
})
export class DemoComponent {}
```
diff --git a/packages/abc/exception/exception.component.ts b/packages/abc/exception/exception.component.ts
index 0fabf60ff..6871c68da 100644
--- a/packages/abc/exception/exception.component.ts
+++ b/packages/abc/exception/exception.component.ts
@@ -1,4 +1,5 @@
import { Direction, Directionality } from '@angular/cdk/bidi';
+import { ObserversModule } from '@angular/cdk/observers';
import {
ChangeDetectionStrategy,
ChangeDetectorRef,
@@ -14,10 +15,12 @@ import {
} from '@angular/core';
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
import { DomSanitizer, SafeHtml, SafeUrl } from '@angular/platform-browser';
+import { RouterLink } from '@angular/router';
import { DelonLocaleService, LocaleData } from '@delon/theme';
import { isEmpty } from '@delon/util/browser';
import { AlainConfigService } from '@delon/util/config';
+import { NzButtonComponent } from 'ng-zorro-antd/button';
import { NzSafeAny } from 'ng-zorro-antd/core/types';
export type ExceptionType = 403 | 404 | 500;
@@ -32,7 +35,9 @@ export type ExceptionType = 403 | 404 | 500;
},
preserveWhitespaces: false,
changeDetection: ChangeDetectionStrategy.OnPush,
- encapsulation: ViewEncapsulation.None
+ encapsulation: ViewEncapsulation.None,
+ standalone: true,
+ imports: [ObserversModule, NzButtonComponent, RouterLink]
})
export class ExceptionComponent implements OnInit {
static ngAcceptInputType_type: ExceptionType | string;
diff --git a/packages/abc/exception/exception.module.ts b/packages/abc/exception/exception.module.ts
index 5a33bf954..67d623b40 100644
--- a/packages/abc/exception/exception.module.ts
+++ b/packages/abc/exception/exception.module.ts
@@ -11,8 +11,7 @@ import { ExceptionComponent } from './exception.component';
const COMPONENTS = [ExceptionComponent];
@NgModule({
- imports: [CommonModule, ObserversModule, RouterModule, DelonLocaleModule, NzButtonModule],
- declarations: COMPONENTS,
+ imports: [CommonModule, ObserversModule, RouterModule, DelonLocaleModule, NzButtonModule, ...COMPONENTS],
exports: COMPONENTS
})
export class ExceptionModule {}
diff --git a/packages/abc/exception/index.en-US.md b/packages/abc/exception/index.en-US.md
index 4f11e8ccc..49bf44daa 100644
--- a/packages/abc/exception/index.en-US.md
+++ b/packages/abc/exception/index.en-US.md
@@ -10,7 +10,7 @@ Exceptions page is used to provide feedback on specific abnormal state. Usually,
## API
-### exception
+### exception:standalone
| Property | Description | Type | Default | Global Config |
|----------|-------------|------|---------|---------------|
diff --git a/packages/abc/exception/index.zh-CN.md b/packages/abc/exception/index.zh-CN.md
index ca5ddb11b..a9ab035fd 100644
--- a/packages/abc/exception/index.zh-CN.md
+++ b/packages/abc/exception/index.zh-CN.md
@@ -10,7 +10,7 @@ module: import { ExceptionModule } from '@delon/abc/exception';
## API
-### exception
+### exception:standalone
| 成员 | 说明 | 类型 | 默认值 | 全局配置 |
|----|----|----|-----|------|
diff --git a/packages/abc/footer-toolbar/demo/basic.md b/packages/abc/footer-toolbar/demo/basic.md
index 87622015f..490a89232 100644
--- a/packages/abc/footer-toolbar/demo/basic.md
+++ b/packages/abc/footer-toolbar/demo/basic.md
@@ -9,7 +9,7 @@ title: 基础
import { Component, OnInit } from '@angular/core';
import { FormControl, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms';
-import { FooterToolbarModule } from '@delon/abc/footer-toolbar';
+import { FooterToolbarComponent } from '@delon/abc/footer-toolbar';
import { NzButtonModule } from 'ng-zorro-antd/button';
import { NzFormModule } from 'ng-zorro-antd/form';
import { NzInputModule } from 'ng-zorro-antd/input';
@@ -29,7 +29,7 @@ import { NzInputModule } from 'ng-zorro-antd/input';
`,
standalone: true,
- imports: [NzFormModule, ReactiveFormsModule, NzInputModule, FooterToolbarModule, NzButtonModule]
+ imports: [NzFormModule, ReactiveFormsModule, NzInputModule, FooterToolbarComponent, NzButtonModule]
})
export class DemoComponent implements OnInit {
form = new FormGroup({
diff --git a/packages/abc/footer-toolbar/footer-toolbar.component.ts b/packages/abc/footer-toolbar/footer-toolbar.component.ts
index 848a128eb..8e93f0ae4 100644
--- a/packages/abc/footer-toolbar/footer-toolbar.component.ts
+++ b/packages/abc/footer-toolbar/footer-toolbar.component.ts
@@ -12,7 +12,9 @@ import {
ViewEncapsulation
} from '@angular/core';
+import { ErrorCollectComponent } from '@delon/abc/error-collect';
import { BooleanInput, InputBoolean } from '@delon/util/decorator';
+import { NzStringTemplateOutletDirective } from 'ng-zorro-antd/core/outlet';
import type { NzSafeAny } from 'ng-zorro-antd/core/types';
const CLSBODY = 'footer-toolbar__body';
@@ -23,7 +25,9 @@ const CLSBODY = 'footer-toolbar__body';
templateUrl: './footer-toolbar.component.html',
preserveWhitespaces: false,
changeDetection: ChangeDetectionStrategy.OnPush,
- encapsulation: ViewEncapsulation.None
+ encapsulation: ViewEncapsulation.None,
+ standalone: true,
+ imports: [NzStringTemplateOutletDirective, ErrorCollectComponent]
})
export class FooterToolbarComponent implements OnInit, OnDestroy {
static ngAcceptInputType_errorCollect: BooleanInput;
diff --git a/packages/abc/footer-toolbar/footer-toolbar.module.ts b/packages/abc/footer-toolbar/footer-toolbar.module.ts
index 5082a447a..b176f0c4f 100644
--- a/packages/abc/footer-toolbar/footer-toolbar.module.ts
+++ b/packages/abc/footer-toolbar/footer-toolbar.module.ts
@@ -9,8 +9,7 @@ import { FooterToolbarComponent } from './footer-toolbar.component';
const COMPONENTS = [FooterToolbarComponent];
@NgModule({
- imports: [CommonModule, ErrorCollectModule, NzOutletModule],
- declarations: COMPONENTS,
+ imports: [CommonModule, ErrorCollectModule, NzOutletModule, ...COMPONENTS],
exports: COMPONENTS
})
export class FooterToolbarModule {}
diff --git a/packages/abc/footer-toolbar/index.en-US.md b/packages/abc/footer-toolbar/index.en-US.md
index 07ee94b9a..c47ef6351 100644
--- a/packages/abc/footer-toolbar/index.en-US.md
+++ b/packages/abc/footer-toolbar/index.en-US.md
@@ -14,7 +14,7 @@ It is fixed at the bottom of the content area and does not move along with the s
## API
-### footer-toolbar
+### footer-toolbar:standalone
| Property | Description | Type | Default |
|----------|-------------|------|---------|
diff --git a/packages/abc/footer-toolbar/index.zh-CN.md b/packages/abc/footer-toolbar/index.zh-CN.md
index 11408e8eb..94726c7c9 100644
--- a/packages/abc/footer-toolbar/index.zh-CN.md
+++ b/packages/abc/footer-toolbar/index.zh-CN.md
@@ -14,7 +14,7 @@ module: import { FooterToolbarModule } from '@delon/abc/footer-toolbar';
## API
-### footer-toolbar
+### footer-toolbar:standalone
| 成员 | 说明 | 类型 | 默认值 |
|----|----|----|-----|
diff --git a/packages/abc/full-content/full-content-toggle.directive.ts b/packages/abc/full-content/full-content-toggle.directive.ts
index 76a006f4a..79a4639b7 100644
--- a/packages/abc/full-content/full-content-toggle.directive.ts
+++ b/packages/abc/full-content/full-content-toggle.directive.ts
@@ -7,7 +7,8 @@ import { FullContentComponent } from './full-content.component';
exportAs: 'fullToggle',
host: {
'(click)': '_click()'
- }
+ },
+ standalone: true
})
export class FullContentToggleDirective {
constructor(private parent: FullContentComponent) {}
diff --git a/packages/abc/full-content/full-content.component.ts b/packages/abc/full-content/full-content.component.ts
index dd3675fe7..b5b41359c 100644
--- a/packages/abc/full-content/full-content.component.ts
+++ b/packages/abc/full-content/full-content.component.ts
@@ -39,7 +39,8 @@ const hideTitleCls = `full-content__hidden-title`;
},
preserveWhitespaces: false,
changeDetection: ChangeDetectionStrategy.OnPush,
- encapsulation: ViewEncapsulation.None
+ encapsulation: ViewEncapsulation.None,
+ standalone: true
})
export class FullContentComponent implements AfterViewInit, OnInit, OnChanges, OnDestroy {
static ngAcceptInputType_fullscreen: BooleanInput;
diff --git a/packages/abc/full-content/full-content.module.ts b/packages/abc/full-content/full-content.module.ts
index bebc5c13e..59a01dc8a 100644
--- a/packages/abc/full-content/full-content.module.ts
+++ b/packages/abc/full-content/full-content.module.ts
@@ -7,8 +7,7 @@ import { FullContentComponent } from './full-content.component';
const COMPONENTS = [FullContentComponent, FullContentToggleDirective];
@NgModule({
- imports: [CommonModule],
- declarations: COMPONENTS,
+ imports: [CommonModule, ...COMPONENTS],
exports: COMPONENTS
})
export class FullContentModule {}
diff --git a/packages/abc/full-content/index.en-US.md b/packages/abc/full-content/index.en-US.md
index d2593b3a3..1b13fc9b4 100644
--- a/packages/abc/full-content/index.en-US.md
+++ b/packages/abc/full-content/index.en-US.md
@@ -10,7 +10,7 @@ Often used for tables with scroll bars, a simple [demo](https://ng-alain.surge.s
## API
-### full-content
+### full-content:standalone
| Property | Description | Type | Default |
|----------|-------------|------|---------|
@@ -18,7 +18,7 @@ Often used for tables with scroll bars, a simple [demo](https://ng-alain.surge.s
| `[hideTitle]` | Hide title when `fullscreen` is true | `boolean` | `true` |
| `[padding]` | Padding of work area | `number` | `24` |
-### [full-toggle]
+### [full-toggle]:standalone
Switch whether it is full screen.
diff --git a/packages/abc/full-content/index.zh-CN.md b/packages/abc/full-content/index.zh-CN.md
index 34962e2a0..b5e87b43f 100644
--- a/packages/abc/full-content/index.zh-CN.md
+++ b/packages/abc/full-content/index.zh-CN.md
@@ -10,7 +10,7 @@ module: import { FullContentModule } from '@delon/abc/full-content';
## API
-### full-content
+### full-content:standalone
| 参数 | 说明 | 类型 | 默认值 |
|----|----|----|-----|
@@ -18,7 +18,7 @@ module: import { FullContentModule } from '@delon/abc/full-content';
| `[hideTitle]` | 完整全屏时是否隐藏标题 | `boolean` | `true` |
| `[padding]` | 工作区内边距 | `number` | `24` |
-### [full-toggle]
+### [full-toggle]:standalone
切换是否全屏。
diff --git a/packages/abc/global-footer/demo/basic.md b/packages/abc/global-footer/demo/basic.md
index ee7b45e13..614c88786 100644
--- a/packages/abc/global-footer/demo/basic.md
+++ b/packages/abc/global-footer/demo/basic.md
@@ -9,7 +9,7 @@ browser: 400
```ts
import { Component } from '@angular/core';
-import { GlobalFooterLink, GlobalFooterModule } from '@delon/abc/global-footer';
+import { GlobalFooterComponent, GlobalFooterLink } from '@delon/abc/global-footer';
import { NzIconModule } from 'ng-zorro-antd/icon';
@Component({
@@ -30,7 +30,7 @@ import { NzIconModule } from 'ng-zorro-antd/icon';
`
],
standalone: true,
- imports: [GlobalFooterModule, NzIconModule]
+ imports: [GlobalFooterComponent, NzIconModule]
})
export class DemoComponent {
links: GlobalFooterLink[] = [
diff --git a/packages/abc/global-footer/global-footer-item.component.ts b/packages/abc/global-footer/global-footer-item.component.ts
index ead0a6e38..63eddb566 100644
--- a/packages/abc/global-footer/global-footer-item.component.ts
+++ b/packages/abc/global-footer/global-footer-item.component.ts
@@ -8,7 +8,8 @@ import { BooleanInput, InputBoolean } from '@delon/util/decorator';
template: ` `,
preserveWhitespaces: false,
changeDetection: ChangeDetectionStrategy.OnPush,
- encapsulation: ViewEncapsulation.None
+ encapsulation: ViewEncapsulation.None,
+ standalone: true
})
export class GlobalFooterItemComponent {
static ngAcceptInputType_blankTarget: BooleanInput;
diff --git a/packages/abc/global-footer/global-footer.component.ts b/packages/abc/global-footer/global-footer.component.ts
index b837e3a21..6231a6a08 100644
--- a/packages/abc/global-footer/global-footer.component.ts
+++ b/packages/abc/global-footer/global-footer.component.ts
@@ -1,4 +1,5 @@
import { Direction, Directionality } from '@angular/cdk/bidi';
+import { NgTemplateOutlet } from '@angular/common';
import {
ChangeDetectionStrategy,
ChangeDetectorRef,
@@ -31,7 +32,9 @@ import { GlobalFooterLink } from './global-footer.types';
},
preserveWhitespaces: false,
changeDetection: ChangeDetectionStrategy.OnPush,
- encapsulation: ViewEncapsulation.None
+ encapsulation: ViewEncapsulation.None,
+ standalone: true,
+ imports: [NgTemplateOutlet]
})
export class GlobalFooterComponent implements OnInit {
private dir$ = this.directionality.change?.pipe(takeUntilDestroyed());
@@ -48,7 +51,7 @@ export class GlobalFooterComponent implements OnInit {
return this._links;
}
- @ContentChildren(GlobalFooterItemComponent) items!: QueryList;
+ @ContentChildren(GlobalFooterItemComponent) readonly items!: QueryList;
constructor(
private router: Router,
diff --git a/packages/abc/global-footer/global-footer.module.ts b/packages/abc/global-footer/global-footer.module.ts
index 3937496da..c5efa9234 100644
--- a/packages/abc/global-footer/global-footer.module.ts
+++ b/packages/abc/global-footer/global-footer.module.ts
@@ -8,8 +8,7 @@ import { GlobalFooterComponent } from './global-footer.component';
const COMPONENTS = [GlobalFooterComponent, GlobalFooterItemComponent];
@NgModule({
- imports: [CommonModule, RouterModule],
- declarations: COMPONENTS,
+ imports: [CommonModule, RouterModule, ...COMPONENTS],
exports: COMPONENTS
})
export class GlobalFooterModule {}
diff --git a/packages/abc/global-footer/index.en-US.md b/packages/abc/global-footer/index.en-US.md
index 132a7dafa..2b62c541f 100644
--- a/packages/abc/global-footer/index.en-US.md
+++ b/packages/abc/global-footer/index.en-US.md
@@ -10,14 +10,14 @@ The footer is part of the global navigation as a supplement to the top navigatio
## API
-### global-footer
+### global-footer:standalone
| Property | Description | Type | Default |
|----|----|----|-----|
| `[links]` | Link data | `GlobalFooterLink` | - |
| `[copyright]` | Copyright Information | `TemplateRef` | - |
-### global-footer-item
+### global-footer-item:standalone
| Property | Description | Type | Default |
|----|----|----|-----|
diff --git a/packages/abc/global-footer/index.zh-CN.md b/packages/abc/global-footer/index.zh-CN.md
index 02c14691b..6c7ad3a5b 100644
--- a/packages/abc/global-footer/index.zh-CN.md
+++ b/packages/abc/global-footer/index.zh-CN.md
@@ -10,14 +10,14 @@ module: import { GlobalFooterModule } from '@delon/abc/global-footer';
## API
-### global-footer
+### global-footer:standalone
| 参数 | 说明 | 类型 | 默认值 |
|----|----|----|-----|
| `[links]` | 链接数据 | `GlobalFooterLink` | - |
| `[copyright]` | 版权信息 | `TemplateRef` | - |
-### global-footer-item
+### global-footer-item:standalone
| 参数 | 说明 | 类型 | 默认值 |
|----|----|----|-----|
diff --git a/packages/abc/hotkey/index.en-US.md b/packages/abc/hotkey/index.en-US.md
index a2b75401f..bc2f280e9 100644
--- a/packages/abc/hotkey/index.en-US.md
+++ b/packages/abc/hotkey/index.en-US.md
@@ -13,7 +13,7 @@ Based on the [@github/hotke](https://github.com/github/hotkey) hotkey library.
## API
-### LoadingShowOptions
+### [hotkey]:standalone
| Property | Description | Type | Default |
|----------|-------------|------|---------|
diff --git a/packages/abc/hotkey/index.zh-CN.md b/packages/abc/hotkey/index.zh-CN.md
index 37c356f33..f9a7349c8 100644
--- a/packages/abc/hotkey/index.zh-CN.md
+++ b/packages/abc/hotkey/index.zh-CN.md
@@ -13,7 +13,7 @@ module: import { HotkeyModule } from '@delon/abc/hotkey';
## API
-### [hotkey]
+### [hotkey]:standalone
| 成员 | 说明 | 类型 | 默认值 |
|----|----|----|-----|
diff --git a/packages/abc/let/index.en-US.md b/packages/abc/let/index.en-US.md
index 9685babad..5b9cc8a27 100644
--- a/packages/abc/let/index.en-US.md
+++ b/packages/abc/let/index.en-US.md
@@ -20,7 +20,7 @@ Allows to reuse computed value in several places in template to avoid recalculat
## API
-### [let]
+### [let]:standalone
| Property | Description | Type | Default | Global Config |
|----------|-------------|------|---------|---------------|
diff --git a/packages/abc/let/index.zh-CN.md b/packages/abc/let/index.zh-CN.md
index 5ccf90096..2aa7ed08d 100644
--- a/packages/abc/let/index.zh-CN.md
+++ b/packages/abc/let/index.zh-CN.md
@@ -20,7 +20,7 @@ module: import { LetModule } from '@delon/abc/let';
## API
-### [let]
+### [let]:standalone
| 参数 | 说明 | 类型 | 默认值 | 全局配置 |
|----|----|----|-----|------|
diff --git a/packages/abc/loading/loading.component.ts b/packages/abc/loading/loading.component.ts
index 0eaafe385..5412213f5 100644
--- a/packages/abc/loading/loading.component.ts
+++ b/packages/abc/loading/loading.component.ts
@@ -1,6 +1,10 @@
import { Direction } from '@angular/cdk/bidi';
+import { NgStyle } from '@angular/common';
import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';
+import { NzIconDirective } from 'ng-zorro-antd/icon';
+import { NzSpinComponent } from 'ng-zorro-antd/spin';
+
import { LoadingCustom, LoadingIcon, LoadingShowOptions } from './loading.types';
@Component({
@@ -12,7 +16,9 @@ import { LoadingCustom, LoadingIcon, LoadingShowOptions } from './loading.types'
},
preserveWhitespaces: false,
changeDetection: ChangeDetectionStrategy.OnPush,
- encapsulation: ViewEncapsulation.None
+ encapsulation: ViewEncapsulation.None,
+ standalone: true,
+ imports: [NzSpinComponent, NzIconDirective, NgStyle]
})
export class LoadingDefaultComponent {
options!: LoadingShowOptions;
diff --git a/packages/abc/loading/loading.module.ts b/packages/abc/loading/loading.module.ts
index 81fc7b940..e0f63c452 100644
--- a/packages/abc/loading/loading.module.ts
+++ b/packages/abc/loading/loading.module.ts
@@ -11,8 +11,7 @@ import { LoadingDefaultComponent } from './loading.component';
const COMPONENTS = [LoadingDefaultComponent];
@NgModule({
- imports: [CommonModule, OverlayModule, PortalModule, NzIconModule, NzSpinModule],
- declarations: COMPONENTS,
+ imports: [CommonModule, OverlayModule, PortalModule, NzIconModule, NzSpinModule, ...COMPONENTS],
exports: COMPONENTS
})
export class LoadingModule {}
diff --git a/packages/abc/media/demo/custom.md b/packages/abc/media/demo/custom.md
index a6aa17396..e5a895139 100644
--- a/packages/abc/media/demo/custom.md
+++ b/packages/abc/media/demo/custom.md
@@ -18,7 +18,7 @@ import { Component } from '@angular/core';
import type Plyr from 'plyr';
-import { MediaModule } from '@delon/abc/media';
+import { MediaComponent } from '@delon/abc/media';
import { NzButtonModule } from 'ng-zorro-antd/button';
@Component({
@@ -31,7 +31,7 @@ import { NzButtonModule } from 'ng-zorro-antd/button';
`,
standalone: true,
- imports: [NzButtonModule, MediaModule]
+ imports: [NzButtonModule, MediaComponent]
})
export class DemoComponent {
source: Plyr.SourceInfo = {
diff --git a/packages/abc/media/demo/mp3.md b/packages/abc/media/demo/mp3.md
index e8ade8165..b77179a4d 100644
--- a/packages/abc/media/demo/mp3.md
+++ b/packages/abc/media/demo/mp3.md
@@ -16,7 +16,7 @@ Specify `type="audio"` to play MP3.
```ts
import { Component } from '@angular/core';
-import { MediaModule } from '@delon/abc/media';
+import { MediaComponent } from '@delon/abc/media';
import { NzButtonModule } from 'ng-zorro-antd/button';
@Component({
@@ -30,7 +30,7 @@ import { NzButtonModule } from 'ng-zorro-antd/button';
`,
standalone: true,
- imports: [NzButtonModule, MediaModule]
+ imports: [NzButtonModule, MediaComponent]
})
export class DemoComponent {
mp3 = `https://cdn.plyr.io/static/demo/Kishi_Bashi_-_It_All_Began_With_a_Burst.mp3`;
diff --git a/packages/abc/media/demo/mp4.md b/packages/abc/media/demo/mp4.md
index 753fb70ae..6b629d623 100644
--- a/packages/abc/media/demo/mp4.md
+++ b/packages/abc/media/demo/mp4.md
@@ -16,7 +16,7 @@ Simplest of usage.
```ts
import { Component } from '@angular/core';
-import { MediaModule } from '@delon/abc/media';
+import { MediaComponent } from '@delon/abc/media';
import { NzButtonModule } from 'ng-zorro-antd/button';
@Component({
@@ -30,7 +30,7 @@ import { NzButtonModule } from 'ng-zorro-antd/button';
`,
standalone: true,
- imports: [NzButtonModule, MediaModule]
+ imports: [NzButtonModule, MediaComponent]
})
export class DemoComponent {
mp4 = `https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-576p.mp4`;
diff --git a/packages/abc/media/index.en-US.md b/packages/abc/media/index.en-US.md
index b9f6a640f..4a2456fa9 100644
--- a/packages/abc/media/index.en-US.md
+++ b/packages/abc/media/index.en-US.md
@@ -39,7 +39,7 @@ const alainConfig: AlainConfig = {
## API
-### media
+### [media]:standalone
| Property | Description | Type | Default | Global Config |
|----------|-------------|------|---------|---------------|
diff --git a/packages/abc/media/index.zh-CN.md b/packages/abc/media/index.zh-CN.md
index cf89a938a..6f1158c56 100644
--- a/packages/abc/media/index.zh-CN.md
+++ b/packages/abc/media/index.zh-CN.md
@@ -39,7 +39,7 @@ const alainConfig: AlainConfig = {
## API
-### media
+### [media]:standalone
| 成员 | 说明 | 类型 | 默认值 | 全局配置 |
|----|----|----|-----|------|
diff --git a/packages/abc/media/media.component.ts b/packages/abc/media/media.component.ts
index a89fce5ee..fc6b7d031 100644
--- a/packages/abc/media/media.component.ts
+++ b/packages/abc/media/media.component.ts
@@ -37,7 +37,8 @@ export type MediaType = 'html5' | 'youtube' | 'video' | 'audio';
},
preserveWhitespaces: false,
changeDetection: ChangeDetectionStrategy.OnPush,
- encapsulation: ViewEncapsulation.None
+ encapsulation: ViewEncapsulation.None,
+ standalone: true
})
export class MediaComponent implements OnChanges, AfterViewInit, OnDestroy {
static ngAcceptInputType_delay: NumberInput;
diff --git a/packages/abc/media/media.module.ts b/packages/abc/media/media.module.ts
index ea5a90e15..65acbe154 100644
--- a/packages/abc/media/media.module.ts
+++ b/packages/abc/media/media.module.ts
@@ -6,8 +6,7 @@ import { MediaComponent } from './media.component';
const COMPONENTS = [MediaComponent];
@NgModule({
- imports: [CommonModule],
- declarations: COMPONENTS,
+ imports: [CommonModule, ...COMPONENTS],
exports: COMPONENTS
})
export class MediaModule {}
diff --git a/packages/abc/notice-icon/demo/basic.md b/packages/abc/notice-icon/demo/basic.md
index db9e8976f..f7f6f9d08 100644
--- a/packages/abc/notice-icon/demo/basic.md
+++ b/packages/abc/notice-icon/demo/basic.md
@@ -8,13 +8,13 @@ title: 通知图标
```ts
import { Component } from '@angular/core';
-import { NoticeIconModule } from '@delon/abc/notice-icon';
+import { NoticeIconComponent } from '@delon/abc/notice-icon';
@Component({
selector: 'app-demo',
template: ` `,
standalone: true,
- imports: [NoticeIconModule]
+ imports: [NoticeIconComponent]
})
export class DemoComponent {}
```
diff --git a/packages/abc/notice-icon/demo/popover.md b/packages/abc/notice-icon/demo/popover.md
index 200e1ed21..dd2f53e84 100644
--- a/packages/abc/notice-icon/demo/popover.md
+++ b/packages/abc/notice-icon/demo/popover.md
@@ -10,7 +10,7 @@ import { Component, TemplateRef, ViewChild, inject } from '@angular/core';
import { add, formatDistanceToNow, parse } from 'date-fns';
-import { NoticeIconList, NoticeIconModule, NoticeIconSelect, NoticeItem } from '@delon/abc/notice-icon';
+import { NoticeIconList, NoticeIconComponent, NoticeIconSelect, NoticeItem } from '@delon/abc/notice-icon';
import { NzI18nService } from 'ng-zorro-antd/i18n';
import { NzMessageService } from 'ng-zorro-antd/message';
@@ -36,7 +36,7 @@ import { NzMessageService } from 'ng-zorro-antd/message';
`,
standalone: true,
- imports: [NoticeIconModule]
+ imports: [NoticeIconComponent]
})
export class DemoComponent {
private readonly msg = inject(NzMessageService);
diff --git a/packages/abc/notice-icon/index.en-US.md b/packages/abc/notice-icon/index.en-US.md
index 576c59ddf..947f85572 100644
--- a/packages/abc/notice-icon/index.en-US.md
+++ b/packages/abc/notice-icon/index.en-US.md
@@ -10,7 +10,7 @@ Used on the navigation toolbar as a unified notification center for the entire p
## API
-### notice-icon
+### notice-icon:standalone
| Property | Description | Type | Default |
|----------|-------------|------|---------|
diff --git a/packages/abc/notice-icon/index.zh-CN.md b/packages/abc/notice-icon/index.zh-CN.md
index ceebf65a9..08000d42b 100644
--- a/packages/abc/notice-icon/index.zh-CN.md
+++ b/packages/abc/notice-icon/index.zh-CN.md
@@ -10,7 +10,7 @@ module: import { NoticeIconModule } from '@delon/abc/notice-icon';
## API
-### notice-icon
+### notice-icon:standalone
| 参数 | 说明 | 类型 | 默认值 |
|----|----|----|-----|
diff --git a/packages/abc/notice-icon/notice-icon-tab.component.html b/packages/abc/notice-icon/notice-icon-tab.component.html
index 5e2bd1bc8..62c181647 100644
--- a/packages/abc/notice-icon/notice-icon-tab.component.html
+++ b/packages/abc/notice-icon/notice-icon-tab.component.html
@@ -15,7 +15,7 @@
-
+
diff --git a/packages/abc/notice-icon/notice-icon-tab.component.ts b/packages/abc/notice-icon/notice-icon-tab.component.ts
index eccd550fb..3f2fd8846 100644
--- a/packages/abc/notice-icon/notice-icon-tab.component.ts
+++ b/packages/abc/notice-icon/notice-icon-tab.component.ts
@@ -1,6 +1,10 @@
+import { NgTemplateOutlet } from '@angular/common';
import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
import { LocaleData } from '@delon/theme';
+import { NzStringTemplateOutletDirective } from 'ng-zorro-antd/core/outlet';
+import { NzListComponent, NzListItemComponent, NzListItemMetaComponent } from 'ng-zorro-antd/list';
+import { NzTagComponent } from 'ng-zorro-antd/tag';
import { NoticeIconSelect, NoticeItem } from './notice-icon.types';
@@ -9,7 +13,16 @@ import { NoticeIconSelect, NoticeItem } from './notice-icon.types';
exportAs: 'noticeIconTab',
templateUrl: './notice-icon-tab.component.html',
preserveWhitespaces: false,
- encapsulation: ViewEncapsulation.None
+ encapsulation: ViewEncapsulation.None,
+ standalone: true,
+ imports: [
+ NgTemplateOutlet,
+ NzStringTemplateOutletDirective,
+ NzListComponent,
+ NzListItemComponent,
+ NzListItemMetaComponent,
+ NzTagComponent
+ ]
})
export class NoticeIconTabComponent {
@Input() locale: LocaleData = {};
diff --git a/packages/abc/notice-icon/notice-icon.component.ts b/packages/abc/notice-icon/notice-icon.component.ts
index 8dfd2b23e..99252a53a 100644
--- a/packages/abc/notice-icon/notice-icon.component.ts
+++ b/packages/abc/notice-icon/notice-icon.component.ts
@@ -1,3 +1,4 @@
+import { NgClass, NgTemplateOutlet } from '@angular/common';
import {
ChangeDetectionStrategy,
ChangeDetectorRef,
@@ -14,8 +15,14 @@ import { Subscription } from 'rxjs';
import { DelonLocaleService, LocaleData } from '@delon/theme';
import { BooleanInput, InputBoolean, InputNumber, NumberInput } from '@delon/util/decorator';
+import { NzBadgeComponent } from 'ng-zorro-antd/badge';
import type { NgClassType } from 'ng-zorro-antd/core/types';
+import { NzDropDownDirective, NzDropdownMenuComponent } from 'ng-zorro-antd/dropdown';
+import { NzIconDirective } from 'ng-zorro-antd/icon';
+import { NzSpinComponent } from 'ng-zorro-antd/spin';
+import { NzTabComponent, NzTabSetComponent } from 'ng-zorro-antd/tabs';
+import { NoticeIconTabComponent } from './notice-icon-tab.component';
import { NoticeIconSelect, NoticeItem } from './notice-icon.types';
@Component({
@@ -25,7 +32,20 @@ import { NoticeIconSelect, NoticeItem } from './notice-icon.types';
host: { '[class.notice-icon__btn]': 'true' },
preserveWhitespaces: false,
changeDetection: ChangeDetectionStrategy.OnPush,
- encapsulation: ViewEncapsulation.None
+ encapsulation: ViewEncapsulation.None,
+ standalone: true,
+ imports: [
+ NgClass,
+ NgTemplateOutlet,
+ NzBadgeComponent,
+ NzIconDirective,
+ NzDropDownDirective,
+ NzDropdownMenuComponent,
+ NzSpinComponent,
+ NzTabSetComponent,
+ NzTabComponent,
+ NoticeIconTabComponent
+ ]
})
export class NoticeIconComponent implements OnInit, OnChanges, OnDestroy {
static ngAcceptInputType_count: NumberInput;
diff --git a/packages/abc/notice-icon/notice-icon.module.ts b/packages/abc/notice-icon/notice-icon.module.ts
index 298ff8e72..1422d8dfb 100644
--- a/packages/abc/notice-icon/notice-icon.module.ts
+++ b/packages/abc/notice-icon/notice-icon.module.ts
@@ -27,9 +27,10 @@ const COMPONENTS = [NoticeIconComponent];
NzSpinModule,
NzTabsModule,
NzTagModule,
- NzOutletModule
+ NzOutletModule,
+ ...COMPONENTS,
+ NoticeIconTabComponent
],
- declarations: [...COMPONENTS, NoticeIconTabComponent],
exports: COMPONENTS
})
export class NoticeIconModule {}
diff --git a/packages/abc/observers/index.en-US.md b/packages/abc/observers/index.en-US.md
index f4c40487a..a7640509f 100644
--- a/packages/abc/observers/index.en-US.md
+++ b/packages/abc/observers/index.en-US.md
@@ -9,7 +9,7 @@ The `ObserversModule` package provides convenience directives built on top of na
## API
-### [observeSize]
+### [observeSize]:standalone
Watch the DOM size change.
diff --git a/packages/abc/observers/index.zh-CN.md b/packages/abc/observers/index.zh-CN.md
index d1bc13cfe..22d1df1c9 100644
--- a/packages/abc/observers/index.zh-CN.md
+++ b/packages/abc/observers/index.zh-CN.md
@@ -10,7 +10,7 @@ module: import { ObserversModule } from '@delon/abc/observers';
## API
-### [observeSize]
+### [observeSize]:standalone
观察DOM大小变化。
diff --git a/packages/abc/onboarding/demo/basic.md b/packages/abc/onboarding/demo/basic.md
index 4bf011058..0ea15c4f2 100644
--- a/packages/abc/onboarding/demo/basic.md
+++ b/packages/abc/onboarding/demo/basic.md
@@ -16,7 +16,7 @@ Simplest of usage.
```ts
import { Component, inject } from '@angular/core';
-import { OnboardingConfig, OnboardingModule, OnboardingService } from '@delon/abc/onboarding';
+import { OnboardingConfig, OnboardingService } from '@delon/abc/onboarding';
import { _HttpClient } from '@delon/theme';
import { NzButtonModule } from 'ng-zorro-antd/button';
import { NzMessageService } from 'ng-zorro-antd/message';
@@ -41,7 +41,7 @@ import { NzMessageService } from 'ng-zorro-antd/message';
`,
standalone: true,
- imports: [NzButtonModule, OnboardingModule]
+ imports: [NzButtonModule]
})
export class DemoComponent {
private readonly msg = inject(NzMessageService);
diff --git a/packages/abc/onboarding/demo/multiple-pages.md b/packages/abc/onboarding/demo/multiple-pages.md
index ce2eb1788..8ff5fdab8 100644
--- a/packages/abc/onboarding/demo/multiple-pages.md
+++ b/packages/abc/onboarding/demo/multiple-pages.md
@@ -16,7 +16,7 @@ Use `url` to change the routing, it's recommended to use `before` to delay, othe
```ts
import { Component, inject } from '@angular/core';
-import { OnboardingModule, OnboardingService } from '@delon/abc/onboarding';
+import { OnboardingService } from '@delon/abc/onboarding';
import { _HttpClient } from '@delon/theme';
import { NzButtonModule } from 'ng-zorro-antd/button';
@@ -30,7 +30,7 @@ import { NzButtonModule } from 'ng-zorro-antd/button';
`,
standalone: true,
- imports: [NzButtonModule, OnboardingModule]
+ imports: [NzButtonModule]
})
export class DemoComponent {
private readonly srv = inject(OnboardingService);
diff --git a/packages/abc/onboarding/onboarding.component.ts b/packages/abc/onboarding/onboarding.component.ts
index 84222b35f..60b442553 100644
--- a/packages/abc/onboarding/onboarding.component.ts
+++ b/packages/abc/onboarding/onboarding.component.ts
@@ -15,6 +15,9 @@ import {
ViewEncapsulation
} 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';
@@ -40,7 +43,9 @@ interface OnboardingLightData {
},
preserveWhitespaces: false,
changeDetection: ChangeDetectionStrategy.OnPush,
- encapsulation: ViewEncapsulation.None
+ encapsulation: ViewEncapsulation.None,
+ standalone: true,
+ imports: [NzPopoverDirective, NzStringTemplateOutletDirective, NzButtonComponent, NzNoAnimationDirective]
})
export class OnboardingComponent implements OnDestroy, AfterViewInit {
private time: NzSafeAny;
diff --git a/packages/abc/onboarding/onboarding.module.ts b/packages/abc/onboarding/onboarding.module.ts
index 0cb8f63b0..cce725a37 100644
--- a/packages/abc/onboarding/onboarding.module.ts
+++ b/packages/abc/onboarding/onboarding.module.ts
@@ -8,14 +8,19 @@ import { NzOutletModule } from 'ng-zorro-antd/core/outlet';
import { NzPopoverModule } from 'ng-zorro-antd/popover';
import { OnboardingComponent } from './onboarding.component';
-import { OnboardingService } from './onboarding.service';
const COMPONENTS = [OnboardingComponent];
@NgModule({
- imports: [CommonModule, DelonLocaleModule, NzPopoverModule, NzOutletModule, NzButtonModule, NzNoAnimationModule],
- declarations: COMPONENTS,
- providers: [OnboardingService],
+ imports: [
+ CommonModule,
+ DelonLocaleModule,
+ NzPopoverModule,
+ NzOutletModule,
+ NzButtonModule,
+ NzNoAnimationModule,
+ COMPONENTS
+ ],
exports: COMPONENTS
})
export class OnboardingModule {}
diff --git a/packages/abc/onboarding/onboarding.service.ts b/packages/abc/onboarding/onboarding.service.ts
index b401721b3..2c3bfb00f 100644
--- a/packages/abc/onboarding/onboarding.service.ts
+++ b/packages/abc/onboarding/onboarding.service.ts
@@ -21,7 +21,7 @@ import { OnboardingComponent } from './onboarding.component';
import { ONBOARDING_STORE_TOKEN, OnBoardingKeyStore } from './onboarding.storage';
import { OnboardingConfig, OnboardingItem, OnboardingOpType } from './onboarding.types';
-@Injectable()
+@Injectable({ providedIn: 'root' })
export class OnboardingService implements OnDestroy {
private compRef!: ComponentRef;
private op$!: Subscription;
diff --git a/packages/abc/page-header/demo/image.md b/packages/abc/page-header/demo/image.md
index 804d62086..2474e8999 100644
--- 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';
`,
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
index f8363ed61..9a2915f5e 100644
--- 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';
`,
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
index dff67f6a6..012862eb5 100644
--- 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
index cc889b3ca..617ebd752 100644
--- 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
index 84bfa62d3..79eba83b0 100644
--- 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
index 47097d187..95bef90e6 100644
--- 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
index f92a86931..75d9f2e86 100644
--- a/packages/abc/page-header/page-header.component.html
+++ b/packages/abc/page-header/page-header.component.html
@@ -7,7 +7,7 @@
}